As Featured In Fatstacks

How to Customize WooCommerce Pages from Default Style

Published Categorised as Ecommerce Stores

WooCommerce default pages created from short codes typically don’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 – but not the content or fields inside that created by the shortcode.

We recommend Divi theme and page builder.

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.

Elementor is another popular WordPress page builder. You need Elementor Pro to access the WooCommerce features (which is paid).

Whether using Elementor or Divi, the ability to customize WooCommerce default pages is limited to the elements around the shortcode.

Using Plugins to customize WooCommerce default pages

The WooCommerce Blocks plugin has for over a year provided the ability for some customisation of the layout of fields and content within some WooCommerce shortcodes.

This is particularly popular and useful for customizing the WooCommerce cart page, or customizing the WooCommerce checkout page.

However if you’re looking for true Customization control over your cart and checkout you should checkout our guide on how to customize the WooCommerce cart page and entire buyer experience.

You searched for:

customize woocommerce pages

customize woocommerce pages

create woocommerce pages

By Ashley Pearce

I'm the founder of Future State Media, a "small-on-purpose" creator-focused SEO agency skilled in helping creators systematically generate traffic, build audiences and maximise their monetisation whilst staying true to their brand.