Встраивание на сайт

1. Добавление новой кнопки

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

Одна строчка кода позволяет добавить кнопку онлайн-записи на ваш сайт: кнопка будет располагаться в углу сайта, вне зависимости от скролла страницы.

Для старой версии виджета (ссылка начинается на https://reception)


Код для встраивания (перез закрывающим </body>):

<script src="https://reception.appointer.com.ua/widget.js?for=КЛЮЧ_ВАШЕГО_ВИДЖЕТА&btn=1" ></script>

Также вы можете настроить собственные параметры кнопки: текст, цвет и размер шрифта. В таком случае, ссылка будет следующая:

<script src="https://reception.appointer.com.ua/widget.js?for=КЛЮЧ_ВАШЕГО_ВИДЖЕТА&btn[bg]=fcca&btn[color]=f33&btn[fs]=18&btn[text]=Онлайн-запись" ></script>

где:
  1. btn[text] = 'Онлайн-запись', // текст кнопки
  2. btn[bg] = 'fcca', // #hex цвет фона
  3. btn[color] = 'f33', // #hex цвет текста
  4. btn[fs] = '18' // размер шрифта
Для новой версии виджета (ссылка начинается на https://client)

Код для встраивания (перез закрывающим </body>):
  1. <script type="text/javascript" src="https://client.appointer.com.ua/scripts/widget/app.js"
  2. token="appointer"
  3. lang="ru"
  4. btnText="Записаться онлайн"
  5. btnBg="fff"
  6. btnColor="000"
  7. btnFontSize="15"
  8. data-tracking-id="UA-000000-03"
  9. ></script>

где:
  1. token="appointer" // ключ вашего виджета
  2. lang="ru" // язык виджета (ru, ua, en)
  3. btnText="Записаться онлайн" // текст кнопки
  4. btnBg="fff" // цвет текста кнопки
  5. btnColor="000" // цвет кнопки
  6. btnFontSize="15" // размер шрифта кнопки
  7. data-tracking-id="UA-000000-03" // код Google Analytics (опционально)

2. Использование существующей кнопки

Для того, чтобы добавить виджет записи на существующую кнопку вашего сайта, необходимо добавить следующий код к кнопке (или ссылке), которая будет открывать виджет
<a href="javascript:void(0)" id="reception-appointer-widget-button">Записаться</a>

Кнопкой может быть ссылка или другой элемент с заданным идентификатором (на текущий момент id="reception-appointer-widget-button").
Перед закрывающим </body> должен стоять код
<script src="https://reception.appointer.com.ua/widget.js?for=ВАШ-КЛЮЧ" ></script>