Статьи:
- Виджет: призыв к действию (CTA) и Форма захвата контактов
- Как добавить код виджета на сайт
- Добавление формы-заявки (виджета) на страницу на Тильде
- Добавление формы-заявки (виджета) на страницу Weblium
- Добавление формы-заявки (виджета) на страницу Sendpulse
- Добавление формы-заявки (виджета) на страницу Wix
Пошаговая инструкция как добавить код виджета на страницу в конструкторе Тильда.
Добавление скрипта виджета на саму страницу в Тильде
Откройте страницу в редакторе на Тильде, на которую Вы хотите добавить виджет.
В верхнем меню выберите Настройки - вкладку Дополнительно и проскрольте до пункта HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD
Нажмите на кнопку Редактировать код и скопируйте код, который указан как код виджета на Kwiga:
Итоговый результат:
Добавление попап блока
На Kwiga посмотрите номер виджета (число, выделенное желтым в примере ниже):
Сформируйте код, добавив туда номер своего виджета:
<script>
$(document).ready(function () {
$elem = $("a[href='#popup:myform']");
$elem.attr("data-widget-handler","НОМЕР_ВИДЖЕТА");
$elem.removeAttr("target");
$elem.attr("href", "#");
});
</script>
На той же странице добавьте блок T868. Popup: HTML-код в попапе и добавьте в него код. Для примера выше результат выглядит так:
Обратите внимание! В этом же блоке Вы задаете ссылку на POPUP (#popup:myform). Если Вы отредактируете это название - его нужно отредактировать и в самом коде скрипта.
На всех кнопках, при нажатии на которые Вы хотите, чтобы открывался виджет вместо ссылке необходимо указать “#popup:myform”