How to Make an Ecommerce Website with WordPress (2024 Guide)

Last Updated on November 1, 2024 by Leave a Comment

Editorial Note: We may earn a commission when you visit links on our website.
How to Make an Ecommerce Website with WordPress (2024 Guide)
Blog / WordPress / How to Make an Ecommerce Website with WordPress (2024 Guide)
Play Button

You already know that WordPress is a powerful platform for content, but were you aware that it’s also one of the best eCommerce solutions? This guide will walk you through each step to create a successful eCommerce website with WordPress and Divi. We’ve got you covered, from domain selection to hosting, installation, and essential plugins.

Why Use WordPress to Make an Ecommerce Website?

WordPress shines as the premier content management system (CMS) used to build websites of all kinds.

The software is open-source and free to use, developed by and supported by a large community of volunteers. This makes the platform extremely flexible, giving you more control over your website functionality and allowing you to build an online store using countless eCommerce plugins and themes, such as Easy Digital Downloads, available. Although WordPress is free, there are common website expenses outside WordPress, including hosting, domain registration, premium plugins, and themes. While WordPress is great for creating versatile websites, it’s worth considering other eCommerce platforms to find the best fit for your online store, as prices and features vary.

WooCommerce: A Powerful Ecommerce Solution for WordPress

What makes WordPress equipped to handle your next eCommerce website? WooCommerce.

WooCommerce is the go-to WordPress solution for eCommerce. The WordPress editor is seamlessly integrated with WooCommerce and includes all the WooCommerce Blocks needed to build your store with a drag-and-drop interface. And it is simple enough for novice web admins to learn how to use it. It also has a plethora of add-ons available to help you achieve anything you need from it. It also gives users detailed dashboards and a convenient mobile app that allows you to keep tabs on your store’s performance from anywhere at any time.

Other benefits of using WooCommerce include:

  • WordPress Hosting providers like SiteGround are tailored to WooCommerce sites for easy setup and optimal performance.
  • More customization and control with various plugins to add the functionality you need.
  • More cost-effective than other solutions that require recurring monthly payments and additional fees (top choice for those wanting to create a money-making website).
  • More control over security than other solutions with built-in security that cannot be optimized.

Get WooCommerce

WooCommerce Alternatives to Compare

Selecting the ideal eCommerce platform is a pivotal decision. Some may benefit from using other website builder platforms (outside of WordPress) like Shopify, 10Web, Squarespace, or Wix. And there are WordPress membership plugins like MemberPress that offer standalone options for eCommerce. To help you decide, we’ve created comparison guides between WooCommerce and other leading website builders for eCommerce that you can dig deeper into.

But we’ll assume that you’ll see the exceptional value in WordPress + WooCommerce and proceed to the next step of building an eCommerce site with WordPress.

How to Setup Shop with WordPress (5 Steps)

1. Choose a WordPress Ecommerce Hosting Provider + Domain Registrar

Selecting a hosting provider specializing in WordPress is pivotal for your eCommerce website’s performance and security. SiteGround is a top choice, finely tuned for WordPress and WooCommerce platforms.

Dive into our in-depth SiteGround analysis to explore its myriad features. SiteGround offers complimentary CDN, no-cost SSL, and email account governance in its hosting packages.

For alternative hosting solutions, consider our roundup of the fastest WordPress hosts or the best all-around hosting services. Quality hosting becomes doubly important when running a WordPress eCommerce site since it needs to be fast with around-the-clock uptime. If SiteGround isn’t your cup of tea, consider partnering with an equally reputable host, such as Cloudways, Pressable, or Flywheel instead.

Get SiteGround

Install WordPress

Navigate to SiteGround’s Site Tools dashboard. For other ways to install WordPress, read our definitive WordPress installation guide.

After signing into your SiteGround account, start the installation by clicking the “Set Up Site” button on your dashboard.

install WordPress

Choose the domain type for your WordPress eCommerce site. If you wish to build before buying your domain, opt for a Temporary Domain.

