All Collections
Elements
How to use the Popup element
How to use the Popup element
Daniel Howard avatar
Written by Daniel Howard
Updated over a week ago

A popup is a small window that suddenly appears on a webpage. In Zeno, the Popup element allows you to easily create these attention-grabbing popups in a matter of minutes.

You can find and insert a Popup element from the sidebar.

This is how the Popup element looks like inside the Editor

Important options

  • Entrance effect: The effect when the popup opens.

    • None: No effect.

    • Fade: Fade effect.

    • Zoom: Zoom effect.

  • Background color: The background color of the popup.

  • Overlay color: Color of the overlay layer.

  • Close button color: Color of the popup close button.

  • Width: The popup width.

  • Padding: Padding of the popup.

  • Open on load: Open the popup when the page is loaded.

    • Delay: Delay before the popup opens.

  • Trigger button: Options for the trigger button.

    • Button text: The text inside the trigger button.

    • Button icon: The icon inside the trigger button.

    • Full width: Make the trigger button stretch across its parent.

    • Alignment: Align the trigger button.

  • Close button color: Color of the popup close button.

  • Close button color: Color of the popup close button.

Tips and tricks

  • You can hide the trigger button from the page by going to the Advance tab and toggling off the Visibility options for the Popup element.

Make sure to enable Open on load option to make the popup open automatically.

Did this answer your question?