Pridanie formulára žiadosti (widgetu) na stránku Wix

1. Pre požadovaný widget povoľte možnosť „Použiť v modálnom okne“

2. Skopírujte kód widgetu a hodnotu parametra data-widget-handler

3. Prejdite do Wix

a. Pridajte tlačidlo na požadované miesto na stránke a zadajte preň URL. 

URL môže byť akékoľvek; je potrebné, aby sme neskôr mohli nájsť toto tlačidlo podľa tejto URL a nahradiť ju parametrom data-widget-handler vášho widgetu.

b. Prejdite do sekcie Vlastný kód

c. Pridajte kód widgetu z kroku 2 do sekcie Head

Napríklad

d. Pridajte kód do sekcie Body - End

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>

Kde: 
1)  v riadku „var els = document.querySelectorAll(„a[href=‘https://test123.com’]“);” je potrebné nahradiť hodnotu „https://test123.com” hodnotou, ktorú ste nastavili pre URL tlačidla v kroku 3 a)

2) v riadku „el.setAttribute(„data-widget-handler“,„469778820");“ je potrebné nahradiť hodnotu „469778820“ hodnotou parametra data-widget-handler z kroku 2

Časovač vo widgete

Ak vo widgete používate časovač, existujú 2 možnosti, ako zabezpečiť správne načítanie vstupnej stránky:

1. Oddeľte časovač od tlačidla

2. Pridajte do skriptu oneskorenie, napríklad aby sa po 4 sekundách atribúty widgetu použili na odkazy (aktualizovaná verzia skriptu):

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