Интеграция чрез JavaScript
За да го направите лесно и бързо, следвайте тези три ясни стъпки за интеграция на Reservation.Studio widget във вашия уебсайт, използвайки JavaScript:
Стъпка 1: Добавете базов JavaScript код във вашата страница
Вмъкнете следния код в <head> секцията на HTML страницата си:
<script>
var RSConfig = {
type: 'location_services', // Вид начален екран на widget-а
slug: 'slug', // Уникален идентификатор/slug на обекта във вашия резервиращ портал
buttons_selector: '.open-booking-widget', // Селектор на бутони, които отварят widget-а
};
!(function (b, c, d) {
var a,
e = b.getElementsByTagName(c)[0];
b.getElementById(d) ||
(((a = b.createElement(c)).id = d),
(a.src = 'https://js-widget.reservation.studio/v2/widget.min.js'),
e.parentNode.insertBefore(a, e),
(a.onload = function () {
window.RSWidget(RSConfig);
}));
})(document, 'script', 'rs-booking-widget-js');
</script>
Стъпка 2: Персонализирайте RSConfig обекта според нуждите си
Изберете и конфигурирайте стойностите на параметрите в RSConfig. Например:
var RSConfig = {
type: 'location_services',
slug: 'actual-slug', // Въведете вашия конкретен slug тук
language: 'bg', // Задайте език (опционално, например 'bg' за български)
// Добавете допълнителни опции по ваш избор
};
Какво е важно?
slug: променете го с реалния slug на вашия бизнес. Това е идентификаторът за връзка с вашия акаунт в Reservation.Studio.language: за да указвате език, който widget-ът използва (напр. "bg" за български).
Налични настройки и опции
Можете да персонализирате widget-а допълнително чрез различни опции в обекта RSConfig:
- type – типът начален екран, напр.
location_services. - slug – уникален slug (задължителен).
- buttons_selector – бутон за стартиране на widget-а.
- language – език (изберете подходящ код на език, напр.
bg).
Пълен списък с всички налични опции и техните описания можете да намерите тук: Опции на компонента.
С тези настройки ще активирате функционалността бързо и ефективно!