Ελληνική
USD - $
Επικοινωνία με την υποστήριξη Υποστήριξη
Κέντρο βοήθειας KWIGA LMS (εκπαίδευση) Σύνδεση του LMS με την ιστοσελίδα σας Adding a request form (widget) to a Wix page

Adding a request form (widget) to a Wix page

Άρθρα:

πριν 9 μήνες • Ενημερώθηκε

Adding the widget in the Wix website builder.

1. Ενεργοποιήστε την επιλογή «Χρήση σε αναδυόμενο παράθυρο» για το επιθυμητό widget

 

 

2. Αντιγράψτε τον κώδικα του widget και την τιμή της παραμέτρου data-widget-handler

 

 

3. Μεταβείτε στο Wix

 

a. Προσθέστε ένα κουμπί στο επιθυμητό σημείο της σελίδας και ορίστε ένα URL για το κουμπί. 

 

Το URL μπορεί να είναι οτιδήποτε· χρειάζεται ώστε αργότερα να μπορούμε να βρούμε αυτό το κουμπί μέσω αυτού του URL και να το αντικαταστήσουμε με την παράμετρο data-widget-handler του widget σας.

 




b. Μεταβείτε στην ενότητα Custom Code

 

c. Προσθέστε τον κώδικα του widget από το βήμα 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

Χρονοδιακόπτης στο widget

Αν χρησιμοποιείτε χρονοδιακόπτη στο widget, τότε υπάρχουν 2 πιθανές επιλογές ώστε η landing page να φορτώνει σωστά:

  1. Διαχωρίστε τον χρονοδιακόπτη από το κουμπί

  2. Προσθέστε μια καθυστέρηση στο script, για παράδειγμα, ώστε μετά από 4 δευτερόλεπτα να εφαρμοστούν τα χαρακτηριστικά του widget στους συνδέσμους (ενημερωμένη έκδοση 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>