Добавление формы-заявки (виджета) на страницу 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>