Adding a request form (widget) to a Wix page

1. ჩართეთ სასურველი ვიჯეტისთვის “Use in modal window” ვარიანტი

2. დააკოპირეთ ვიჯეტის კოდი და data-widget-handler პარამეტრის მნიშვნელობა

3. გადადით Wix-ში

a. დაამატეთ ღილაკი გვერდზე სასურველ ადგილას და ღილაკისთვის მიუთითეთ URL. 

URL შეიძლება იყოს ნებისმიერი; ის საჭიროა იმისთვის, რომ მოგვიანებით ამ URL-ით შევძლოთ ამ ღილაკის პოვნა და მისი ჩანაცვლება თქვენი ვიჯეტის data-widget-handler პარამეტრით.

b. გადადით განყოფილებაში Custom Code

c. დაამატეთ მე-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 ნაბიჯიდან

ტაიმერი ვიჯეტში

თუ ვიჯეტში იყენებთ ტაიმერს, მაშინ არსებობს 2 შესაძლო ვარიანტი, რომ landing page სწორად ჩაიტვირთოს:

1. გამოყავით ტაიმერი ღილაკისგან

2. დაამატეთ დაყოვნება სკრიპტში, მაგალითად, ისე, რომ 4 წამის შემდეგ ვიჯეტის ატრიბუტები მიესადაგოს ბმულებს (სკრიპტის განახლებული ვერსია):

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