Popups & Triggers

Create an engaging website by bringing in automatic pop-ups. To create that, go to the CMS dashboard, and then from the sidebar, you will see pop-ups and alerts. Select. In this instance, there is no pop-up yet. Go to the bottom and select Add new pop-up. Give your pop-up a title, and select Save changes. To begin editing, you can go to the bottom here, select Edit, or you can duplicate, preview, or delete. Identity. Alternatively, if you select a back button or you click again on popups and alerts, all your popups will populate down here. Currently, we only have one. This yellow little dot shows us that it is still in draft mode and not published, so it cannot be accessed by anyone. Similar options to what we had previously over here is Edit, Duplicate, and Delete. Go ahead and click on Edit. It all begins by creating a popup, and you can create one of your own, or go ahead and choose one of the pre-made pop-ups and style it out for your specific needs. In this case, it says Black Friday, so let's just change this to Valentine, expiring in November 27. What is important with the automatic pop-up is that you need to set the trigger when this pop-up will appear and combine it with the condition where it will appear.

To access these, we Go to the pop-up settings in the top right-hand corner all the way to the left and select Display Conditions. Note by default, there are three already applied. If we selected, you will see that we have one that says on page load and a value of one. This is one second. Over in conditions, it is said to appear on all pages. So this popup will trigger across your site on any page whenever a visitor loads that page within one second. Let's see how that Save it, close out, and remember that we also need to go from Save Draft to Publish. Then click on Preview. Page loads, and as expected, within one second, the pop-up appears. Let's go back and have a look at all the other triggers that we have here. Go to display conditions. On page load, we have on click. After in activity, which again is seconds. On page exit intent. On Scroll. As people scroll down, let's put it down to 60% of the page, which means as the user scrolls down on the page, once it reaches the 60% mark, The pop-up will appear. Let's have a look again at how this will work.

Save it, go to the front, and reload this page. If I go to the scroll bar on the right, I'll scroll down. And what we expect is the moment we hit a around the 60% mark, which is around here, the popup appears. Triggers can also be stacked on top of each other. For example, if the person doesn't scroll and they have the intent to exit, you can load all of them to make sure that at some point the person does get the popup. When building out the popup, this trigger popup only once is deactivated by default. The reason is that as you are building it, you want to keep testing it, so you need the pop-up to appear every time. This can be, though, very annoying to a user. So once you have finished the pop-up, published it so that people can access it, make sure you set this on so that it only appears once. And does not annoy them unless you do want the popup to appear many times. Combine your triggers then with conditions, and conditions is where the popup appears. Many cases, you want it on all pages, but in some events, you may We want to have it appear only on a specific page.

You can set it to system pages like your maintenance coming soon, to other pop-ups and alerts, stories, blogs, categories, your pages. And then once you've loaded the pages, all your pages will appear here. Currently, I only have one page here, which is the home page, which also will be all pages. Apart from including, you can also exclude. If I have a multi-page website and I want this pop-up excluded on only one or two pages, I'll set it to all and then go add a new condition and click again on include. Now I can select the pages from which I wanted to exclude and set them up over here. Together with all the various kinds of triggers and the conditions, you can really take full control as to how you want these automatic popups to behave on your web pages and your entire site.