For those eager to secure a domain upfront, follow this guide to register a domain. Click New Domain, find your ideal domain name, and proceed with the WordPress setup.

choose temporary domain

Click “Continue” to advance with the domain option that you’ve chosen.

temporary domain

Then, select “Start New Website” to continue.

start new website

Choose “WooCommerce” to ensure WordPress comes pre-installed with WooCommerce to make setup a bit quicker.

Choose-WooCommerce

Configure your admin login credentials. Keep this information secure by following our password management tips. Click “Continue” to move forward.

WordPress for beginners

Finally, hit the Finish button to set up WordPress + WooCommerce for your new WordPress eCommerce website.

finish setup

Access your new WordPress dashboard by clicking “Log in Admin.”

2. Configure WordPress

You’ve got your hosting and maybe even a domain. Now, let’s set up your WordPress site for eCommerce.

Adjust WordPress Settings

You’ll find the settings you need under Settings in the sidebar of your admin dashboard.

WordPress settings

Need more help? Check out these guides for each settings page to configure your eCommerce website the way you need it:

3. Pick a WordPress Ecommerce Theme

Now, let’s choose a WordPress theme that’s great for eCommerce. We recommend using our Divi Theme. Divi is a top pick because it is a powerful page builder that works seamlessly with WooCommerce. It’s easy to use and makes your store look good.

Why Divi is a good choice:

For other options, you can check out these top WooCommerce WordPress Themes.

Get Divi

How to Add Divi to Your WordPress Store

First, get Divi from your Elegant Themes membership account after buying a membership. Log in and go to Themes & Plugins to download Divi.

How to Install Divi - Steps 1

In your WordPress dashboard, go to Appearance > Themes. Click Upload Theme and pick the Divi file you downloaded. Then click Install Now.

How to Install Divi - Steps 2-5

Click Activate to make Divi your theme.

How to Install Divi - Steps 6

Last step: add your Elegant Themes API Key. This keeps Divi updated with new features and security fixes. Grab the Username from your account in the API Key section.

How to Install Divi - Steps 7-10

Generate a New API Key for your site. Label it so you know which site it belongs to. Copy the Key.

How to Install Divi - Steps 11-13

To add the API Key, go to Divi > Theme Options > Updates. Put in your Elegant Themes API Key (generate a new key for each site you create) and Username, then click Save Changes.

How to Install Divi - Steps 14-18

If you want to learn more about adding themes, check out this theme installation guide. But we think you’ll like using Divi for your WordPress eCommerce website.

4. Make Your WordPress eCommerce Store

You’ve done the basic setup. Now, let’s dig into creating your WordPress eCommerce website. This means setting up WooCommerce, adding products, and choosing how people will pay you.

This is where the fun starts!

WooCommerce Setup Wizard

The WooCommerce setup wizard makes getting your WordPress eCommerce site ready easy. If your host didn’t install WooCommerce for you (Step 1), check out our WooCommerce setup guide to get it added to your website.

Click Home under WooCommerce to start the wizard.

Woo Onboarding Flow - Steps 1-2

The wizard will ask for your store info, like your address and email.

Woo Onboarding Flow - Steps 3-4

Select the industry and product types that best describe your store.

Woo Onboarding Flow - Steps 5-6

Choose what your store needs. Checking certain boxes might add extra plugins to your site.

Note: Some plugins cost money. There are also free ones available. Check out our list of the best membership, booking, and free WooCommerce plugins to see how plugins can extend your eCommerce site. Plugins, such as Memberpress or Paid Memberships Pro can help you create an ecommerce store for subscriptions or memberships, complete with various payment methods. You can also make a robust booking site with a plugin like Amelia to add a calendar for visitors to search for and book appointments.

Woo Onboarding Flow - Steps 7-9

The wizard will ask a few more questions about your store.

Woo Onboarding Flow - Steps 10-11

Last step: pick any extra plugins you may want. See our Jetpack and MailPoet reviews to see if those tools are worth it for you at this point. But if you anticipate needing to collect taxes, take credit card info, and handle shipping, those free plugins are worth it.

