Статті:
Покрокова інструкція з додавання коду віджету на сторінку у конструкторі 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 (якір).