The Cart page, Store page, Checkout page and My Account page are crucial functional pages in any WooCommerce store. They allow users to easily browse, shop, pay and manage their accounts.
![图片[1]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206235046.png)
In this article, we will provide you with detailed steps on how to create these pages and complete the setup successfully.
1. WooCommerce Page Overview
When you install WooCommerce, theThe system will automatically generate several important pages for youIncludesShopping cart page, store page, checkout page and my account page. However, in some cases, it may be possible to accidentally skip creating these pages or delete them. In either case, it is easy to recreate these pages.
2. How to create a store page in WooCommerce
store page It is the core page of a WooCommerce website and is used to display all the products. In WooCommerce, the Store page is actually an archive page that specializes in displaying post types for products.
Step 1) Create a store page
- Log in to the WordPress dashboard.
- Navigate to Pages > Add New PageThe
![图片[2]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091205541482.png)
- Create a blank page and name the page store 1The
![图片[3]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206012220.png)
- preserve andpostPage.
Step 2) Select Store Page in WooCommerce Settings
- switch to WooCommerce > Settings > ProductsThe
![图片[4]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091205580013.png)
- In the Store Page settings option, select the just-createdstorePage.
![图片[5]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206022094.png)
- Save changes.
With these steps, the store page is created and set up in WooCommerce. The page will now display all published products.
3. How to create a shopping cart page in WooCommerce
shopping cart page An important part of an e-commerce website, this page allows users to view all the items that have been added to their shopping cart.
Step 1) Create a shopping cart page
- Similarly, go to Pages > Add New PageThe
- Name the new page cart 1The
![图片[6]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206040932.png)
- Add the following short code to the content area of the page:
[woocommerce_cart]
![图片[7]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206051744.png)
![图片[8]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206062786.png)
- Save and publish the page.
Step 2) Select the shopping cart page in your WooCommerce setup
- Navigate to WooCommerce > Settings > AdvancedThe
![图片[9]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206080276.png)
- In "shopping cart page" option to select the shopping cart page you just created.
![图片[10]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206090123.png)
- Save the settings.
This way, your shopping cart page is set up so that users can add items to their cart and view the cart contents on this page.
4. How to create a checkout page in WooCommerce
checkout page It is where the user completes the order and enters the payment information. This page is crucial because it is the final step in the entire buying process.
Step 1) Create a checkout page
- Navigate to Pages > Add New PageThe
- Name the new page pay the bill 1The
![图片[11]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206103391.png)
- Add the following short code to the content area of the page:
[woocommerce_checkout]
![图片[12]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206113815.png)
- Save and publish the page.
Step 2) Select Checkout Page in WooCommerce Settings
- Navigate to WooCommerce > Settings > AdvancedThe
![图片[13]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206130650.png)
- Select the checkout page you just created in the "Checkout Page" option.
![图片[14]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206134228.png)
- Save the settings.
With these simple steps, your checkout page will display payment options, shipping information, and allow the user to place an order.
5. how to create a WooCommerceMy Accountweb page
My Account Page Provide users with an interface to manage their order, address and account information. It is an important part of the user experience.
Step 1) Create My Account Page
- As with creating other pages, navigate to the Pages > Add New PageThe
- Name the new page My Account 1The
![图片[15]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206150922.png)
- Add the following short code to the content area of the page:
[woocommerce_my_account]
![图片[16]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206155663.png)
- Save and publish the page.
Step 2) Select My Account page in WooCommerce Settings
- Navigate to WooCommerce > Settings > AdvancedThe
![图片[17]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206170194.png)
- Select the page you just created in the "My Account Pages" option.
![图片[18]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206182897.png)
- Save the settings.
This allows users to view and manage their orders, addresses, and other account information through the My Account page.
6. Methods to automate the creation of WooCommerce pages
If you find it too complicated to create WooCommerce pages manually, or if you accidentally delete some pages, you can use the WooCommerce s."artifact" tab to automatically create these pages.
Step 1) Access the WooCommerce tool
- Navigate to WooCommerce > StatusThe
![图片[19]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206192571.png)
- In the Tools tab at the top of the page, click the artifactThe
![图片[20]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206200279.png)
Step 2) Create a Default WooCommerce Page
- In the Tools tab, scroll down to "Create a default WooCommerce page"Part.
![图片[21]-如何在 WooCommerce 中创建购物车页面、商店页面、结账页面和我的帐户页面-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024091206204934.png)
- strike (on the keyboard) Create page Button.
This operation will reCreating all default WooCommerce pages(including the Shopping Cart, Store, Checkout and My Account pages). These pages will be automatically set up with the correct WooCommerce functionality.
summarize
Creating and setting up key WooCommerce pages (Store Page, Cart Page, Checkout Page, and My Account Page) is a fundamental step for any eCommerce site. With the simple actions described above, it's easy to create these pages for your store and ensure that users are able to complete the shopping process smoothly.
Link to this article:https://www.361sale.com/en/19635/The article is copyrighted and must be reproduced with attribution.





















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments