A modal pop-up is a small window that appears on top of your page. It can show messages, images, videos, or other content to your visitors.
It pops up when you want it to, like when someone clicks a button or scrolls down the page.
How to Add a Modal Popup
In Quix Page Builder, find the Modal Popup element on the right panel. Click it and put it wherever you want on your page.
How to Set It Up
Click the modal popup element to open settings. You can change how it looks and works from here.
Where Can the Content Come From?
You can choose to show content either from:
-
Templates: Ready-made designs saved in Quix.
-
Custom: Build your own pop-up content step-by-step inside the element.
How Does the Popup Show Up? (Triggers)
You can choose how the pop-up opens with these triggers:
-
Button: Shows a pop-up when a button is clicked.
-
Scroll: Open a pop-up when visitors scroll down a part of the page.
-
Delay: The pop-up appears after a few seconds.
-
Image: Popup opens when an image is clicked.
-
Before Leave: A pop-up appears when a visitor tries to leave the page.
Popup Layout Options
Choose between two layouts:
-
Classic: Content and text side by side.
-
Cover: Image background with text on top.
What Can You Put Inside?
Popup can show:
-
Primary Content: Image, video (YouTube, Vimeo), or map.
-
General Content: Text, heading, subtitle, description, image, and button.
You can hide the general content and show only the primary content if you want.
Popup Position
You can place the pop-up in the middle of the screen or at any corner or edge you like.
Closing Options
You can set the pop-up to close automatically after some time or add a delay before the close button appears.
You can also style the close button and decide where it shows up.
This makes it easy and flexible to create pop-ups that fit your website style and needs perfectly.