Pop-up блоки

Настройка всплывающих окон.
Tilda Newsletter
Subscribe to our email newsletter for useful tips and valuable resources, sent out every month
Вы можете добавить на страницу всплывающие окна (pop-up), которые будут появляться в зависимости от поведения пользователя: при клике на ссылку, при скролле, по времени или при закрытии страницы.
1
Появление блока при клике на ссылку
Чтобы при клике на кнопку появлялось окно с информацией или формой подписки, вам нужно задать специальную ссылку для кнопки и эту же ссылку указать в блоке с всплывающим окном.
1. Откройте Библиотеку блоков > Форма и кнопка и добавьте Pop-up блок. Например, BF501, BF502, BF503.
2. При добавлении блока в тексте на нем будет указана его ссылка (линкхук).
3. Эта же ссылка будет в Контенте этого блока, ее можно поменять на произвольное название, например #popup:superpopup.
4. Теперь эту ссылку можно добавить в кнопку. Откройте меню «Контент» любого блока с кнопкой (категория «Форма и кнопка») и в поле «Ссылка» поставьте ссылку вида: #popup:subscribe (или тот, который вы указали на предыдущем этапе).
Опубликуйте страницу или перейдите в режим Предпросмотр, чтобы увидеть, как работает всплывающее окно. Он будет появляться при клике на кнопку.
Ссылку можно ставить не только на кнопку, но и на любое слово где угодно — механизм тот же самый.

1. Выделите слово, при клике на которое должен появляться popup.
2. Через верхней панель редактирования задайте ссылку вида #popup:anyword
3. Добавьте popup блок (категория «Форма и кнопка»)
4. В меню «Контент», в поле «Ссылка» укажите ту же самую ссылку — #popup:anyword
2
Появление блока при скролле
1. Добавьте popup блок, который должен появляться, когда человек пролистывает страницу, например: форму подписки или социальный плагин для facebook.

В меню «Контент», пропишите ссылку вида: #subscribepopup (слово может быть любым).
2. Добавьте триггер, который будет вызывать появление блока при скролле. Триггер находится в категории «Другое», блок Т183.
В меню «Контент» укажите точно такую же ссылку, которую вы указали в popup блоке, например, #subscribepopup.
Время, на которое запоминается посетитель
В меню «Настройки», в поле Cookie life time укажите время (в днях), насколько запоминать посетителя, чтобы не показывать одному и тому же человеку ваш popup много раз.

Если нужно, чтобы popup появлялся не чаще, чем раз в 10 дней, поставьте значение 10. Если вы хотите, чтобы popup блок был показан один раз, поставьте значений 365 — в течение года, посетитель больше не увидит данный блок. Но если вы хотите, чтобы popup блок показывался каждый раз, когда посетитель заходит на вашу страницу, оставьте поле пустым.
3. Опубликуйте страницу. Когда посетитель будет долистывать до места, где вы поставили ваш popup блок, блок будет появляться.
3
Появление блока по времени
1. Добавьте popup блок, который должен появляться через определенное время, например: форму подписки или социальный плагин для facebook.

В меню «Контент», пропишите ссылку вида: #subscribepopup (слово может быть любым).
2. Добавьте триггер, который будет вызывать появление блока по времени. Триггер находится в категории «Другое», блок Т188.
В меню «Контент» укажите точно такую же ссылку, которую вы указали в popup блоке, например, #subscribepopup.
В меню «Настройки» укажите время (в секундах) через которое должен появиться блок.
Время, на которое запоминается посетитель
В меню «Настройки», в поле Cookie life time укажите время (в днях), насколько запоминать посетителя, чтобы не показывать одному и тому же человеку ваш popup много раз.

Если нужно, чтобы popup появлялся не чаще, чем раз в 10 дней, поставьте значение 10. Если вы хотите, чтобы popup блок был показан один раз, поставьте значений 365 — в течение года, посетитель больше не увидит данный блок. Но если вы хотите, чтобы popup блок показывался каждый раз, когда посетитель заходит на вашу страницу, оставьте поле пустым.
3. Опубликуйте страницу. Через заданное время блок будет появляться.
4
Появление блока при закрытии страницы
1. Добавьте popup блок, который должен появляться, когда человек закрывает вкладку, например: форму подписки или социальный плагин для facebook.

В меню «Контент», пропишите ссылку вида: #subscribepopup (слово может быть любым).
2. Добавьте триггер, который будет вызывать появление блока при закрытии вкладки. Триггер находится в категории «Другое», блок Т723.
В меню «Контент» укажите точно такую же ссылку, которую вы указали в popup блоке, например, #subscribepopup.
Время, на которое запоминается посетитель
В меню «Настройки», в поле Cookie life time укажите время (в днях), насколько запоминать посетителя, чтобы не показывать одному и тому же человеку ваш popup много раз.

Если нужно, чтобы popup появлялся не чаще, чем раз в 10 дней, поставьте значение 10. Если вы хотите, чтобы popup блок был показан один раз, поставьте значений 365 — в течение года, посетитель больше не увидит данный блок. Но если вы хотите, чтобы popup блок показывался каждый раз, когда посетитель заходит на вашу страницу, оставьте поле пустым.
3. Опубликуйте страницу. Попап будет появляться при подведении курсора к верхней границе браузера.
Будьте осторожны, используя этот тип попапа. Люди обычно их ненавидят.
Made on
Tilda