KWIGA центр підтримки LMS (навчання) Підключення LMS на свій сайт Додавання форми-заявки (віджету) на сторінку Sendpulse

Додавання форми-заявки (віджету) на сторінку Sendpulse

Статті:

Покрокова інструкція з додавання коду віджету на сторінку у конструкторі Sendpulse.


1. Увімкніть опцію "Використовувати в модальному вікні" для потрібного віджету в налаштуваннях цього віджета на Kwiga

2. Відкрийти свій акаунт на Sendpulse та перейдіть до режиму редагування сайту, натисніть на налаштування кнопки, при натисканні на яку повинен відкриватися віджет.

Є два методи додавання віджету на сайт в Sendpulse, ви можете вибрати будь-який (один із запропонованих), зручний для Вас.

2А - Додавання ID

Перейдіть в налаштування кнопки і в самому низу Ви побачите поле ID - це може бути будь-яка комбінація символів, у тому числі зрозуміла Вам. Запишіть це айди, воно знадобиться пізніше.

На всі кнопки, при натисканні на які повинен відкриватися віджет, необхідно, щоб був записаний однаковий ID, для цього скопіюйте його з першої кнопки на ВСІ кнопки, що відкривають віджет.

Після внесених змін натисніть зелену кнопку Зберегти, а потім Білу кнопку зберегти (вгорі сторінки).

2Б - Додавання якоря

У налаштуваннях кнопки замість посилання виберіть Якір і вкажіть значення. Їм може бути будь-яка назва (комбінація символів). Запишіть це значення - воно знадобиться пізніше.

Після внесених змін натисніть зелену кнопку Зберегти, а потім Білу кнопку зберегти.

3) Скопіюйте код віджету:

Відкрийте свій сайт на Sendpulse та виберіть Налаштування сайту

Перейдіть на вкладку Свій код і натисніть Додати код

У вікні виберіть Розмістити код у <body>, вкажіть будь-яку назву (зрозумілу вам) і вставте скопійований раніше код і після цього також додайте ще один скрипт, виходячи з обраного способу в пункті 2.

3А - Додавання ID

Додайте додатковий код, який ви записали на попередньому кроці.

ID WIDGET'A - сюди додайте ID-widget'а, його можна знайти в коді на Kwiga (позначено рожевим на скріншоті)

<script>

setTimeout(() => {

var els = document.querySelectorAll("a[id='ВПИШІТЬ ID']");

for(var i = 0, l = els.length; i < l; i++) {

 var el = els[i];

 el.setAttribute("data-widget-handler","ID WIDGET’A");

 el.removeAttribute("target");

 el.setAttribute("href", "#");

}

}, 3000);

</script>

 

3Б - Додавання якоря

Додайте додатково код, який вставив туди записаний раніше якір.

ID WIDGET'A - сюди додайте ID-widget'а, його можна знайти в коді на Kwiga (позначено рожевим на скріншоті)

<script>

setTimeout(() => {

var els = document.querySelectorAll("a[href='#ДОДАЙТИ СЮДИ ANCHOR']");

for(var i = 0, l = els.length; i < l; i++) {

 var el = els[i];

 el.setAttribute("data-widget-handler","ID WIDGET’A");

 el.removeAttribute("target");

 el.setAttribute("href", "#");

}

}, 3000);

</script>

Зверніть увагу: після виставлення всіх налаштувань та збереження їх необхідно почекати 2-5 хв перед тим, як вони запрацюють на сайті.

Додавання кількох віджетів на сторінку Sendpulse

Якщо ви використовуєте кілька тарифів, необхідно створити кілька віджетів і додати коди кількох віджетів на сторінку. Для кнопок, які повинні відкривати віджет1 - повинен бути використаний свій ID (або якір), а для кнопок, які відкривають віджет2 -другий ID (якір).