Create a Pop-up Form

1. 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

2. 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

3. 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.)

4. 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:

   1. Disable Popup - make sure this is set to OFF so the pop-up will display when clicked

   2. Close popup on clicking outside - toggle ON to allow visitors to click off the pop-up in order to close it

   3. Select your preferred Width - full page, medium, or small

   4. Under Show popup on, set when your pop-up should automatically appear:

      1. None - if you only want it connected to a button

      2. Exit - triggers when the visitor moves their cursor toward their browser toolbar (i.e. if they are about to exit the page)

      3. Delay - set the number of seconds someone should browse, before the pop-up appears

   5. Set the Background:

      1. Color - select a colour for the pop-up background

      2. Image - paste in an image URL, select an image from the media library, or upload an image from your device

      3. Video - select a video from the media library or upload a video from your device

   6. Select your preferred Position - centred, left-aligned, or right-aligned

   7. Set an Overlay Color to cover your page when the pop-up displays

5. On the Styles tab:

   1. Adjust the Margin & Padding settings

   2. Choose whether to have a Border > and customise the border style settings

   3. Choose whether to add a Box Shadow > and customise the shadow settings

   4. Find Custom Code information, if needed

6. 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:

   1. Scroll down to Button Actions > set the Link To setting to [Open Popup] > and select the specific pop-up you want to link

7. 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.