{"id":3908,"date":"2022-01-04T19:24:27","date_gmt":"2022-01-04T19:24:27","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=3908"},"modified":"2024-03-22T21:24:51","modified_gmt":"2024-03-22T21:24:51","slug":"udesign-studio-on-page-builders","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/01\/04\/udesign-studio-on-page-builders\/","title":{"rendered":"UDesign Studio on page builders"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UDesign Studio is available on&nbsp;<strong>Elementor<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>&nbsp;&#8211; Open your page with Elementor Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>&nbsp;&#8211; Click UDesign Studio buttons lead you to UDesign Studio Window.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"967\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-links.png\" alt=\"\" class=\"wp-image-9842\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-links.png 1920w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-links-1024x516.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-links-768x387.png 768w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-links-1536x774.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s also possible to create a new block from studio library.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>&nbsp;\u2013 Go to&nbsp;<code class=\"code-grey\">UDesign &gt; Template Builder<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>&nbsp;\u2013 Click <code class=\"code-grey\">Add New Template<\/code> button on top of page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>&nbsp;\u2013 In New&nbsp;<strong>UDesign<\/strong>&nbsp;Template Modal, select&nbsp;<strong>Block Builder<\/strong>&nbsp;in \u201cTemplate Type\u201d field. And give your block\u2019s name in \u201cTemplate Name\u201d field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1441\" height=\"933\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new.png\" alt=\"\" class=\"wp-image-9844\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new.png 1441w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new-1024x663.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new-768x497.png 768w\" sizes=\"(max-width: 1441px) 100vw, 1441px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>&nbsp;\u2013 Please click  <code class=\"code-grey\">UDesign Studio<\/code> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"859\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new-popup-1024x859.png\" alt=\"\" class=\"wp-image-9847\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new-popup-1024x859.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-add-new-popup-768x645.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 3<\/strong> &#8211; Choose blocks you like as mentioned top of this page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"966\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-all.png\" alt=\"\" class=\"wp-image-9851\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-all.png 1920w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-all-1024x515.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-all-768x386.png 768w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/studio-all-1536x773.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign Studio is available on&nbsp;Elementor. Step 1&nbsp;&#8211; Open your page with Elementor Builder. Step 2&nbsp;&#8211; Click UDesign Studio buttons lead you to UDesign Studio Window. It\u2019s also possible to create a new block from studio library. Step 1&nbsp;\u2013 Go to&nbsp;UDesign &gt; Template Builder. Step 2&nbsp;\u2013 Click Add New Template button on top of page. Step [&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":[11],"tags":[],"class_list":["post-3908","post","type-post","status-publish","format-standard","hentry","category-udesign-studio"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/3908","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=3908"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/3908\/revisions"}],"predecessor-version":[{"id":9852,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/3908\/revisions\/9852"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=3908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=3908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=3908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}