{"id":4749,"date":"2022-02-13T17:11:59","date_gmt":"2022-02-13T17:11:59","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4749"},"modified":"2022-12-07T22:25:55","modified_gmt":"2022-12-07T22:25:55","slug":"checkout-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/checkout-builder\/","title":{"rendered":"Checkout Builder"},"content":{"rendered":"\n<p><strong>UDesign Checkout Builder<\/strong>\u00a0is one of template builders that\u00a0<strong>UDesign<\/strong>\u00a0provides.<\/p>\n\n\n\n<p>It helps you to build any types of checkout pages&nbsp;faster and easily with Elementor page builder.<\/p>\n\n\n\n<p>You can manage your site cart at&nbsp;<code>Cart Builder<\/code>&nbsp;section in&nbsp;<code>UDesign &gt; Templates<\/code>&nbsp;page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Checkout Elements<\/h4>\n\n\n\n<p><strong>UDesign<\/strong>&nbsp;offers 5 types of checkout builder elements.<\/p>\n\n\n\n<p>Each element is important part of checkout page. As you probably know, the important components of checkout page is cart coupons, cart shipping, cart table and etc.<\/p>\n\n\n\n<p>You can make any checkout page layout which you want by drag and drop of checkout elements.<\/p>\n\n\n\n<p>Then, let\u2019s see the elements below.<\/p>\n\n\n\n<ul class=\"featured-list wp-block-list\"><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/checkout-billing\/\">Checkout Billing<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/checkout-shipping\/\">Checkout Shipping<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/order-review\/\">Order Review<\/a><\/li><li><a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/checkout-payment\/\">Checkout Payment<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">How to build your checkout page with Checkout 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 Checkout 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<p class=\"alert alert-danger\">*Note: Ahead of creating Checkout Builder, you have to install&nbsp;<strong>WOOCOMMERCE PLUGIN<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1320 \/ 720;\" width=\"1320\" controls poster=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/10\/checkout-builder.jpg\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/04\/checkout-builder.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign Checkout Builder\u00a0is one of template builders that\u00a0UDesign\u00a0provides. It helps you to build any types of checkout pages&nbsp;faster and easily with Elementor page builder. You can manage your site cart at&nbsp;Cart Builder&nbsp;section in&nbsp;UDesign &gt; Templates&nbsp;page. Checkout Elements UDesign&nbsp;offers 5 types of checkout builder elements. Each element is important part of checkout page. As you probably [&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-4749","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\/4749","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=4749"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4749\/revisions"}],"predecessor-version":[{"id":8355,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4749\/revisions\/8355"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}