Articles on: Popup

How to create, customize and remove popups

In this article, you will learn how to add popups to your website without the use of code or any 3rd party services.


Popup with a contact form


1. Create new popup


Choose the required trigger and click Create new popup button.



2. Customize the popup


Then use the Edit button to preview and customize the popup.


Creating the new popup

Edit popup content and style


Unicorn Platform currently provides three ways to trigger a popup: on button click, after form submission and upon opening a blog post.


3. Open a popup on button click


To open a popup after a certain button is clicked, go to this button's SettingsPopup tab and activate a trigger.


Open a popup on button click


4. After successful submission actions


If you would like to show a popup after form submission, go to After successful submission actions tab and activate a trigger..


After submission actions menu


Popups are global, meaning that you can reuse them across the entire website.


After you finished editing the popup, you will need to activate the trigger. Toggle the switch on and select the required popup from the list.


Selected and activated popup


You will see an indicator saying that the popup is active for a form or a button.


This form will open a popup after submission


And that's it!. Click Save changes and open the live version of your website to see the results.


Popup after a form submission


To set up the trigger of a popup to automatically open a popup after N seconds, сheck out our guide: How to automatically open a popup after N seconds

Updated on: 08/09/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!