Статьи:
- Виджет: призыв к действию (CTA) и Форма захвата контактов
- Как добавить код виджета на сайт
- Добавление формы-заявки (виджета) на страницу на Тильде
- Добавление формы-заявки (виджета) на страницу Weblium
- Добавление формы-заявки (виджета) на страницу Sendpulse
- Добавление формы-заявки (виджета) на страницу Wix
Пошаговая инструкция по добавлению виджета кода на страницу в конструкторе 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 (якорь).