Додавання форми-заявки (віджету) на сторінку на Wix

1. Увімкніть опцію "Використовувати в модальному вікні" для потрібного віджету

2. Скопіюйте код віджету та значення параметра data-widget-handler

3. Переходимо у Wix

a. У потрібному місці сторінки додаємо кнопку та вказуємо URL для кнопки.

URL може бути будь-яким, він потрібен, щоб потім ми мали можливість знайти цю кнопку по цій URL і замінити на параметр data-widget-handler вашого віджету.

b. Перейти до розділу Custom Code

c. У розділ Head додати код віджету з п2

Наприклад:

<script type=“module” src=“https://kwiga.com/build/js/kwiga-widget.js?t=1697677820&uuid=93492f-2da2-49eb-56енку72f9b&is_modal=true&producer=https://kwiga.com/”></script>

d. До розділу Body - End додати код

<script>

var els = document.querySelectorAll("a[href='https://test123.com']");

for(var i = 0, l = els.length; i < l; i++) {

  var el = els[i];

  el.setAttribute("data-widget-handler","469778820");

  el.removeAttribute("target");

  el.setAttribute("href", "#");

}

</script>

Де: 
1) у рядку “var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);”; потрібно замінити значення "https://test123.com" на значення встановлене вами для URL кнопки з п3 

2) у рядку "el.setAttribute("data-widget-handler","469778820");" потрібно замінити значення “469778820” значення параметра data-widget-handler з п2

Таймер у віджеті

Якщо у віджеті Ви використовуєте таймер, то можливо 2 варіанти для правильного завантаження сторінки-лендінгу:

1. Винести таймер окремо від кнопки

2. У скрипті додати затримку, наприклад, через 4 секунди на посиланнях застосовуються атрибути віджету (варіант оновленого скрипта):

<script>

setTimeout(() => {
    var els = document.querySelectorAll("a[href='https://test123.com']");

    for(var i = 0, l = els.length; i < l; i++) {

    var el = els[i];

    el.setAttribute("data-widget-handler","ID ВИДЖЕТА");

    el.removeAttribute("target");

    el.setAttribute("href", "#");

    }
}, 4000);

</script>