Woo Onboarding Flow - Steps 12-13

Now, you can tweak more settings in WooCommerce.

WooCommerce Settings

Ecommerce settings can be tricky. But WooCommerce makes it easier. You can control:

  • General Settings for money, products, and checkout
  • Product Settings for how items look and stock levels
  • Shipping Settings for delivery choices and costs
  • Payment Settings for how customers pay
  • Account Settings for signups and privacy
  • Email Settings for messages from your store
  • Advanced Settings for special tweaks

For more help, see our WooCommerce settings guide, which will walk you through each of these important pages.

Add Product Categories

Categories help people find what they want in your store. For example, if you sell clothes, you could have categories like Men, Women, and Kids. We suggest you make these before adding products.

To add categories, go to WooCommerce > Products in your dashboard. Then click Categories. These work just like categories and tags for WordPress posts.

How to Make WordPress eCommerce Categories - Steps 1

If placeholder categories exist, you can edit or delete them. When choosing categories and tags, keep your customers in mind. Use intuitive and easy-to-understand terms.

Add Products to Your WordPress eCommerce Store

You can add products individually or all at once with a CSV file.

To add them individually, go to Products > Add New.

Add Products - Steps 1

Enter the product name.

Add Products - Steps 2

Add a product description and upload your product image.

Add Products - Steps 3-4

Next, select a product type. Then, set your item’s price and set your inventory levels. You can also set individual product shipping options. On the right-hand sidebar, set product categories and tags.

Add Products - Steps 5-6

When you’re happy, click Publish. Add as many products as you want to your store.

Track your product stock with WooCommerce inventory management, and visit our detailed guide about setting up shipping in WooCommerce.

4. Design Your WordPress eCommerce Website

Since you’ve got Divi installed, let’s design your WordPress eCommerce site. Divi is one of the best page builders for WordPress, so you can design your site without touching code. This includes your product pages, cart, checkout, homepage, and blog. Divi’s WooCommerce modules are your go-to tools for building your WordPress store pages.

Add Product Modules to a Page with Divi

Divi has 2000+ pre-made layouts and 300+ website layout packs you can use, making setting up your WordPress eCommerce site quicker.

Open your homepage in Divi and click Browse Layouts to see your options.

Browse Divi layouts

You’ve got thousands of layouts to pick from. To make it easy, look for ones that say Shop Page. Click Use this Layout to add it to your page.

Product to Page with Divi - Steps 2-4

The layout will show your products immediately (inside the Woo Products module). You can change how many show up, how they’re sorted, and much more.

Product to Page with Divi - Steps 5

What if you want to show only one product? Add a new row and pick Woo Products from the WooCommerce modules list.

Product to Page with Divi - Steps 6-7

Create A Shop Page With Divi AI

In addition to pre-made layouts, Divi offers the ability to generate web pages with Divi AI. Think of it as Divi’s creative design assistant. It can create any layout you want for your shop and can be completely customized with Divi and WooCommerce modules (just like in the previous step). Rather than choosing browse layouts when creating a new page, select the Generate Layout option.

Build web pages with Divi AI

Next, you’ll describe the page you want Divi AI to create. You can also provide additional details, such as the sections you want to see on the page or a brief business description. Divi AI can also assign custom fonts and colors to your layout. You can choose specific fonts and colors, use the website’s default settings, or allow Divi AI to select them. Once the description and styling choices are ready, click the Generate Layout button to allow Divi AI to begin building the page.

generate layout with Divi AI

Divi AI will construct the wireframe, add Divi design modules, write copy, and generate images.

Divi AI page generation process

Once the page is completed, you can add, edit, or delete design modules like you would with a premade Divi layout.

edit Divi AI generated page

Design WooCommerce Pages

WooCommerce sets up some basic pages for you that Divi can help you customize:

  1. Shop page (where all your products show up)
  2. Cart page (shows what’s in your cart)
  3. Checkout page (where you pay)
  4. My Account page (to manage your account)
  5. And more, like pages for product categories and tags

