{"id":1695,"date":"2021-10-27T20:55:12","date_gmt":"2021-10-27T20:55:12","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1695"},"modified":"2022-02-13T04:49:29","modified_gmt":"2022-02-13T04:49:29","slug":"popup-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/27\/popup-builder\/","title":{"rendered":"Popup Builder"},"content":{"rendered":"\n<h4 class=\"mt-7 mb-3 wp-block-heading\">What is UDesign Popup Builder?<\/h4>\n\n\n\n<p>UDesign Popup Builder is one of template builders that UDesign provides. It helps you build any types of popup faster and easily with Elementor page builder. You can manage your site popups at <code class=\"code-grey\">Popup Builder<\/code> section in <code class=\"code-grey\">UDesign &gt; Templates<\/code> page.<\/p>\n\n\n\n<h4 class=\"mt-9 mb-5 wp-block-heading\">UDesign Popup Builder Settings<\/h4>\n\n\n\n<p class=\"mt-6\">Here is UDesign Popup Builder settings list.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Width:<\/strong> Set popup&#8217;s width.<\/li><li><strong>Height:<\/strong> Set popup&#8217;s height as it&#8217;s content or set it manually.<\/li><li><strong>Content Position:<\/strong> Popup&#8217;s content alignment.<\/li><li><strong>Position:<\/strong> Popup container&#8217;s position on screen.<\/li><li><strong>Style Options:<\/strong> Includes overlay color, content background, shadow effect and etc.<\/li><li><strong>Popup Animation:<\/strong> Select popup&#8217;s appear animation.<\/li><li><strong>Animation Duration:<\/strong> Set popup&#8217;s animation duration.<\/li><\/ul>\n\n\n\n<h4 class=\"mt-9 mb-3 wp-block-heading\">How to use UDesign Popup Builder?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>&nbsp;\u2013 Go to&nbsp;<code>UDesign &gt; Template Builder.<\/code><\/p>\n\n\n\n<p><strong>Step 2<\/strong>&nbsp;\u2013 Click \u2018Add New\u2019 button on top of page.<\/p>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 In New UDesign Builder Modal, select Popup Builder in \u201cTemplate Type\u201d field. And give your block\u2019s name in \u201cTemplate Name\u201d field.<\/p>\n\n\n\n<p><strong>Step 4<\/strong>&nbsp;\u2013 The next step is to build your part with&nbsp;<strong><em>Elementor<\/em>&nbsp;<\/strong>or&nbsp;<em><strong>Gutenberg<\/strong><\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1320 \/ 720;\" width=\"1320\" controls muted poster=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/poster-popup-builder.jpg\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/10\/popup-builder.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>What is UDesign Popup Builder? UDesign Popup Builder is one of template builders that UDesign provides. It helps you build any types of popup faster and easily with Elementor page builder. You can manage your site popups at Popup Builder section in UDesign &gt; Templates page. UDesign Popup Builder Settings Here is UDesign Popup Builder [&hellip;]<\/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":[6],"tags":[],"class_list":["post-1695","post","type-post","status-publish","format-standard","hentry","category-template-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1695","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=1695"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1695\/revisions"}],"predecessor-version":[{"id":4456,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1695\/revisions\/4456"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}