WooCommerce Tutorial | Create an eCommerce Store
Codes used in this WooCommerce Tutorial
There are some codes used in this WooCommerce tutorial. Since I don’t want you to rewrite them, you can copy them over here.
Variations In Center
.reset_variations {
margin-left: -40px;
}
Button Border Radius
.ct-woocommerce-cart-form, .cart_totals, .checkout-button, .woocommerce button.button, .onsale, .woocommerce-mini-cart__buttons .button.wc-forward, .button.flexible-shipping-free-shipping-button {
border-radius: 3em;
}
WooCommerce Wizard
/admin.php?page-wc-setup
Change The Link Colors
a:link, a:visited {
color: #E3BCA8;
}
a:hover {
color:#FFF;
}

1. Get Web Hosting and a Domain Name
The first thing you need to create a website is web hosting and a domain name.
What is a domain name?
Your domain name is the address of your website.
Example:
yourstore.com
This is what people type in their browser to visit your website.
What is web hosting?
Web hosting is a server that stores all files of your website and keeps it online 24/7.
It stores things like:
- Text
- Images
- Products
- Emails
- Website files
Once you have hosting and a domain name, your website becomes visible on the internet.
Many hosting providers also include:
- Free domain name for the first year
- Free SSL security
- Daily backups
- Email accounts
- Fast global servers
After purchasing hosting, you can immediately start building your website.
2. Install WordPress
Once you have hosting, the next step is installing WordPress.
WordPress is the most popular website builder in the world, powering more than 43% of all websites on the internet.
Why WordPress?
Because it allows you to create a website without coding.
WordPress lets you:
- Create pages
- Upload images
- Write blog posts
- Install themes
- Add plugins
All through a simple dashboard.
After installing WordPress, you will see the backend of your website, where you can manage everything.
3. Clean Up Your WordPress Website
When WordPress is first installed, it contains some default content that you don’t need.
It’s best to clean this up before building your website.
You can remove:
- Default pages
- Sample posts
- Unused themes
- Unnecessary plugins
Cleaning up your WordPress installation makes your website faster, simpler, and easier to manage.
4. Create a Professional Website Title
Your website title is important for SEO and branding.
Instead of using a generic title like:
“Welcome to my website”
Use something that describes your business.
For example:
Premium Sofas For USA & Canada | SofaSupa
This helps search engines understand what your website is about and improves your chances of ranking in Google.
5. Install the Blocksy Theme
Next, you need a WordPress theme.
A theme determines the design and layout of your website.
In this tutorial we use the Blocksy theme, which is:
- Fast
- Free
- Highly customizable
- Perfect for ecommerce websites
Blocksy also includes starter templates, which means you can import a complete website design with just one click.
This saves you hours of work.
6. Install WooCommerce
Now it’s time to install WooCommerce.
WooCommerce is the plugin that turns your WordPress website into an online store.
With WooCommerce you can:
- Sell physical products
- Sell digital downloads
- Sell services
- Accept online payments
- Calculate taxes automatically
- Manage orders
WooCommerce is used by millions of online stores worldwide.
Once installed, WooCommerce automatically creates essential pages such as:
- Shop
- Cart
- Checkout
- My Account
Your webshop is now ready to start selling products.
7. Customize Your Website
After installing WooCommerce, you can customize the appearance of your store.
You can change things like:
- Colors
- Fonts
- Logo
- Layout
- Menu structure
Using the WordPress Customizer, you can instantly see how changes affect your website.
This allows you to create a professional design without touching any code.
8. Creating Products in WooCommerce
A webshop revolves around products.
WooCommerce allows you to create different types of products depending on what you sell.
Let’s look at the most common product types.
Simple Products
A simple product has only one option.
Examples:
- A couch
- A book
- A lamp
You simply add:
- Product title
- Description
- Price
- Product images
Customers can then add the product to their cart and purchase it.
Variable Products
A variable product has multiple options.
For example:
A sweater with:
- Different sizes
- Different colors
Each combination becomes a variation.
Example:
- Small / Blue
- Medium / Blue
- Large / Black
WooCommerce allows you to manage inventory, prices, and images for each variation.
Service Products
WooCommerce can also sell services.
Example:
- Coaching call
- Consulting session
- Online training
These products are marked as virtual, which means they do not require shipping.
Downloadable Products
You can also sell digital products.
Examples include:
- eBooks
- Software
- Templates
- Courses
Customers receive a download link after purchasing.
This is powerful because you create the product once and can sell it unlimited times.
Affiliate Products
Another interesting option is affiliate products.
Instead of selling your own product, you promote someone else’s product and earn a commission.
Example:
You promote a software tool using your affiliate link.
When someone clicks the link and buys the product, you receive a commission.
Affiliate marketing is one of the most powerful ways to generate income online.
9. Customize Your Store Design
After creating products, you can further customize your store design.
You can adjust:
- Product layouts
- Product pages
- Buttons
- Colors
- Fonts
Small design improvements can significantly improve conversion rates and user experience.
10. Configure Shipping
If you sell physical products, you need to configure shipping costs.
WooCommerce allows you to create shipping zones.
For example:
- United States
- Canada
- Europe
Each zone can have different shipping prices.
You can also configure:
- Free shipping thresholds
- Weight-based shipping
- Price-based shipping
Example:
Orders above $200 receive free shipping.
This strategy encourages customers to spend more.
11. Configure Taxes
Taxes can be complicated, especially if you sell internationally.
WooCommerce allows you to configure taxes manually or automatically.
There are three main tax types:
- Standard rate
- Reduced rate
- Zero rate
For example:
- Standard products: 20%
- Books: 10%
- Digital products: 0%
You can configure taxes based on:
- Country
- State
- Product type
There are also plugins that automate taxes completely.
12. Add Payment Methods
To receive payments, you must connect payment gateways.
Two of the most popular payment gateways are:
Stripe
Stripe allows customers to pay using:
- Credit cards
- Apple Pay
- Google Pay
Stripe integrates directly with WooCommerce and is easy to configure.
PayPal
PayPal is another widely used payment method.
Many customers prefer PayPal because it is trusted and easy to use.
Adding both Stripe and PayPal gives your customers maximum flexibility when paying.
13. Managing Orders
When customers place orders, WooCommerce automatically stores them in the dashboard.
You can see:
- Customer information
- Purchased products
- Payment status
- Shipping address
Order statuses include:
- Processing
- Completed
- Cancelled
- Refunded
Once you ship the product, you simply mark the order as completed.
14. Email Marketing with Omnisend
Email marketing is one of the most powerful ways to increase ecommerce sales.
With Omnisend, you can:
- Collect email addresses
- Send newsletters
- Recover abandoned carts
- Send automated discounts
Email marketing helps you turn one-time buyers into repeat customers.
Creating a Discount Pop-Up
A great way to grow your email list is with a discount popup.
For example:
Get 10% off your first order.
Visitors enter their email address and receive a unique coupon code.
This benefits both sides:
Customers get a discount.
You grow your email list.
Automated Email Flows
Omnisend allows you to create powerful automations.
Examples include:
Welcome Email
When someone subscribes to your email list, they automatically receive a welcome email with a discount code.
Abandoned Cart Emails
If someone adds products to their cart but doesn’t purchase, they receive a reminder email.
This can recover a significant percentage of lost sales.
Follow-Up Emails
You can send follow-up emails to:
- Repeat customers
- High-value customers
- Inactive subscribers
Automation allows your store to generate additional sales automatically.
15. Customize Your Website Content
Once your store is fully configured, you can adjust the content of your website.
You can change:
- Homepage sections
- Product images
- Text content
- Buttons
- Background images
Using the WordPress editor, everything can be customized visually.
Final Thoughts
Congratulations.
You now know how to create a professional WooCommerce website from scratch.
You learned how to:
- Set up WordPress
- Install WooCommerce
- Add products
- Configure payments
- Set up shipping and taxes
- Automate sales with email marketing
Your store can now run 24 hours per day, allowing customers to purchase products anytime.
And with automation tools like email marketing, your store can generate more revenue with less manual work.
If you want to take your website even further, you can also learn about:
- SEO optimization
- Affiliate marketing
- Advanced email marketing strategies
With the right strategy, your WooCommerce store can become a powerful online business.