Divi lets you edit each of these page templates on each page using the Divi Builder, or you can create a custom template for these pages using the Theme Builder.

Woo Shop Pages in Theme Builder - Steps 1-2

Using the Divi Theme Builder is particularly useful for designing templates for your product pages, product category pages, and other site-wide design elements.

For example, you could download one of our free product page templates from our blog (like this Clothing Store Product Page Template) and add it to the theme builder to have a stunning global template for all your products. Or you can easily create your own product page template from scratch

For more help, check out our guides on making a cart page, setting up a checkout page, and using Divi for WooCommerce pages.

5. Boost Your WordPress eCommerce Site with Plugins and Integrations

Want to know the beauty of WordPress and WooCommerce? With thousands of possible plugins, you can add hundreds of features. Free and paid plugins can make your WordPress eCommerce site even better. Let’s look at some must-know categories of WooCommerce plugins.

SEO Plugins

Getting people to your WordPress eCommerce site is important. That’s where SEO plugins like Rank Math SEO and All In One SEO come in. They help you make your site more search-engine friendly by adding schema markup, XML sitemaps, and other SEO best practices. There are even WooCommerce SEO plugins that ensure ideal compatibility and functionality.

Analytics Rank Math Demo WordPress

For a deep dive, check out our WooCommerce SEO guide. If you’re feeling adventurous, explore these AI-driven SEO tools.

Get Rank Math

Email Marketing Plugins

Email marketing remains an essential tool for growing an eCommerce store. External services like Mailchimp for WordPress and plugins like MailPoet help you build and manage your email lists.

Mailchimp Email Reporting

Use Mailchimp’s WooCommerce Integration to Increase Sales

You should have a plan for sending normal emails and eCommerce-specific email campaigns with coupons or abandoned cart emails.

Get Mailpoet

Conversion Rate Optimization

Conversion is king in eCommerce. Tools like OptinMonster and Bloom can help you get the most from your site by making email signup conversion easier. Simple, rules-based popups can help you capture contacts so you can sell to them on an owned marketing channel.

The Bloom Dashboard

While staying focused on your website, you can use Divi’s marketing tools to create A/B campaigns and strengthen each landing page or product page over time. Run targeted campaigns to see which of your ideas converts better. The winner gets the prize of sticking around and making your eCommerce store more successful. Not bad.

Split testing and Divi Leads

Get Bloom

Advertising Plugins

Advertising plugins can integrate seamlessly with platforms like Google Ads and Facebook to drive more traffic. Check out Advanced Ads or Ads by WPQUADS  for more control over your advertising campaigns.

Divi Marketplace Extensions

Ecommerce store owners prefer Divi for designing their website over many other alternatives. It gives plenty of design flexibility through its Theme Builder, which we discussed makes building an online store easy. Pairing the intrinsic benefits of using Divi with extensions for the Divi Marketplace is a solid way to make an even better store for yourself. There are two Divi products worth mentioning, though there are plenty of others.

Molti Ecommerce

The Molti Ecommerce Child Theme is one of the fastest ways to design a high-converting website. Its child theme makes building with WooCommerce even faster, as it incorporates certain settings and design choices essential to online store building. Specifically, it includes 10 predesigned headers and 10 footers perfect for eCommerce sites. It also includes 25+ page layouts (product, cart, account pages, and more).

Get Molti Ecommerce

Woo Essential

Woo Essential boosts your Divi eCommerce website with plenty of templates, section layouts, and WooCommerce-specific modules to extend Divi’s already amazing eCommerce functionality. If you need a little extra help with designing your store or need a little more power (Mini Cart, Product Quick Popup, and more), Woo Essentials delivers.

Get Woo Essential

For more WooCommerce plugins, consider looking at Barn2 and Yith. And don’t forget to check the Divi Marketplace for solutions that work well with Divi for any use case that you find yourself needing.

