Popup Modal Box

A Popup modal box is a dialog box window that will displays on center of the current page or all pages on first page loads or every time page loads depend on your needs and popup settings.

  • Create a new page
  • Via back-end or front-end page builder add Popup Modal Box Element
  1. After adding Popup element in the page, Click on #cz_popup_1
  2. First time click on the White area to add element inside Popup container
  3. Edit Popup container settings
  4. Prepend element to the Popup container
  5. Remove Popup
  6. This is Important field, You need to set Unique ID
  7. Visibility of Popup on your page, it have 4 options, in this tutorial its important for you to select one of them
  8. If you want you can add Extra class for Popup container
  9. Overlay background color behind Popup container
  10. Enable Scrollbar for inner Popup container
  11. Popup container styling
  12. Close icon styling

After updating your page go to Appearance > Customize > General Settings > Popup > Popup Page and select your created popup page

Hi, I’m a Popup

You can edit me and tell me when can i showing myself

Please Login to continue.