fbpx
How to create WooCommerce pages

How to Create WooCommerce Pages: 2 Methods

Do you want to add pages to your store but you’re not sure how to do it? In this guide, we’ll show you different ways to create WooCommerce pages step-by-step (no coding required).

WooCommerce gives you the flexibility to add pages to customize your online store. You can either create all the default WooCommerce pages or custom pages. Before we show you how to do it, let’s better understand the benefits of creating or reinstalling pages.

Why Create or Reinstall WooCommerce Pages?

One of the most common reasons why users create WooCommerce pages is because they are missing some of them. When you set up WooCommerce, most of the default pages are automatically created. However, if you skip some steps, you may prevent WooCommerce from creating all the pages your online store needs. If that’s your case, the good news is that you can easily add those pages.

Some of the WooCommerce pages that you should definitely create if they’re missing in your shop are:

  • Shop Page: The Shop page is where you display all the products of your online store. As you can imagine, this can have a big impact on your business so it’s a must-have for any online store. If you’re looking for ways to customize your shop page, you can have a look at this guide.
  • Cart Page: When a customer wants to buy a product from the shop page, they are stored on the cart page. It’s where shoppers can review their order before paying. Some plugins include the cart page directly on the checkout to simplify the checkout process and increase conversions.
  • Checkout Page: It’s where users pay for their products and you close the sale. After selecting a product from the shop page and reviewing the order on the cart page, customers pay through a payment gateway on the checkout page. Then, the order is placed and the delivery process starts (if it’s a physical product). As mentioned above, plugins such as Direct Checkout include the cart page in the checkout page to speed up the purchase process.
  • My Account Page: My Account page is where you store all your customers’ personal information, billing, and shipping address. From here shoppers can manage their orders and settings.

How to Create WooCommerce Pages

There are a few different ways in which you can create WooCommerce pages:

  1. From the WordPress dashboard
  2. With shortcodes

Both methods allow you to add pages easily. In this guide, we’ll have a look at both so you can choose the best option for you.

1. How to Create WooCommerce Pages from the WordPress dashboard

From the WordPress dashboard, you can either create all the default WooCommerce pages or the Shop page. We’ll describe both scenarios below.

1. Create All the Default WooCommerce Pages

Creating and installing the default WooCommerce pages from the WordPress dashboard is extremely easy and only requires a few clicks.

First, go to WooCommerce > Status. Then, under the Tools tab, you’ll see the option to create default WooCommerce pages. Simply click on the Create Pages button to add the missing pages to your store.

NOTE: Keep in mind that you will only create the missing pages and you won’t replace the default pages that already exist in your store.

For example, let’s say that you have an online store with the Shop, Cart, and Checkout pages but the My Account page is missing. If you press Create pages, it will only add the My Account page leaving all the other pages untouched. That’s it! You’ve just created the WooCommerce pages that were missing from your store.

2. Create Shop Page from the WordPress Dashboard

Creating a Shop page from the WordPress dashboard is also quite easy.

All you need to do is go to Pages > Add New in your dashboard. Then, add the Shop title to the page and press Publish.

Then, go to WooCommerce > Settings and navigate to the Products tab. Click on the Shop page option, select the Shop page you just created from the dropdown menu and save the changes.

How to Create WooCommerce Pages - WordPress dashboard

That’s it! You’ll see the default Shop page once you preview the page. The page will automatically show all the products you have listed for your online store.

2. How to Create WooCommerce Pages with Shortcodes

Creating WooCommerce pages from the WordPress dashboard is easy but there is another convenient way to add pages to your store. This method involves using shortcodes. Shortcodes are small snippets that help you display content or add functionalities without writing long scripts of code. If you’re not familiar with shortcodes, we recommend you have a look at this full guide for beginners.

WooCommerce includes default shortcodes that provide you with more flexibility to add pages to your store compared to the previous method. 

To create WooCommerce pages using shortcodes, all you need to do is go to Pages > Add New, add the title of the page you want to create, and use the corresponding shortcode. Let’s have a look at a few examples.

1. Cart Page

To add a cart page, create a new page, call it “Cart”, add the following shortcode, and publish it

[woocommerce_cart]

How to Create WooCommerce Pages - Shortcodes

After that, go to WooCommerce > Settings and open the Advanced tab. Then, select the Cart page that you’ve just created for the Cart page option and save it.

That’s it, now you’ll display the products your shoppers have in their carts in the Cart page that you’ve just created.

How to create WooCommerce pages - Cart Page

2. Checkout Page

Similarly, if you want to create the default WooCommerce checkout page, simply create a new page and call it “Checkout”. Then, add the following shortcode and publish the page.

[woocommerce_checkout]

 

