{"id":1747,"date":"2016-01-20T14:07:56","date_gmt":"2016-01-20T08:37:56","guid":{"rendered":"\/?p=1747"},"modified":"2021-01-14T15:45:09","modified_gmt":"2021-01-14T10:15:09","slug":"how-to-trigger-a-modal-from-the-wordpress-menu","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-trigger-a-modal-from-the-wordpress-menu\/","title":{"rendered":"How to Trigger a Modal from the WordPress Menu?"},"content":{"rendered":"\n

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.
You can trigger modules using CSS Class within your website.
The following document is a stepwise guide to help you trigger a modal through a WordPress Menu.<\/p>\n\n\n\n

Create a Menu Item you wish to use as a trigger for the popup.<\/p>\n\n\n\n

1. Go to the “Appearance<\/strong>” tab in the Dashboard, and then “Menu<\/strong>“<\/p>\n\n\n\n

\"WP-menu\"<\/a><\/figure><\/div>\n\n\n\n

2. Create a Custom Menu.<\/p>\n\n\n\n

\"WP-create_custom_menu\"<\/a><\/figure><\/div>\n\n\n\n

Make sure you do not enter a URL in the given field. Since we are not going to divert the user to another page.<\/p>\n\n\n\n

Important:<\/strong><\/em>
Enable the \u201cCSS Class\u201d Option available in the \u201cScreen Options\u201d tab<\/p>\n\n\n\n

\"WP-CSS_class\"<\/a><\/figure><\/div>\n\n\n\n

3. Enter a valid and unique Class Name in the field for \u201cCSS Class\u201d under the newly created Custom Menu.<\/p>\n\n\n\n

\"WP-class_name\"<\/a><\/figure><\/div>\n\n\n\n

4. Save the Menu<\/p>\n\n\n\n

5. Create and Design a Modal popup and open it in the editor. Click on Behavior.<\/p>\n\n\n\n

\"WP-behavior\"<\/a><\/figure><\/div>\n\n\n\n

6. Go to Manual Display Options<\/p>\n\n\n\n

\"WP-manual_display\"<\/a><\/figure><\/div>\n\n\n\n

7. Copy the Class Name you Entered under the Customized Menu Item, and paste it under the \u201cLaunch with CSS Class\u201d field.<\/p>\n\n\n\n

\"WP-launch-CSS-class\"<\/a><\/figure><\/div>\n\n\n\n

8. Save and Publish.<\/p>\n","protected":false},"excerpt":{"rendered":"

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.You can trigger modules using CSS Class within your website.The following document […]<\/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":[442],"docs_tag":[],"class_list":["post-1747","docs","type-docs","status-publish","hentry","docs_category-general-issues-solutions"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/1747","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\/1747\/revisions"}],"predecessor-version":[{"id":24241,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/1747\/revisions\/24241"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=1747"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=1747"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}