Skip to main content

Modal

The modal shortcode displays a button on your page. When the button is clicked, a modal window will appear.

Notice: You cannot have more than one modal on a page. Any subsequent modals will only display content from the first modal.

Modal Without YouTube Video

Shortcode Breakdown

[heels_modal button="Button label goes here" title="Modal window title goes here" size="btn-sm" type="btn-primary"]Modal Content[/heels_modal]
  • button: the text for the button to activate the modal window.
  • title: the title of the modal window.
  • size: the size of the button. Values are btn-sm (small), btn-md (medium), and btn-lg (large).
  • type: the type of button. See the different types here.

Shortcode Example

Modal With YouTube Video

Shortcode Breakdown

[heels_modal_vid button="Button label goes here" title="Modal window title goes here" size="btn-sm" type="btn-primary"]Modal Content [heels_vid id="your video id here"][/heels_modal_vid]
  • button: the text for the button to activate the modal window.
  • title: the title of the modal window.
  • size: the size of the button. Values are btn-sm (small), btn-md (medium), and btn-lg (large).
  • type: the type of button. See the different types here.
  • id: the YouTube ID of the video you want to display. Find out how to find the YouTube ID.

Shortcode Example