Pop-ups can be used to capture leads, promote an offer, or guide visitors to their next step. This guide walks you through creating a pop-up inside your website or funnel builder.
This guide is perfect if you want to:
Create and customise a pop-up form for your website, funnel or landing page
Connect a button to trigger your pop-up
You can set a pop-up to automatically display after a certain amount of browsing time, and connect it to a button on your page to open your pop-up when clicked.
From the Ivorey™ main menu, go to Site Pages > on the top menu bar, click on either [Funnels], [Websites], [Stores], [Webinars] or [Blogs] > and open the funnel, website, store, or blog page you want to add a pop-up to
Along the top-left menu bar, click [Popup Settings] > in the right-hand window, click to edit an existing pop-up or click the [+ Create New Popup] button > and click the [+ Add] button, on your pop-up
Drag-and-drop a Column element > add a Form element > and select your customised Form (you can add any element as needed, such as text, image, button, calendar booking widget, etc.)
Click the [⚙ Popup Settings] button, above your pop-up > and on the General tab, give your pop-up a Name > and configure the display settings:
Disable Popup - make sure this is set to OFF so the pop-up will display when clicked
Close popup on clicking outside - toggle ON to allow visitors to click off the pop-up in order to close it
Select your preferred Width - full page, medium, or small
Under Show popup on, set when your pop-up should automatically appear:
None - if you only want it connected to a button
Exit - triggers when the visitor moves their cursor toward their browser toolbar (i.e. if they are about to exit the page)
Delay - set the number of seconds someone should browse, before the pop-up appears
Set the Background:
Color - select a colour for the pop-up background
Image - paste in an image URL, select an image from the media library, or upload an image from your device
Video - select a video from the media library or upload a video from your device
Select your preferred Position - centred, left-aligned, or right-aligned
Set an Overlay Color to cover your page when the pop-up displays
On the Styles tab:
Adjust the Margin & Padding settings
Choose whether to have a Border > and customise the border style settings
Choose whether to add a Box Shadow > and customise the shadow settings
Find Custom Code information, if needed
To link your pop-up to a button on your page, click the [X] Close button on your pop-up, to close the window > add a Button element to your page, or find an existing button that you want to connect it to > and in the button settings:
Scroll down to Button Actions > set the Link To setting to [Open Popup] > and select the specific pop-up you want to link
Be sure to [Save] and [Publish] your changes
Check your Popup Settings to ensure the Disable Popup setting is toggled OFF.
Yes! You can create more than one pop-up and set different buttons to trigger each one.
Hit the support chat widget inside Ivorey™ - we can:
Walk you through any of the steps
Troubleshoot anything that’s not working
We’re here and ready to help via the chat widget in the bottom right of your Ivorey™ account. Or if you are looking for done-for-you support, you can browse our current services here 🤍
