Ein Anfrageformular (Widget) zu einer Wix-Seite hinzufügen

1. Aktivieren Sie die Option „In modalen Fenster verwenden“ für das gewünschte Widget

2. Kopieren Sie den Widget-Code und den Wert des Parameters data-widget-handler

3. Gehen Sie zu Wix

a. Fügen Sie an der gewünschten Stelle auf der Seite eine Schaltfläche hinzu und geben Sie eine URL für die Schaltfläche an. 

Die URL kann beliebig sein; sie wird benötigt, damit wir diese Schaltfläche später über diese URL finden und durch den Parameter data-widget-handler Ihres Widgets ersetzen können.

b. Gehen Sie zum Abschnitt „Custom Code“

c. Fügen Sie den Widget-Code aus Schritt 2 in den Abschnitt Head ein

Zum Beispiel

d. Fügen Sie den Code in den Abschnitt Body - End ein

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", "#");

}

Wobei: 
1)  in der Zeile „var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” müssen Sie den Wert „https://test123.com” durch den Wert ersetzen, den Sie in Schritt 3 a) für die URL der Schaltfläche festgelegt haben

2) in der Zeile „el.setAttribute(“data-widget-handler”,“469778820");” müssen Sie den Wert „469778820” durch den Wert des Parameters data-widget-handler aus Schritt 2 ersetzen

Timer im Widget

Wenn Sie einen Timer im Widget verwenden, gibt es 2 mögliche Optionen, damit die Landingpage korrekt geladen wird:

1. Trennen Sie den Timer von der Schaltfläche

2. Fügen Sie im Skript beispielsweise eine Verzögerung hinzu, damit die Widget-Attribute nach 4 Sekunden auf die Links angewendet werden (aktualisierte Skriptversion):

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