{"id":1719,"date":"2016-01-18T12:42:49","date_gmt":"2016-01-18T07:12:49","guid":{"rendered":"\/?p=1719"},"modified":"2018-06-02T16:27:49","modified_gmt":"2018-06-02T10:57:49","slug":"how-to-trigger-a-modal-with-a-shortcode","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-trigger-a-modal-with-a-shortcode\/","title":{"rendered":"How to Trigger a Modal with a Shortcode?"},"content":{"rendered":"<p>ConvertPlus allows you to set triggers that launch modules at the right time before the right users. You can set a trigger to display a module when a user clicks on a piece of text, an image or a media file on your webpage.<br \/>\nLet us follow a few steps that will help you trigger a module with a shortcode.<\/p>\n<p>1. Create a Module and make it go live<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1720 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name.jpg\" alt=\"video-modal-name\" width=\"2048\" height=\"1259\" title=\"How to Trigger a Modal with a Shortcode?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-modal-name-1024x630.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>2. Open it in the editor and click on Behavior<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1721 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior.jpg\" alt=\"video-behavior\" width=\"2048\" height=\"1259\" title=\"How to Trigger a Modal with a Shortcode?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-behavior-1024x630.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>3. Click on \u201cManual Launch\u201d<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1722 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display.jpg\" alt=\"video-manual-display\" width=\"2048\" height=\"1259\" title=\"How to Trigger a Modal with a Shortcode?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-manual-display-1024x630.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>4. You will find a Shortcode under the \u201cLaunch with Shortcode\u201d section. Copy the code.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1723 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode.jpg\" alt=\"video-launch-shortcode\" width=\"2048\" height=\"1259\" title=\"How to Trigger a Modal with a Shortcode?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/video-launch-shortcode-1024x630.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>5. Go to the backend of your post or page. Paste the shortcode and replace \u201cYourContent\u201d with the image tag, an HTML code or a simple text, you wish to use as a trigger to display a module.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1724 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode.jpg\" alt=\"cornerstone-shortcode\" width=\"2048\" height=\"1196\" title=\"How to Trigger a Modal with a Shortcode?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode-300x175.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode-768x449.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/01\/cornerstone-shortcode-1024x598.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>6. Update the Post and go live!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ConvertPlus allows you to set triggers that launch modules at the right time before the right users. You can set a trigger to display a module when a user clicks on a piece of text, an image or a media file on your webpage. Let us follow a few steps that will help you trigger [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[20],"docs_tag":[],"class_list":["post-1719","docs","type-docs","status-publish","hentry","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/1719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":2,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/1719\/revisions"}],"predecessor-version":[{"id":22160,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/1719\/revisions\/22160"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=1719"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=1719"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=1719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}