След като сте конфигурирали Онлайн резервационната система (ОРС), добавили сте съдържание и сте настроили брандирането и дизайна, остава последната част от пъзела - интегрирането на ОРС в уебсайта ви.

Clock PMS+ ви предлага различни възможности за интеграция, като например интеграция с Външна или Инлайн интеграции и използване на други елементи, като например наличие на формуляр за резервация на началната страница, бутон за напомняне и скриптове за проследяване

Моля, прочетете по-долу за повече информация относно всички тези възможности на ваше разположение.

Важно: Въпреки че всички опции за интеграция са доста лесни за използване, препоръчваме ви да се консултирате с уеб разработчик и да му предоставите информацията по-долу, в случай че нямате опит и познания в областта на уеб разработката.


Цялата информация, необходима за двата подхода за интеграция - Външна или Инлайн - може да бъде намерена в менюто Уеб->Настройки - Онлайн Резервационна Система v2->секция Уебсайт интеграция.


Външна интеграция

Тази възможност за интеграция е най-лесната за употреба интеграция. Ако изберете тази опция за интеграция, просто трябва да да добавите линк към вашия уебсайт. Щом гостите кликнат на лника, ОРС ще се отвори в нов прозорец.

Забележка: ОРС ще се отвори в нов прозорец (таб на браузъра) и гостите ще виждат УРЛ адреса на ОРС като Clock PMS+ услуга - https://sky-eu1.clock-software...


За да получите връзката, кликнете върху Директен ОРС линк (1) и копирайте връзката, която ще ви бъде представена. От този момент нататък можете да използвате връзката по свое желание - да я предоставите на вашия уеб разработчик, за да я добави на вашия уебсайт зад бутон "Резервирай" например; да я използвате в имейли, за да насочвате гостите към вашия ОРС; да я използвате в кампании в социалните медии и др.


Инлайн интеграция

Тази опция за интеграция гарантира, че гостите няма да могат да правят разлика между WRS и вашия уебсайт, и ви позволява да използвате повече инструменти за интеграция. Тя обаче може да изисква малко по-задълбочени познания в областта на уеб разработката.

Важно: Your website must work on HTTPS protocol to use Inline integration.

Забележка: се отвори в рамките на вашия уебсайт и ще бъде част от него. Гостите ще виждат вашия URL адрес - например https://myclockhotel.com/book-now


Настройка

За да активирате инлайн интеграцията, първо трябва да въведете домейна или домейните, в които ще интегрирате ОРС, в Хотелски домейн (интеграция) (4).

Важно: Добавете всички домейни, които поддържате един по един - тези с и/или без 'www' и всички поддомейни. 

ОРС няма да работи и ще даде съобщение за грешка, ако я интегрирате към сайт, чийто домейн не е добавен тук.


След като добавите домейните, щракнете върху Интеграционен скрипт (2).


Изберете между възможностите Режим по подразбиране и Заоблени ъгли:

  • Режим по подразбиране  (5) - от тук може да изберете как ОРС следва да се показвана вашия уебсайт. Имате три възможности за избор:
    • Цял екран - ОРС ще бъде на цял екран и ще покрива вашата уебстраница
    • По подразбиране - ОРС не покрива цялата страница и вашият сайт е видим на заден план. Ширината на ОРС позволява съдържанието да се вижда в две колони.
    • Мобилен - ОРС е с минимална ширина и вашият сайт е видим на заден план. Съдържанието е в една колона.
  • Заоблени ъгли (6) - Изберете дали ъглите на ОРС следва да бъдат заоблени или не.
  • Език по подразбиране (7) - иберете езика по подразбиране.

Забележка: Независимо от избрания режим, ОРС е силно адаптивна към размера на екраните, а за мобилните устройства е винаги на цял екран.

След като изберете режима и настройките за ъглите, просто изберете скрипта (8) и го изпратете на вашия уеб разработчикза да го интегрира на вашия уебсайт.


Важно: Скриптът следва да бъде поставен в <head> тага на всички страници, където желаете да интегрирате ОРС.


