1020 подписчиков

Техник по геткурсу. Ставим виджет с геткурса на тильду.

28 ноября 202128 ноя 2021

153

1 мин

Всем привет! В этой статье разберем как добавить виджет с геткурса в popup окно (всплывающее окно) на лендинг созданный на тильде.

Для начала создаем новый виджет (в моем случае 3 виджета, т.к. у нас три варианта участия в курсе) .

Для этого идем в раздел "Сайт"--"Виджеты"-- "Создать виджет"

Добавляем форму и производим ее настройки. У меня это как всегда в части формы:

Имя, телефон и почта
Предложение (у меня показано и выделено по-умолчанию)
Кнопка.

Обработчик формы:

1. Только полная авторизация без пароля.

(смотри карусель)

Сохраняем результат и идем в настройки виджета.

В настройках нас интересует код.

Важно! Использовать код согласно протоколу вашего сайта. Большинство сайтов расположены по протоколу https. Если ваш сайт на http- лучше перевести на https, т.к. большинство браузеров считают http вредоносными сайтами и просто не пускают туда пользователей.

Копируем нужный код

Теперь идем в настройки нашего лендинга на тильде.

У меня стандартный блок с карточками предложений. Нужно сделать так, чтоб при нажатии на кнопку всплывало окно с нашим виджетом.

Добавляем новый блок

В данном примере нам нужен всплывающий блок. Выбираем “Другое”--”Блок Т868”. Так как у меня три виджета, я добавляю сразу три блока.

Дальше идем в раздел блока “Контент” и вставляем код виджета

Ниже под окном для кода расположена ссылка на popup.

ВАЖНО!!! Эта ссылка одинаковая во всех вновь созданных блоках. Для каждого блока нужно изменять эту ссылку. Я добавляю цифру. Если ссылку не изменить, то когда пользователь нажмет на кнопку, откроются все три виджета один над другим и пользователь не сможет оплатить нужный заказ.

Дальше берем эту ссылку на popup и идем в блок с предложением. Открываем контент

Открываем “Карточку” и спускаемся до параметра “Ссылка на кнопку”. Если у вас оформлено через zero блок, то добавьте ссылку к вашей кнопке. Ставим ссылку на popup с нужным виджетом.