Aggiungere un modulo di richiesta (widget) a una pagina Wix

1. Abilita l’opzione “Usa nella finestra modale” per il widget desiderato

2. Copia il codice del widget e il valore del parametro data-widget-handler

3. Vai su Wix

a. Aggiungi un pulsante nel punto desiderato della pagina e specifica un URL per il pulsante. 

L’URL può essere qualsiasi; serve affinché in seguito possiamo trovare questo pulsante tramite questo URL e sostituirlo con il parametro data-widget-handler del tuo widget.

b. Vai alla sezione Custom Code

c. Aggiungi il codice del widget dal passaggio 2 alla sezione Head

Per esempio

d. Aggiungi il codice alla sezione 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", "#");

}

Dove: 
1)  nella riga “var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” devi sostituire il valore “https://test123.com” con il valore che hai impostato per l’URL del pulsante al passaggio 3 a)

2) nella riga “el.setAttribute(“data-widget-handler”,“469778820");” devi sostituire il valore “469778820” con il valore del parametro data-widget-handler del passaggio 2

Timer nel widget

Se utilizzi un timer nel widget, allora ci sono 2 possibili opzioni affinché la landing page venga caricata correttamente:

1. Separa il timer dal pulsante

2. Aggiungi un ritardo nello script, per esempio, in modo che dopo 4 secondi gli attributi del widget vengano applicati ai link (versione aggiornata dello script):

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