Zion Builder

Appearance

Return to top
On this page

Modal

Modal element

General info

The modal element allows you to show your content inside pop-ups that appear based on multiple conditions.

General options

  1. Modal state - Choose the desired modal stat inside the editor. This option allows you to see how the modal will look like when it is open.
  2. Triggers - Configure the desired triggers that will open the modal
    1. Page load - Will show the modal on page load
    2. Scroll - Will show the modal based on user scroll
    3. Exist intent - Will show the modal when the user tries to leave the page
    4. Page clicks - Will show the modal based on user clicks on the page
    5. Element click - Will show the modal when a specific element is clicked
  3. Behavior - Configure modal behavior in certain conditions
    1. Close on backdrop click - Choose if you want to hide the modal when the user clicks on the backdrop

Style options

TIP

Zion Builder elements allows you to style almost every part of an element. All style options follow the same options structure. You can find more info about style options here

  1. Wrapper - Will style the wrapper of the element.
  2. Modal content styles - Will style the actual modal content wrapper
  3. Modal close button - Will style the modal close button

Advanced options

TIP

All the options inside the advanced options tab are the same for all elements. You can find more info about advanced options here