Установка онлайн-записи в CMS WIX

Бесплатный тариф WIX #

Для бесплатного тарифа конструктор WIX имеет ограничения, и встроить виджет Altegio для открытия его в стандартном отображении невозможно. Одним из самых актуальных вариантов является установка виджета через <iframe>.

Пошаговая инструкция #

1. Откройте редактор WIX и перейдите в раздел Магазин. Нажмите кнопку Встроить сайт.
2. Откроется область для создания сайта.
3. Для установки ссылки на виджет в данный блок, кликните на него для вызова кнопки Ввести адрес сайта. Нажмите на эту кнопку.
4. Установите ссылку на виджет Altegio и нажмите кнопку Обновить.
5. Сохраните сайт в конструкторе и опубликуйте его.

Платный тариф WIX #

Для установки кнопки от Altegio или онлайн-записи на произвольную кнопку на WIX к сайту должен быть подключен собственный домен.

Установка онлайн-записи на WIX (кнопка от Altegio) #

1. Откройте режим редактирования сайта (Управлять и редактировать). Выберите пункт Настройка > Пользовательский код.
2. Нажмите кнопку + Добавить код.

3. В поле для вставки фрагмента кода вставьте стандартный код кнопки, взятый в разделе Онлайн-запись > Ссылки на онлайн запись. Подробнее о том, где найти код кнопки онлайн-записи в Altegio, читайте ниже в этой статье.

4. В пункте «Где разместить код?» укажите Body – конец. Нажмите кнопку Добавить.

5. Cохраните и опубликуйте сайт.

Установка онлайн-записи на произвольную кнопку в WIX #

1. Добавьте в конструкторе сайта кнопку, которая будет кнопкой для онлайн-записи.
2. В настройках ссылки укажите «Куда ведет этот элемент» — «Веб-адрес» — Впишите ссылку на вашу форму онлайн-записи в формате https://nXXXXXX.alteg.io.
   
   Ссылку вы можете найти в разделе Онлайн-запись > Ссылки на онлайн запись, справа от названия формы онлайн-записи.

3. Сохраните и опубликуйте сайт.
4. Откройте режим редактирования сайта. В верхнем меню выберите пункт Настройка > Коды аналитики. Нажмите кнопку + новый инструмент, в выпадающем меню выберите пункт Новый код.
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>

6. В пункте Где разместить код? укажите Body – конец. Нажмите кнопку Добавить.
7. Сохраните и опубликуйте сайт.

Где найти код кнопки в Altegio #

1. В основном меню Altegio перейдите в раздел Онлайн-запись > Ссылки на онлайн запись.

2. Выберите нужную форму, нажмите на ее название или на кнопку Настроить.

3. Прокрутите список до раздела Если у вас есть свой сайт и нажмите кнопку Добавить кнопку на сайт. Установите метку Показывать кнопку на сайте.

4. Далее скопируйте код кнопки.