Ecommerce Made Easy with WooCommerce and Divi

At this point, you’ve gone through the ins and outs of setting up a WordPress eCommerce website. From selecting a hosting provider to configuring WooCommerce and optimizing your site for search engines, you’ve laid the groundwork for a successful online store.

WordPress and WooCommerce offer a powerful, flexible eCommerce platform. They allow you to customize every aspect of your store, from product listings to payment options. With an array of plugins and the right themes (like Divi), your store’s functionality can expand and grow as your business flourishes. Speaking of expanding your store—here’s a list of all the themes, plugins, products, and tools that we’ve mentioned throughout this guide for quick reference.

Products MentionedStarting PriceDescriptionAction
1WordPress$2.99/monthContent Management SystemGet
2Easy Digital DownloadsFree, $99.50/yeareCommerce PluginGet
3WooCommerceFreeeCommerce PluginGet
4Hostinger$2.99/monthHosting ProviderGet
5Shopify$29/month (billed annually)eCommerce Platform/Website BuilderGet
510Web$14/month (billed annually)AI Website BuilderGet
6Squarespace$16/month (billed annually)eCommerce Platform/Website BuilderGet
7Dreamhost$16.95/month (billed annually)eCommerce Platform/Website BuilderGet
8Wix$17/montheCommerce Platform/Website BuilderGet
9Cloudways$12.00/monthHosting ProviderGet
10Pressable$37.50/month (billed annually)Hosting ProviderGet
11Flywheel$13.00/month (billed annually)Hosting ProviderGet
12Divi$89/yearWordPress ThemeGet
13Divi Design ModulesIncluded with DiviDesign ModulesGet
14Divi Marketing ToolsIncluded with DiviMarketing ToolsGet
15Visual BuilderIncluded with DiviPage BuilderGet
16Divi SupportIncluded with Divi24/7 Customer SupportGet
17Divi eCommerceIncluded with DivieCommerce ToolsGet
18Divi AI$16.08/month (billed annually)AI Website BuilderGet
19Paid Memberships ProFree, $247/yearMembership PluginGet
20Amelia Booking$49.00/yearBooking PluginGet
20Divi Layout PacksIncluded with DiviLayout PacksGet
21Theme BuilderIncluded with DiviFull Site EditingGet
22Rank Math$6.99/month (billed annually)SEO PluginGet
23All In One SEOFree, $49.60/yearSEO PluginGet
24Mail PoetFree, $11.00/monthEmail Marketing ProviderGet
25OptinMonsterFree, $15.00/monthEmail Opt-in PluginGet
26BloomIncluded with DiviEmail Opt-in PluginGet
27Advanced Ads€59 / yearAdvertising PluginGet
28Ads by WPQUADSFree, $89/yearAdvertising PluginGet
28Molti Ecommerce Child Theme$35/yearDivi Ecommerce Child ThemeGet
29Woo Essential $79/yearDivi WooCommerce PackGet
30Divi MarketplaceIncluded with DiviExtensions, Child Themes, and Layouts for DiviGet

As your business scales, our extensive library of guides and reviews is here to support you every step of the way. Dive into our essential guides on how to sell online and master the best website marketing strategies. For tech-savvy insights, explore our reviews of top hosting companies, prime business tools, and standout WordPress plugins.

Frequently Asked Questions (FAQs)

How do I set up an eCommerce website with WordPress and WooCommerce?
Here are the steps you need to take to set up a WordPress Ecommerce website:
  1. Get hosting and a domain set up.
  2. Install WordPress on your host.
  3. Add the WooCommerce plugin.
  4. Choose an eCommerce-capable theme.
  5. Add your products to your store.
  6. Configure your store settings.
