Бесплатный тариф WIX
Для бесплатного тарифа конструктор WIX имеет ограничения, и встроить виджет Altegio для открытия его в стандартном отображении невозможно. Одним из самых актуальных вариантов является установка виджета через <iframe>.
Пошаговая инструкция
1. Откройте редактор WIX и перейдите в раздел «Магазин». Нажмите кнопку «Встроить сайт».
2. Откроется область для создания сайта.
3. Для установки ссылки на виджет в данный блок, кликните на него для вызова кнопки «Ввести адрес сайта». Нажмите на эту кнопку.
4. Установите ссылку на виджет Altegio и нажмите кнопку «Обновить».
5. Сохраните сайт в конструкторе и опубликуйте его.
Платный тариф WIX
Для установки кнопки от Altegio или онлайн-записи на произвольную кнопку на WIX к сайту должен быть подключен собственный домен.
Установка онлайн-записи на WIX (кнопка от Altegio)
1. Откройте режим редактирования сайта («Управлять и редактировать»). Выберите пункт «Настройка» — «Пользовательский код».
2. Нажмите кнопку «+ Добавить код».
3. В поле для вставки фрагмента кода вставьте стандартный код кнопки, взятый в разделе «Онлайн-запись» > «Формы онлайн-записи» > ваш виджет > вкладка «Код кнопки».
В пункте «Где разместить код?» укажите «Body – конец». Нажмите кнопку «Добавить».
4. Cохраните и опубликуйте сайт.
Установка онлайн-записи на произвольную кнопку в WIX
1. Добавьте в конструкторе сайта кнопку, которая будет кнопкой для онлайн-записи.
2. В настройках ссылки укажите «Куда ведет этот элемент» — «Веб-адрес» — Впишите ссылку на вашу форму онлайн-записи в формате https://nXXXXXX.alteg.io
3. Сохраните и опубликуйте сайт.
5. В поле для вставки фрагмента кода вставьте следующий код:
<script async src="https://wXXXXXX.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.alteg.io"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');
}
</script>
Например, в ссылке https://n193246.alteg.io/ идентификатор это цифры 193246.
<script async src="https://w193246.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://n193246.alteg.io"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');
}
</script>
Комментарии