Интеграция на сайта ви

Променена на: Mon, 11 мар, 2024 в 7:36 AM

Print

След като сте конфигурирали 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>

Did you find it helpful? Yes No

Send feedback
Съжаляваме, че не успяхме да бъдем полезни. Помогнете ни да подобрим тази статия с вашите отзиви.

На тази страница