Pop-ups

How to add pop-ups to your page or website.
Learn how to add pop-ups to your page or website, depending on visitor behaviour: when they click a link, scroll, spend a certain amount of time there or leave the page.
1
Pop-up when you click a link
1. Highlight a word or a piece of text. A pop-up will appear when you click on it.
2. Go to Insert link, type in # plus any word, like this: #anyword. (See example below.)
3. Open Block Library > Forms and buttons and add the pop-up block.
4. Open the Content menu inside your chosen block, then post the link (#anyword) in the Link field exactly as you did with the word or a text fragment.
Publish the page or go to Preview to see your pop-up in action. It will appear when you click on the highlighted word.
2
Pop-up when you scroll
1. Add a pop-up block such as a subscription form or a social plugin for Facebook when someone is scrolling through the page.

In the Content menu, add the link that looks like this: #popup:subscribe (you can choose any word after the hashtag).
2. Add a trigger that will cause a popup block to appear when someone is scrolling through the page. Find the trigger in the Other section, block Т183.
In the Content menu add the same link as the one you used for the pop-up. For example, #popup:subscribe.
Pop-up cookie lifetime
In Settings, add the length of time (in days) to the Cookie lifetime field to avoid showing the same pop-ups to the same person multiple times.

If you want the pop-up message to appear only once every 10 days, enter 10. Enter 365, and the pop-up will appear to your visitor just once a year. Leave the field blank if you'd like the pop-up to appear each time someone visits your page.
3. Publish the page. A pop-up will appear when a visitor to your website or page reaches the spot where you placed your pop-up.
3
Timed pop-ups
1. Add a timed pop-up, such as a sign up form or a social plugin for Facebook, that will appear to a website visitor after a certain amount of time.

Open Content, then add a link such as #popup:subscribe (use any word you like following the hashtag).
2. Add a timed pop-up trigger. Find it in the Other category, block Т188.
In the Content menu add the same link as the one you used for the pop-up. For example, #subscribepopup.
Specify the time (in seconds) in Settings after which you want the pop-up to appear.
Pop-up cookie lifetime
In Settings, add the length of time (in days) to the Cookie lifetime field to avoid showing the same pop-ups to the same person multiple times.

If you want the pop-up message to appear only once every 10 days, enter 10. Enter 365, and the pop-up will appear to your visitor just once a year. Leave the field blank if you'd like the pop-up to appear each time someone visits your page.
3. Publish the page. The popup will appear after a set time.
4
Exit intent popup
1. Add a pop-up block such as a subscription form or a social plugin for Facebook when someone is leaving the page.

In the Content menu, add the link that looks like this: #popup:subscribe (you can choose any word after the hashtag).
2. Add a left page pop-up trigger. Find it in the Other category, block Т723.
In the Content menu add the same link as the one you used for the pop-up. For example, #subscribepopup.
Pop-up cookie lifetime
In Settings, add the length of time (in days) to the Cookie lifetime field to avoid showing the same pop-ups to the same person multiple times.

If you want the pop-up message to appear only once every 10 days, enter 10. Enter 365, and the pop-up will appear to your visitor just once a year. Leave the field blank if you'd like the pop-up to appear each time someone visits your page.
3. Publish the page. The pop-up will appear when you try to leave the page.
Be careful with using such a type of popup. People usually hate them.
Made on
Tilda