Modal window shortcode

Updated: January 10, 2017

Modal window shortcode will allow you to add modal windows to any page inside visual editor. For instance it can be added between paragraphs of texts. Important thing is that you need to use “Modal Window Content” shortcode to encapsulate some content that you wish to display in modal window and then “Modal Window Link” to create a link that will actually show that content. You can generate both shortcodes by clicking on green button in visual editor:

shortcode list

You can set up some options for your modal window content and modal window link:

modal window content shortcode

 

modal window link shortcode


By clicking on Insert shortcode button you’ll get following code:
[modal-content name="modal-content-test"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/modal-content]
[modal-link name="modal-content-test"]Open Modal Window[/modal-link]

Live example:

Open Modal Window