След като сте конфигурирали BookDirect (ОРС), добавили сте съдържание и сте настроили брандирането и дизайна, остава последната част от пъзела - интегрирането на BookDirect в уебсайта ви.
Clock PMS+ ви предлага различни възможности за интеграция, като например Външна или Инлайн интеграции и използване на други елементи, като например наличие на формуляр за резервация на началната страница, бутон за напомняне и скриптове за проследяване.
Моля, прочетете по-долу за повече информация относно всички тези възможности на ваше разположение.
Важно: Въпреки че всички опции за интеграция са доста лесни за използване, препоръчваме ви да се консултирате с уеб разработчик и да му предоставите информацията по-долу, в случай че нямате опит и познания в областта на уеб разработката.
Цялата информация, необходима за двата подхода за интеграция - Външна или Инлайн - може да бъде намерена в менюто Уеб-> BookDirect Настройки-> секция Уебсайт интеграция.
Важно: В случай че искате да вградите няколко BookDirects (за няколко хотела) в един уебсайт, те трябва да бъдат вградени в различни страници на този уебсайт.
Външна интеграция
Тази възможност за интеграция е най-лесната за употреба интеграция. Ако изберете тази опция за интеграция, просто трябва да да добавите линк към вашия уебсайт. Щом гостите кликнат на лника, ОРС ще се отвори в нов прозорец.
Забележка: BookDirect ще се отвори в нов прозорец (таб на браузъра) и гостите ще виждат УРЛ адреса на ОРС като Clock PMS+ услуга - https://sky-eu1.clock-software...
За да получите връзката, кликнете върху Директен ОРС линк (1) и копирайте връзката, която ще ви бъде представена. От този момент нататък можете да използвате връзката по свое желание - да я предоставите на вашия уеб разработчик, за да я добави на вашия уебсайт зад бутон "Резервирай" например; да я използвате в имейли, за да насочвате гостите към вашия ОРС; да я използвате в кампании в социалните медии и др.
Инлайн интеграция
Тази опция за интеграция гарантира, че гостите няма да могат да правят разлика между BookDirect и вашия уебсайт, и ви позволява да използвате повече инструменти за интеграция. Тя обаче може да изисква малко по-задълбочени познания в областта на уеб разработката.
Важно: Вашият уебсайт трябва да работи под HTTPS протокол, за да използва инлайн интеграция.
Забележка: BookDirect ще се отвори в рамките на вашия уебсайт и ще бъде част от него. Гостите ще виждат вашия URL адрес - например https://myclockhotel.com/book-now
Настройка
За да активирате инлайн интеграцията, първо трябва да въведете домейна или домейните, в които ще интегрирате BookDirect, в Хотелски домейн (интеграция) (3).
Важно: Добавете всички домейни, които поддържате един по един - тези с и/или без 'www' и всички поддомейни.
BookDirect няма да работи и ще даде съобщение за грешка, ако я интегрирате към сайт, чийто домейн не е добавен тук.
След като добавите домейните, щракнете върху Интеграционен скрипт (2).
Важно: Горният скрипт съдържа CSS и JavaScript. Моля, имайте предвид, че някои платформи за създаване на уебсайтове (например Wordpress) може да изискват да разделите CSS и JavaScript частите и да ги добавите в различни секции на тяхната платформа.
Изберете между възможностите Режим по подразбиране и Заоблени ъгли:
- Режим по подразбиране (5) - от тук може да изберете как BookDirect следва да се показва на вашия уебсайт. Имате три възможности за избор:
- Цял екран - ОРС ще бъде на цял екран и ще покрива вашата уебстраница
- По подразбиране - ОРС не покрива цялата страница и вашият сайт е видим на заден план. Ширината на ОРС позволява съдържанието да се вижда в две колони.
- Мобилен - ОРС е с минимална ширина и вашият сайт е видим на заден план. Съдържанието е в една колона.
- Заоблени ъгли (6) - Изберете дали ъглите на ОРС следва да бъдат заоблени или не.
- Език по подразбиране (7) - иберете езика по подразбиране.
Забележка: Независимо от избрания режим, BookDirect е силно адаптивен към размера на екраните, а за мобилните устройства е винаги на цял екран.
След като изберете режима и настройките за ъглите, просто изберете скрипта (8) и го изпратете на вашия уеб разработчик, за да го интегрира на вашия уебсайт.
Важно: Скриптът следва да бъде поставен в <head> тага на всички страници, където желаете да интегрирате BookDirect.
Инструменти за интеграция
Освен обикновеното добавяне на BookDirect към страница на вашия уебсайт, когато използвате Инлайн интеграция, може да се възползвате и от някои Инструменти за интеграция.
Бутон за резервиране
Може да добавите бутон 'Резервирай' на много места на вашия уебсайт, които при кликване да отварят BookDirect.
Дизайнът, размерът и етикетът на самия бутон могат да бъдат конфигурирани изцяло по ваше усмотрение и това на вашия уеб разработчик.
Единственото изискване за BookDirect да се отвори е бутонът да има конкретен атрибут за данни:
- data-clock-pms-wbe-button
Пример:
<button type = "button" data-clock-pms-wbe-button> Book now </button>
Форма за резервиране
Много често срещан подход, който много хотели използват е също така да добавят форма за резервация директно на началната страница. Това позволява на гостите да въведат датите на пристигане/заминаване и някакви кодове, докато са на началната страница (или някоя друга страница, на която добавите формата).
Когато гостите въведат своите критерии и потърсят, BookDirect ще се отвори директно на стъпка 2, показвайки наличните типове стаи и тарифи.
Подобно на Бутона за резервиране, дизайнът на Формата за резервиране е изцяло по ваше усмотрение и това на вашия уеб дизайнер. За да функционира правилно формата, обаче, има определени изисквания:
Забележка: За да се генерира формата, трябва да изпълните и 3те изисквания.
1. Формата следва да има следния атрибут за данни:
- data-clock-pms-wbe-form
Пример:
<form data-clock-pms-wbe-form>
2. Въвежданите данни във формата (Дата на пристигане; Дата на заминаване; Бонус код; Фирмен код; Блок код) следва да имат определена стойност за атрибута за име
- arrival
- departure
- bonusCode
- companyCode
- blockCode
Пример:
<input type = "date" name = "arrival" />
<input type = "date" name = "departure" />
<input type = "text" name = "bonusCode" />
<input type = "text" name = "companyCode" />
<input type = "text" name = "blockCode" />
3. Бутонът за стартиране на търсенето трябва да бъде от типа:
- submit
Пример:
<button type = "submit"> Book </button>
Цялостен пример:
<form data-clock-pms-wbe-form> <div><label>Arrival </label><br> <input type="date" name="arrival"><br> </div> <div><label>Departure </label><br> <input type="date" name="departure"><br> </div> <div><label>Bonus Code </label><br> <input type="text" name="bonusCode"><br> </div> <p><button type="submit"> Book now </button></p> </form>
Напомнящ бутон
Третият инструмент за интеграция, който може да използвате е свързан с конверсията. Инструментът като цяло е изскачащ бутон, който се показва, ако гостът е започнал търсене в BookDirect, но не е създал резервация. Този изскачащ бутон ще напомня за завършване на резервацията.
Няколко неща, на които да обърнете внимание:
- интеграционният скрипт (видим по-долу) се грижи за позиционирането, показването и скриването на бутона.
- вашият уеб разработчик може да отмени зададената CSS конфигурация и да оформи напомнянето според вашите нужди или да промени позицията му.
- Ако използвате Single Page архитектура на уебсайта си, когато гостите кликнат върху напомнянето, BookDirect ще се отвори на стъпката, на която гостите са го оставили.
- Ако не използвате Single Page архитектура, BookDirect ще се отвори на страницата на календара (стъпка 1), но всички видове стаи/тарифи, избрани преди гостът да напусне първоначално BookDirect, ще бъдат налични в пазарската кошница.
Има няколко изисквания, за да функционира правилно напомнящия бутон:
1. Напомнящата кутия трябва да има следния атрибут за данни:
- data-clock-pms-wbe-reminder
2. Бутонът или елементът в кутийката, който всъщност ще отвори BookDirect трябва да има следния атрибут за данни:
- data-clock-pms-wbe-button
Цялостен пример:
<div data-clock-pms-wbe-reminder>
<button type = "button" data-clock-pms-wbe-button> Complete your booking </button>
</div>