Параметры полного виджета онлайн-записи
Подсказка
Полный виджет онлайн-записи — модальное окно приложения открывающее Вашу услугу прямо на сайте, сохранив при этом полную функциональность приложения.
Скрипт виджета онлайн-записи
Подсказка
Для добавления виджета, скопируйте и используйте скрипт указанный ниже.
Скрипт виджета выглядит следующим образом:
<torrow-widget
id="torrow-widget"
url="https://web.torrow.net/app/tabs/tab-announcement/service;id=1b5903ed42bf48b428fb31ee7af27866"
modal="right"
modal-active="true"
show-widget-button="true"
></torrow-widget>
<script src="https://cdn.jsdelivr.net/gh/torrowtechnologies/torrow-widget@1/dist/torrow-widget.min.js" defer></script>
Параметры скрипта
Подсказка
Для добавления параметра, вставьте значение новой строкой в блок <torrow-widget ВСТАВИТЬ ЗДЕСЬ ></torrow-widget>
Название |
Описание |
Параметр |
Значения |
---|---|---|---|
Ссылка на услугу |
В этом поле укажите ссылку на Вашу услугу отобразить в модальном окне |
url = «LINK» |
Cсылка на Вашу услугу |
Расположение на экране |
Определяет положение модального окна на сайте |
modal = «center» |
center, left, right |
Ширина |
Определяет ширину модального окна |
modal-width = «350px» |
Любое значение в пикселях (px) По умолчанию - адаптируемое под устройство клиента |
Высота |
Определяет высоту модального окна |
modal-height = «350px» |
|
Ссылка на услугу |
Укажите ссылку на услугу которую необходимо отобразить в модальном окне |
url = «Ссылка на услугу» |
Cсылка на Вашу услугу |
Активное модальное окно |
При открытии сайта, сразу открывает виджет |
modal-active = «true» |
true, false |
Примечание
Название |
Параметр |
Значения |
---|---|---|
Стиль кнопки (форма) |
button-style = «circle» |
circle (круглая) rectangle (прямоугольная) |
Отображение кнопки |
show-widget-button = «true» |
true, false |
Текст кнопки |
button-text = «Забронировать» |
Любое текстовое значение |
Размер шрифта |
font-size = «15» |
Любое числовое значение |
Размер кнопки |
button-size = «100» |
|
Ширина текста в кнопке |
text-button-width = «90» |
|
Тощина шрифта |
font-weight = «400» |
|
Междустрочный интервал |
line-height = «15» |
|
Расположение по оси Х |
button-x = «right» |
right, left, center |
Расположение по оси Y |
button-y = «bottom» |
top, bottom, center |
Цвет кнопки |
button-color = #000 |
Любое HEX значение (#000000) |
Цвет шрифта кнопки |
text-color = #ffffff |
|
Цвет анимации кнопки |
wave-color = #5F4B8B |
|
Включение/отключение анимации |
button-animation = «true» |
true, false |
Подсказка
Если Ваш сайт не адаптируется под мобильную версию, кнопка виджета также будет малых размеров. В таком случае добавьте параметр: preserve-ratio = «true», чтобы кнопка вызова виджета приняла корректные габариты.