Once again, go to WooCommerce > Settings and open the Advanced tab. After that, select the checkout page that you have just created as the option for the Checkout page and save the changes.

The default checkout page is ok but if you want to stand out and boost your conversion rates you should customize it. If that’s your case, check out our guide on how to edit the WooCommerce checkout page.

3. My Account Page

To create the WooCommerce My Account page, all you need to do is create a new page, call it “My Account”, and then add the following shortcode.

[woocommerce_my_account]

 

After that, go to WooCommerce > Settings and open the Advanced tab. Finally, select the My Account page that you have just created as the option for the My Account page and save the changes.

If you want to spice up your My Account page, check out our step-by-step guide on how to customize it.

There you go, that’s how you create WooCommerce pages using shortcodes. Short and sweet, wasn’t it?

So far, we have shown you various ways on how to add pages to your store. But, that’s just the first step. To take your store to the next level, you need to customize your pages and make the most of them. Let’s have a look at how to do it.

How to Customize WooCommerce Pages

The default WooCommerce features have very limited options when it comes to customizing the pages. They lack additional options for some of the important elements such as buttons and field options. So to make the most of your store, you should make some changes to your pages.

The good news is that customizing the WooCommerce pages is as easy as creating them. In this post, we’ll show you how to edit pages using a plugin.

For this tutorial, we will use StoreCustomzier. It is a freemium tool that’s very easy to use when it comes to editing your WooCommerce pages. This plugin uses a user-friendly drag and drop interface that helps you edit the pages comfortably.

1. Install the Plugin

First, you need to install and activate StoreCustomizer. In your WordPress dashboard, go to Plugins > Add new and search for StoreCustomizer. Then, click Install Now and activate the plugin.

How to Create WooCommerce Pages - StoreCustomizer

2. Open Theme Customizer

Now you can customize any page. Open the customizer from Appearance > Customize and you’ll be directed to the theme customizer. For this demonstration, we’ll use Storefront but keep in mind that the theme options can vary from theme to theme. Now, press StoreCustomizer to customize the WooCommerce pages.

WooCommerce StoreCustomizer

Here, you can edit all the major pages of your online store:

  • Shop
  • Product
  • My Account
  • Cart
  • Checkout 

Now it’s time to start editing your pages.

3. Customize WooCommerce Pages

You can make any changes to a number of WooCommerce pages along with many customizable options. 

i. Shop Page

Here, you can edit the number of products per row or page. Additionally, you can edit the shop archives and design elements, as well as customize the button texts of the page. On top of that, you can add banners, badges, and edit the product title, price, buttons, and more.

ii. Product Page

You can remove various elements such as image zoom, lightbox, and image slider for the product page. Furthermore, you can also set the number of product image thumbnails per row along with additional options to edit the product page tabs and design elements. For example, you can edit or remove Product Page tabs, add or edit buttons, include banners, and more.

iii. Account Page

For the Account page, you can modify multiple account tabs. This includes the dashboard, downloads, orders, address, details, and logout. You can also select the account tab design with a side tab and horizontal styling.

iv. Cart Page

There are multiple customizable options for the cart page as well. You can add the ‘Back to shop’ button, show discounts, add extra product information, and remove product links. Moreover, you also get some additional options for cross-sells and cart tools, empty cart page, and design elements.

v. Checkout Page

StoreCustomizer also allows you to customize the checkout page. You can add custom images, edit or remove checkout fields and customize design elements. If you want to take it a step further, you can use specific plugins to customize the checkout page such as Checkout Manager for WooCommerce and Direct Checkout.

These are just some of the things you can do on your WooCommerce pages with this plugin. However, if you want to customize your store even more and take it to the next level, we recommend you check out some of our guides on how to edit each specific page:

Conclusion

All in all, we’ve shown you different ways to create and reinstall some WooCommerce pages. If any of your pages are missing, you can add or reinstall them.

In this guide, we have explained two methods to do it:

  • From WordPress dashboard
  • Using shortcodes

Both methods are very effective and user-friendly even for beginners. Creating pages from the dashboard is the quickest option, but if you want more flexibility, you can use shortcodes.

Additionally, since WooCommerce has limited customization options for the default pages, we’ve seen one of the easiest ways to customize your pages using StoreCustomizer. This plugin is an excellent all-rounder that allows you to edit any page. However, if you want to perform more complex customization on specific pages, we recommend you have a look at some of our guides.

Finally, if you want to customize WooCommerce pages using Divi and Elementor, check out the following posts:

Did you find this guide useful? Which method did you use to create pages for your store? Do you know any other ways? Let us know in the comments section below.

Hello!

Click one of our representatives below to chat on Telegram or send us an email to [email protected]

How can I help you?