{"id":2130,"date":"2021-11-06T03:23:32","date_gmt":"2021-11-06T03:23:32","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=2130"},"modified":"2024-08-15T14:05:45","modified_gmt":"2024-08-15T14:05:45","slug":"how-to-show-popup-on-button-clicks","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/06\/how-to-show-popup-on-button-clicks\/","title":{"rendered":"How to show popup on button clicks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Firstly, please create popup you want to show using <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/27\/popup-builder\/\" data-type=\"URL\">UDesign Popup Builder<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And then&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Use UDesign Button widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks.jpg\" alt=\"\" class=\"wp-image-10863\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-768x345.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Click &#8220;Dynamic Tags&#8221; button of button url option and select popup tag.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-2.jpg\" alt=\"\" class=\"wp-image-10871\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-2.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-2-768x494.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Select popup you created. After that, please click button and popup will be shown.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-3.jpg\" alt=\"\" class=\"wp-image-10872\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-3.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/shop-popup-button-clicks-3-768x377.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Firstly, please create popup you want to show using UDesign Popup Builder. And then&#8230; Step 1: Use UDesign Button widget. Step 2: Click &#8220;Dynamic Tags&#8221; button of button url option and select popup tag. Step 3: Select popup you created. After that, please click button and popup will be shown.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2130","post","type-post","status-publish","format-standard","hentry","category-faqs"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=2130"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2130\/revisions"}],"predecessor-version":[{"id":10876,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/2130\/revisions\/10876"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=2130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=2130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=2130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}