Есть вопросы? Задавайте, отвечу!
Ваше имя
Ваш e-mail
Ваш телефон
Ваш вопрос/сообщение
Если есть вопрос, это место для него.
Тильда Бесплатный Конструктор для Создания Сайтов

Всплывающие окна при закрытии страницы сайта. Как реализовать?

В данной статье я расскажу о видах всплывающих окон, которые есть в конструкторе Тильда, и покажу алгоритм по их добавлению на Ваш сайт.
Нет желания читать длинный текст?
Тогда смотрите обучающий видеоролик! В нем я рассказываю, как настроить pop-up, всплывающий при закрытии пользователем страницы Вашего сайта.
Как сделать (настроить) всплывающее окно (pop-up) при закрытии сайта (страницы)?
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.

3 вида всплывающих окон в конструкторе Tilda

1. Нажимаем "+", чтобы добавить новый блок.
2. В появившемся слева меню находим вкладку "Форма и кнопка".
Как сделать попап в тильде
Конструктор Тильда предлагает 3 вида всплывающих окон:

  • Popup: форма подписки. Представляет собой какое-то изображение, информацию и соответственно одно поле и кнопку. Можно использовать, чтобы предложить пользователю оставить свой email и подписаться на рассылку, также можно использовать, чтобы заказать обратный звонок и другие вариации).
  • Popup: форма с множеством полей. Также может содержать в себе основную информацию, картинку, несколько полей и кнопку. Используется, чтобы пользователь мог оставить свои контанты: ФИО, номер телефона, email.
  • Popup Information. Чаще всего используется, чтобы попросить пользователя поделиться ссылкой на Ваш сайт в социальных сетях.

Создание всплывающего окна с формой подписки

Теперь я покажу алгоритм по добавлению всплывающего окна на примере формы подписки при закрытии пользователем страницы.

1. Во вкладке "Форма и кнопка" кликаем на "Popup: форма подписки".
2. Нажимаем красную кнопку "Контент".
3. В поле "Заголовок" пишем фразу (например, "Нужно подписаться").
4. В поле "Описание" пишем что-то дополнительно (например, "Очень!").
5. В поле "Текст кнопки" пишем "Подписаться".
6. Копируем ссылку из поля "Ссылка на popup".
7. Нажимаем «Сохранить и закрыть».
Всплывающее окно в тильде
8. Нажимаем "+" в низу появившегося желтого блока.
9. В появившемся слева меню выбираем вкладку "Другое".
10. Кликаем по блоку Т723 «Триггер: Показывать поп-ап при закрытии окна».
Настройка всплывающего окна при закрытии страницы
11. В поле "Ссылка на popup" вставляем скопированную ссылку (см. п. 6).
Добавление ссылки на попап в Тильде
12. Нажимаем "Сохранить и закрыть" и "Опубликовать".

Иными словами, мы вставили два блока: первый – непосредственно созданный нами поп-ап, второй – некое условие показывания именно этого блока.

Конструктор Tilda также предлагает функцию ограничения количества дней, в течение которых пользователю будет показываться поп-ап (например, можно настроить, чтобы поп-ап показывался пользователю раз в 10 дней).
Стоит рассказать о механизме, при котором всплывает поп-ап. Он реагирует на движение курсора: когда пользователь пересекает невидимую для нас, но видимую для робота границу, находящуюся в правом верхнем углу страницы, то пользователю будет показываться поп-ап. Иными словами, поп-ап может появляться не только при закрытии пользователем страницы, а при любой активности курсора в правом верхнем углу.
Если Вы нашли в этой статье полезную для себя информацию, поставьте лайк. Советую подписаться на мой YouTube канал «Маркетинг в огне с Алексеем Чесноковым», где Вы можете найти много лайфхаков для конструктора Tilda, Яндекс.Директ, да и в целом ознакомиться с инструментами и каналами Digital-маркетинга. Также, если у Вас возникли вопросы по тонкостям работы с конструктором Tilda – смело задавайте их под данной статьей или в комментариях под видео. Ответы на вопросы Вы сможете найти в плейлисте You Asked For Tilda на моем канале.

Помимо прочего, я, как практикующий маркетолог и преподаватель маркетинга, создал свои курсы маркетингу, интернет-маркетингу, а также у меня есть интенсив по продвижению сайтов. Переходите по ссылкам, ознакомляйтесь.
Эта статья была для Вас полезной?

Добавить комментарий

Понравилась статья? Поделиться с друзьями:
38 ЛайфХаков для конструктора Тильда
Заполните форму ниже↓ и Вы получите список ЛайфХаков, которые помогут найти выход из сложных ситуаций при создании сайта
Ваше имя
Ваш e-mail
Контент будет отправлен на указанный e-mail
Made on
Tilda