Adding a request form (widget) to a Wix page

1. Activați opțiunea „Utilizare în fereastră modală” pentru widgetul dorit

2. Copiați codul widgetului și valoarea parametrului data-widget-handler

3. Accesați Wix

a. Adăugați un buton în locul dorit de pe pagină și specificați un URL pentru buton. 

URL-ul poate fi orice; este necesar pentru ca mai târziu să putem găsi acest buton după acest URL și să îl înlocuim cu parametrul data-widget-handler al widgetului dvs.

b. Accesați secțiunea Custom Code

c. Adăugați codul widgetului de la pasul 2 în secțiunea Head

De exemplu

d. Adăugați codul în secțiunea 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", "#");

}

Unde: 
1)  în linia „var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” trebuie să înlocuiți valoarea „https://test123.com” cu valoarea pe care ați setat-o pentru URL-ul butonului la pasul 3 a)

2) în linia „el.setAttribute(“data-widget-handler”,“469778820");” trebuie să înlocuiți valoarea „469778820” cu valoarea parametrului data-widget-handler de la pasul 2

Cronometru în widget

Dacă utilizați un cronometru în widget, atunci există 2 opțiuni posibile pentru ca pagina de destinație să se încarce corect:

1. Separați cronometrul de buton

2. Adăugați o întârziere în script, de exemplu, astfel încât după 4 secunde atributele widgetului să fie aplicate linkurilor (versiune actualizată a scriptului):

<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>