KWIGA Yardım Merkezi LMS (eğitim) LMS'i web sitenize bağlama Bir Wix sayfasına talep formu (widget) ekleme

Bir Wix sayfasına talep formu (widget) ekleme

Makaleler:

Widget'ı Wix web sitesi oluşturucusuna ekleme.


1. İstediğiniz widget için “Use in modal window” seçeneğini etkinleştirin

 

 

2. Widget kodunu ve data-widget-handler parametre değerini kopyalayın

 

 

3. Wix'e gidin

 

a. Sayfada istediğiniz yere bir düğme ekleyin ve düğme için bir URL belirtin. 

 

URL herhangi bir şey olabilir; daha sonra bu URL ile bu düğmeyi bulmak ve widget'ınızın data-widget-handler parametresiyle değiştirmek için gereklidir.

 




b. Custom Code bölümüne gidin

 

c. 2. adımdaki widget kodunu Head bölümüne ekleyin

Örneğin

 



d. Kodu Body - End bölümüne ekleyin

 

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

}

<\/

 

Burada
1) “var els = document.querySelectorAll(“a[href=‘https://test123.com’]“);” satırında, “https://test123.com” değerini 3 a) adımında düğme URL'si için ayarladığınız değerle değiştirmelisiniz

2) “el.setAttribute(“data-widget-handler”,“469778820");” satırında, “469778820” değerini 2. adımdaki data-widget-handler parametre değeriyle değiştirmelisiniz

Widget'taki zamanlayıcı

Widget'ta bir zamanlayıcı kullanıyorsanız, açılış sayfasının doğru yüklenmesi için 2 olası seçenek vardır:

  1. Zamanlayıcıyı düğmeden ayırın

  2. Komut dosyasına bir gecikme ekleyin; örneğin, 4 saniye sonra widget özniteliklerinin bağlantılara uygulanması için (güncellenmiş komut dosyası sürümü):

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