Встановлення онлайн-запису у 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. Збережіть та опублікуйте сайт.

Встановлення онлайн-запису на довільну кнопку в 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. У режимі Адміністрація перейдіть до розділу Онлайн-запис > Посилання для онлайн-запису.

2. Оберіть потрібну форму, натисніть на її назву або на кнопку Налаштування.

3. Прокрутіть список до розділу Якщо у вас є власний веб-сайт і натисніть кнопку Додати кнопку. Встановіть позначку Відображення кнопки на сайті.

4. Далі скопіюйте код кнопки.