Инструменти за интеграция

Освен обикновеното добавяне на ОРС към страница на вашия уебсайт, когато използвате Инлайн интеграция, може да се възползвате и от някои Инструменти за интеграция.


Бутон за резервиране

Може да добавите бутон 'Резервирай' на много места на вашия уебсайт, които при кликване да отварят ОРС.

Дизайнът, размерът и етикетът на самия бутон могат да бъдат конфигурирани изцяло по ваше усмотрение и това на вашия уеб разработчик.

Единственото изискване за ОРС да се отвори е бутонът да има конкретен атрибут за данни:

  • data-clock-pms-wbe-button

Пример: 

<button type = "button" data-clock-pms-wbe-button> Book now </button>

Форма за резервиране

Много често срещан подход, който много хотели използват е също така да добавят форма за резервация директно на началната страница. Това позволява на гостите да въведат датите на пристигане/заминаване и някакви кодове, докато са на началната страница (или някоя друга страница, на която добавите формата). 

Когато гостите въведат своите критерии и потърсят, ОРС ще се отвори директно на стъпка 2, показвайки наличните типове стаи и тарифи.

Подобно на Бутона за резервиране, дизайнът на Формата за резервиране е изцяло по ваше усмотрение и това на вашия уеб дизайнерЗа да функционира правилно формата, обаче, има определени изисквания:


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>

Напомнящ бутон

Третият инструмент за интеграция, който може да използвате е свързан с конверсиятаИнструментът като цяло е изскачащ бутон, който се показва, ако гостът е започнал търсене в ОРС, но не е създал резервация. Този изскачащ бутон ще напомня за завършване на резервацията.



A couple of specifics about the reminder:

  • интеграционният скрипт (видим по-долу) се грижи за позиционирането, показването и скриването на бутона.
  • вашият уеб разработчик може да отмени зададената CSS конфигурация и да оформи напомнянето според вашите нужди или да промени позицията му.
  • Ако използвате Single Page архитектура на уебсайта си, когато гостите кликнат върху напомнянето, ОРС ще се отвори на стъпката, на която гостите са го оставили.
  • Ако не използвате Single Page архитектура, ОРС ще се отвори на страницата на календара (стъпка 1), но всички видове стаи/тарифи, избрани преди гостът да напусне първоначално ОРС, ще бъдат налични в пазарската кошница.

Има няколко изисквания, за да функционира правилно напомнящия бутон:

1. Напомнящата кутия трябва да има следния атрибут за данни:

  • data-clock-pms-wbe-reminder

2Бутонът или елементът в кутийката, който всъщност ще отвори ОРС трябва да има следния атрибут за данни:

  •  data-clock-pms-wbe-button

Цялостен пример:

<div data-clock-pms-wbe-reminder>
<button type = "button" data-clock-pms-wbe-button> Complete your booking </button>
</div>

Тракинг скрипт

За да постигнете висока конверсия във вашия уебсайт следва да следите дейността във вашия уебсайт. Все повече и повече инструментите за проследяване/анализ като  Google Analytics се превръщат във ваши незаменими помощници при анализа на поведението на посетителите на вашия уебсайт. 

Онлайн резервационната система на Клок е създадена с тази идея, поради което ви позволява да използвате проследяващи скриптове.

Важно: Проследяващите скриптове работят с Инлайн интеграция.

За да отговаря ОРС на изискванията на PCI DSS, проследяващият скрипт не е добавен  директно към нея, вместо това вие трябва да го добавите към страницата на вашия уебсайт, където ОРС е интегрирана 


Подготвили сме основни скриптове за трите версии на Google Analytics. 

За да ги намерите, просто кликнете върху бутона 'Тракинг скриптове (page-views)' в настройките на WRS (3).

Там ще видите 3-те скрипта и просто трябва да въведете идентификатора си за Google Analytics в съответното поле. След като ги въведете, скриптът е готов и трябва само да копирате и да го поставите на уебсайта си.