{"id":3589,"date":"2021-02-25T17:02:00","date_gmt":"2021-02-25T17:02:00","guid":{"rendered":"https:\/\/www.futurestatemedia.com\/?p=3589"},"modified":"2021-07-26T15:51:40","modified_gmt":"2021-07-26T15:51:40","slug":"how-to-customize-woocommerce-pages-from-default-style","status":"publish","type":"post","link":"https:\/\/www.futurestatemedia.com\/en\/how-to-customize-woocommerce-pages-from-default-style\/","title":{"rendered":"How to Customize WooCommerce Pages from Default Style"},"content":{"rendered":"<p class=\"wp-block-paragraph\">WooCommerce default pages created from short codes typically don&#8217;t allow for much editing or Customization.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Using WordPress Page Builders to customize WooCommerce default pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your theme or page builder may provide some options to customize the header, footer or body of the page <em>around<\/em> the content created by the WooCommerce shortcode &#8211; but not the content or fields <em>inside<\/em> that created by the shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We recommend Divi theme and page builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using Divi you can remove headers, menus and footers from default pages such as the cart and checkout pages. This is a great way to create a distraction free flow for customers completing an order on your store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor is another popular WordPress page builder. You need Elementor Pro to access the WooCommerce features (which is paid).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether using Elementor or Divi, the ability to customize WooCommerce default pages is limited to the elements around the shortcode.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Using Plugins to customize WooCommerce default pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/wordpress.org\/plugins\/woo-gutenberg-products-block\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Blocks plugin<\/a> has for over a year provided the ability for some customisation of the layout of fields and content within some WooCommerce shortcodes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is particularly popular and useful for <a href=\"https:\/\/www.futurestatemedia.com\/en\/customising-the-woocommerce-cart-page-without-code-writing\/\">customizing the WooCommerce cart page<\/a>, or <a href=\"https:\/\/www.futurestatemedia.com\/en\/how-to-edit-woocommerce-checkout-page-without-customized-code\/\">customizing the WooCommerce checkout page<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However if you&#8217;re looking for true Customization control over your cart and checkout you should checkout our guide on how to <a href=\"https:\/\/www.futurestatemedia.com\/en\/customising-the-woocommerce-cart-page-without-code-writing\/\">customize the WooCommerce cart page<\/a> and entire buyer experience.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">You searched for:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">customize&nbsp;<span class=\"highlight\">woocommerce<\/span>&nbsp;pages<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">customize&nbsp;<span class=\"highlight\">woocommerce<\/span>&nbsp;pages<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">create&nbsp;<span class=\"highlight\">woocommerce<\/span>&nbsp;pages<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.quora.com\/How-do-I-customize-WooCommerce-pages-in-WordPress\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>WooCommerce default pages created from short codes typically don&#8217;t allow for much editing or Customization. Using WordPress Page Builders to customize WooCommerce default pages Your theme or page builder may provide some options to customize the header, footer or body of the page around the content created by the WooCommerce shortcode &#8211; but not the&hellip; <a class=\"more-link\" href=\"https:\/\/www.futurestatemedia.com\/en\/how-to-customize-woocommerce-pages-from-default-style\/\">Continue reading <span class=\"screen-reader-text\">How to Customize WooCommerce Pages from Default Style<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[30],"tags":[],"class_list":["post-3589","post","type-post","status-publish","format-standard","hentry","category-ecommerce-stores","entry"],"_links":{"self":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/comments?post=3589"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/posts\/3589\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/media?parent=3589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/categories?post=3589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/en\/wp-json\/wp\/v2\/tags?post=3589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}