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

Добавление формы-заявки (виджета) на страницу на Тильде

Статьи:

Пошаговая инструкция как добавить код виджета на страницу в конструкторе Тильда.


В этой статье:


Добавление скрипта виджета на саму страницу в Тильде

Откройте страницу в редакторе на Тильде, на которую Вы хотите добавить виджет.

В верхнем меню выберите Настройки  - вкладку Дополнительно и проскрольте до пункта 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”