WordPress newbie site tutorial: publish products and enable the shopping cart function

For those who are new to WordPress For newbies, publishing products on a website and implementing shopping cart functionality may seem a bit complicated. In fact, with the help of powerful plugins such as WooCommerceThe whole process can be made simple and intuitive. This guide will explain each step by hand to help smooth out the setup.

I. Pre-preparation: basic environmental inspection

The following basics need to be in place before operation:

An already built WordPress website
Basic site setup has been completed (e.g. site name,Permanent link(Structure)
Use a theme that supports e-commerce features (e.g. Astra, Storefront, etc.)

Install and Enable WooCommerce Plugin

WooCommerce is currently the most popular e-commerce plugin that supportsproduct management, shopping cart, checkout and payment functions.

Installation Steps:

Login to WordPress Backend
Open [Plugin] > [Install Plugin] and search for "WooCommerce".
Click [Install Now] and then [Enable].

When enabled for the first time, the system will automatically enter the setup guide and configure the following in order:

Store Locations and Currencies
Payment methods (e.g. PayPal, Stripe)
Delivery Information
Tax Setup(can be skipped as needed)

Third, create a product page

After WooCommerce is launched, there will be a new [Products] option in the backend menu, where all product pages are managed.

New ProductsProcess:

Go to [Products] > [Add New Product].
Enter product name and brief description

Upload main image with product gallery
Set the price, you can fill in the promotional price
Edit inventory, delivery weights and dimensions
Click [Publish] to go live with the product

Product Type Classification:

Simple products (single size)
Variable Products(e.g., multiple colors, multiple sizes)
Virtual products (nothing physical, e.g. services)
Downloadable products (e.g. e-books, templates)

Four,cartFunctions are automatically generated

The following key pages are automatically created after WooCommerce installation:

Shopping cart page: displays added products
Checkout page: fill in the information and complete the payment
My Account page: registration, login and order management
Store page: show all product listings

If these pages are not generated successfully, go to WooCommerce > Status > Tools and click "Create default WooCommerce page".

V. Add "Add to Cart" button

The "Add to Cart" button is displayed on the product page by default. If you are using a visual editor such as Elementor, you can also add modules manually or use the following shortcode:

Commonly used page shortcodes:



	
		Your cart is currently empty.

[woocommerce_checkout]

VI. Landscaping product display layout (optional)

To enhance the overall presentation, try the following:

Replacement of WooCommerce theme
Use the product variant showcase plugin (e.g. Variation Swatches)

Enabling the customer evaluation module
Add Hot and Recommended Products Display Area

VII. Testing the integrity of the shopping process

The shopping process should be tested once in full before going live to avoid issues with broken functionality or missing configurations.

The testing process is as follows:

Browse products and click to add to cart

Check shopping cart page content for accuracy
Go to the checkout page, fill out the form and submit your order
Check if you have received an order confirmation email from the system

VIII. Answers to Frequently Asked Questions

Q: How can I support multiple payment methods?
A: WooCommerce supports the extension of Alipay, WeChat Pay, Stripe, PayPal and other options through plugins.

Q: How do I put the shopping cart icon into the top menu of my website?
A: You can utilize the WooCommerce Menu Cart plugin to automatically add a shopping cart icon and the number of products in the menu.

Q: The product cannot be added to the shopping cart?
A: We suggest checking whether the stock status is "In Stock" and confirming whether the front-end JS loading is normal.

concluding remarks

Simply follow the steps above to quickly publish products and implement shopping cart functionality on your WordPress website.WooCommerce offers a complete e-commerce solution suitable for selling physical, digital products or online services. Even a novice user can build a clean and efficient online store system.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off