Добавяне на формуляр за заявка (уиджет) към страница в Wix

1. Активирайте опцията „Use in modal window“ за желания уиджет

2. Копирайте кода на уиджета и стойността на параметъра data-widget-handler

3. Отидете в Wix

a. Добавете бутон на желаното място на страницата и задайте URL адрес за бутона. 

URL адресът може да бъде какъвто и да е; необходим е, за да можем по-късно да намерим този бутон по този URL адрес и да го заменим с параметъра data-widget-handler на вашия уиджет.

b. Отидете в секцията Custom Code

c. Добавете кода на уиджета от стъпка 2 в секцията Head

Например

d. Добавете кода в секцията Body - End

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

for(var i = 0, l = els.length; i

  var el = els[i];

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

  el.removeAttribute("target");

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

}

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

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>