This is the essential contour of setting up a WordPress and WooCommerce store. You'll have to make hundreds of small decisions regarding store design, site structure, additional functions, shipping, taxes, and more. But getting your store online correctly is worth every moment of setup work.
What are the costs involved in running a WordPress eCommerce site?
Costs include a domain ($14-20/year), hosting ($3-$25/month), a WordPress Theme (free-$200/year), and plugins for security, caching, and extending WooCommerce. Overall, costs can start as low as $50/year for the essentials and ramp up based on advanced features and customization.
Can I create a free eCommerce website using WordPress?
Almost. You can set up a basic site with a paid domain, paid basic hosting, the free WooCommerce plugin, and a free theme and plugins, though this setup is very limited. At a minimum, you'll spend around $50/year for this setup. When considering strategic purchases, the first on your list will be a premium WooCommerce Theme. We recommend Divi because it makes it very simple to design every page of your eCommerce site. From there, add caching and security plugins. Lastly, build up your store's essential functions with premium WooCommerce plugins. WordPress gives you the best chance of creating a low-cost eCommerce store. Using Shopify, Wix, or Square will cost you. If you aren't prepared for higher expenses immediately, WooCommerce is the perfect avenue to explore. As your store grows, you can add all the functionality and customization in the world. That's why we always recommend WordPress for eCommerce.
What is the best WordPress theme for an eCommerce site?
Divi, offers deep integration with WooCommerce out of the box, making it easy to build a WooCommerce store with thousands of design settings at your fingertips. The Divi Visual Builder replaces the standard WordPress post editor with a visual drag-and-drop editor that helps you design custom pages for your shop, products, and more. Divi also features dedicated 25+ WooCommerce modules, including the versatile WooCommerce Products module that can display products in various layouts and designs. You can use these modules to add, remove, and style the different WooCommerce elements to create stunning and dynamic product pages. The Theme Builder makes it simple to create cart, product, and checkout pages (and more), all the while giving you complete design freedom. Other themes box you into pre-built designs, but Divi is built for designers and those who care about their site's appearance.
What are the essential eCommerce plugins for WordPress?
The essential eCommerce plugins for WordPress are:
  1. WooCommerce
  2. Easy Digital Downloads
  3. Ecwid
If you are looking for specific plugins to extend WooCommerce, check these out:
  1. WooCommerce Product Reviews Pro
  2. WooCommerce Variation Swatches
  3. Product Slider for WooCommerce
  4.  WooCommerce Wishlist
  5. WooCommerce Deposits
Is WordPress a good platform for eCommerce compared to Shopify?
WordPress is a good choice and is better than Shopify for eCommerce, and here are some reasons why:
  1. WordPress is more versatile than Shopify. It can be used to create any type of website, including eCommerce stores. Shopify, on the other hand, is specifically designed for eCommerce.
  2. WordPress is more customizable than Shopify. You can change the look and feel of your WordPress site to match your brand, while Shopify offers a more limited range of customization options.
  3. WordPress is more affordable than Shopify. WordPress is free to use, while Shopify charges a monthly fee.
WooCommerce also fairs well against other alternatives.

Featured Image by Julia Tim / shutterstock.com

Top Picks
Product Image

Get Started With Divi!

Explore plans, pricing and features. Click here to get started. 👇

Visit Divi

Get Started With Divi!

Explore plans, pricing and features here. 👇

Explore Divi
Premade Layouts

Check Out These Related Posts

WordPress Security Guide for Busy Freelancers (2024)

WordPress Security Guide for Busy Freelancers (2024)

Posted on November 22, 2024 in WordPress

Though WordPress is built to be secure, it’s not entirely safe. It requires regular maintenance, and your responsibility increases even more when you manage your clients’ WordPress. This WordPress security guide lists effective set-it-and-forget-it ways for freelancers and agencies to...

View Full Post
How To Design Websites In 2024 (Tips & Tricks)

How To Design Websites In 2024 (Tips & Tricks)

Posted on November 21, 2024 in Design

Learning how to design websites that work isn’t only about having an eye for design or chasing trends. It comes down to essential principles that the best-performing sites share. Get these right, and everything else falls into place. In this post, we’ll try to help you understand the...

View Full Post

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

👋 It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Get Started With Divi