{"id":692,"date":"2021-09-09T17:40:16","date_gmt":"2021-09-09T17:40:16","guid":{"rendered":"https:\/\/ahmedbayun.com\/?p=692"},"modified":"2021-09-09T17:40:17","modified_gmt":"2021-09-09T17:40:17","slug":"how-to-open-an-elementor-popup-from-a-link-url-or-menu-item","status":"publish","type":"post","link":"https:\/\/www.jamalmedia.com\/tr\/how-to-open-an-elementor-popup-from-a-link-url-or-menu-item\/","title":{"rendered":"How to Open an Elementor Popup from a Link URL or Menu Item"},"content":{"rendered":"<p>earn how to find out that direct URL to your popup, and then be able to use it from within a text block, or from a navigation item.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To start with, add a button to your Elementor page<\/h2>\n\n\n\n<p>At first, go to your elementor page and add a &#8220;Button&#8221;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_add-button.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 1\" class=\"wp-image-29349\" title=\"\"><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Then, select &#8216;Popup&#8217; under the link options<\/h2>\n\n\n\n<p>After adding the button, (1) go to the link section and click on the &#8220;Dynamic Tags&#8221; icon, and from there (2) select &#8220;Pop-up&#8221; from &#8216;Actions&#8217;. (3) Then click on the Pop-up and select your template.<\/p>\n\n\n\n<p>Choose the Open popup action.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_create-the-link-1.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 2\" class=\"wp-image-29356\" title=\"\"><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_select-templet-1.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 3\" class=\"wp-image-29388\" title=\"\"><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Now, visit your page to copy the link to the Elementor popup<\/h2>\n\n\n\n<p>Now visit the page from the front end, then right-click on the &#8216;Button&#8217; and &#8220;Copy the Link Address&#8221; after that, go to your computer&#8217;s Notepad and paste the link.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_copy-the-link.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 4\" class=\"wp-image-29351\" title=\"\"><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_paste-the-link.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 5\" class=\"wp-image-29354\" title=\"\"><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Add or edit your text element that will link to the popup<\/h2>\n\n\n\n<p>Now after copying the link from the button, go back to the elementor editor and &#8220;Add your Text&#8221;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdn.element.how\/wp-content\/uploads\/2021\/03\/Elementor_add-your-text.png\" alt=\"How to Open an Elementor Popup from a Link URL or Menu Item 6\" class=\"wp-image-29348\" title=\"\"><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Add part of the previously copied link to your text element<\/h2>\n\n\n\n<p>After adding your text go back to your notepad and copy the link from the #, and paste it to the link option. See the screenshots below.<\/p>","protected":false},"excerpt":{"rendered":"<p>earn how to find out that direct URL to your popup, and then be able to use it from within a text block, or from a navigation item. To start with, add a button to your Elementor page At first, go to your elementor page and add a &#8220;Button&#8221;. Then, select &#8216;Popup&#8217; under the link [&hellip;]<\/p>","protected":false},"author":1,"featured_media":556,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/posts\/692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/comments?post=692"}],"version-history":[{"count":1,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/posts\/692\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/posts\/692\/revisions\/693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/media\/556"}],"wp:attachment":[{"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/media?parent=692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/categories?post=692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jamalmedia.com\/tr\/wp-json\/wp\/v2\/tags?post=692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}