Всем привет! В этой статье разберем как добавить виджет с геткурса в popup окно (всплывающее окно) на лендинг созданный на тильде.
Для начала создаем новый виджет (в моем случае 3 виджета, т.к. у нас три варианта участия в курсе) .
Для этого идем в раздел "Сайт"--"Виджеты"-- "Создать виджет"
Добавляем форму и производим ее настройки. У меня это как всегда в части формы:
- Имя, телефон и почта
- Предложение (у меня показано и выделено по-умолчанию)
- Кнопка.
Обработчик формы:
1. Только полная авторизация без пароля.
(смотри карусель)
Сохраняем результат и идем в настройки виджета.
В настройках нас интересует код.
Важно! Использовать код согласно протоколу вашего сайта. Большинство сайтов расположены по протоколу https. Если ваш сайт на http- лучше перевести на https, т.к. большинство браузеров считают http вредоносными сайтами и просто не пускают туда пользователей.
Копируем нужный код
Теперь идем в настройки нашего лендинга на тильде.
У меня стандартный блок с карточками предложений. Нужно сделать так, чтоб при нажатии на кнопку всплывало окно с нашим виджетом.
Добавляем новый блок
В данном примере нам нужен всплывающий блок. Выбираем “Другое”--”Блок Т868”. Так как у меня три виджета, я добавляю сразу три блока.
Дальше идем в раздел блока “Контент” и вставляем код виджета
Ниже под окном для кода расположена ссылка на popup.
ВАЖНО!!! Эта ссылка одинаковая во всех вновь созданных блоках. Для каждого блока нужно изменять эту ссылку. Я добавляю цифру. Если ссылку не изменить, то когда пользователь нажмет на кнопку, откроются все три виджета один над другим и пользователь не сможет оплатить нужный заказ.
Дальше берем эту ссылку на popup и идем в блок с предложением. Открываем контент
Открываем “Карточку” и спускаемся до параметра “Ссылка на кнопку”. Если у вас оформлено через zero блок, то добавьте ссылку к вашей кнопке. Ставим ссылку на popup с нужным виджетом.
Сохраняем, публикуем изменения и проверяем как работает
Вот и все. Уверена, данный материал вам пригодится)
Если лучше смотреть в формате видео- смотрим!
Видео-урок "Ставим виджет с геткурса на тильду." Будет доступен 30 ноября 2021.
Было полезно? Поделись с другими)
Если вы запускаете онлайн проект и не знаете с чего начать, или вам нужна консультация по конкретным задачам, обращайтесь.
Сделать это можно любым удобным способом:
Кристина-технический специалист геткурс
ВК vk.me/krista_ap
Телеграм @krista_ap
89966906964
Ватсап Кристина