Параметры полного виджета онлайн-записи

Подсказка

Полный виджет онлайн-записи — модальное окно приложения открывающее Вашу услугу прямо на сайте, сохранив при этом полную функциональность приложения.

Скрипт виджета онлайн-записи

Подсказка

Для добавления виджета, скопируйте и используйте скрипт указанный ниже.

Скрипт виджета выглядит следующим образом:

<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

Примечание

  1. Чтобы получить ссылку на услугу необходимо открыть страничку Вашей услуги

  2. Открыть контекстное меню alternative text

  3. Нажать «Поделиться»

  4. Нажать «Поделиться» в нижней части экрана

  5. Из появившегося списке выбрать «Ссылка»

Параметры кнопки

Название

Параметр

Значения

Стиль кнопки (форма)

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», чтобы кнопка вызова виджета приняла корректные габариты.