How to Add Wholesale Options to Your Divi & WooCommerce Powered Shop

Last Updated on May 16, 2024 by 6 Comments

Editorial Note: We may earn a commission when you visit links on our website.
How to Add Wholesale Options to Your Divi & WooCommerce Powered Shop
Blog / Divi Resources / How to Add Wholesale Options to Your Divi & WooCommerce Powered Shop

Selling wholesale to retailers is a great way to boost revenue and market your products. And setting up a wholesale shop with wholesale pricing may seem like a lot of work. But, for those of you using Divi and WooCommerce to power your online shop, I have a free solution that works great.

In this use case tutorial, Iโ€™m going to show you how easy it is to start offering wholesale pricing for your products to retailers/customers on your WooCommerce store.

Sneak Peek

final shop page

final gif

What you need for this Tutorial

For this tutorial you will need the following:

Setup WooCommerce

If you havenโ€™t already, make sure to install and activate the WooCommerce plugin. Then run through the setup to get started.

WooCommerce Pages

Make sure that you deploy the WooCommerce front end pages using the Setup Wizard. If you skipped the step, you can access it from click the help tab at the top of the page and selecting the setup wizard tab.

setup wizard

WooCommerce Settings

woocommerce settings

Make sure you take the necessary time to enter all of the general setting information that are unique to your store. For this tutorial, Iโ€™m not going to walk you through all of the settings since I will be concentrating on add wholesale pricing.

Wholesale Prices Tab

Once you have the Wholesale Prices plugin installed, you will see a tab under the WooCommerce Settings. Since this tab is only for the Pro version of the plugin, it will only show a promotion for the premium version of the plugin.

wholesale tab

But donโ€™t worry, the functionality of the wholesale plugin will show up whenever we start adding new products.

Adding Products with Wholesale Pricing to Your Store

At this point you will need to add some products in order to learn how to add wholesale pricing to them. Iโ€™m going to be showing you how to both a simple product and a variable product. A simple product is a product that has no additional attributes or variations available to the user. An example would be a book or a painting. Variable Products on the other hand do have additional attributes and variations which allows the buyer to customize their product according to their needs. An example of a variable product would be a T-shirt which has different sizes and colors available. Variable products also work well for selling something like Tea, because you can use the variables to allow the user to choose different size bags of tea and charge different prices for each.

Adding a Simple Product with a Wholesale Price

To add a simple product with wholesale pricing, you will create a new product like normal. The only difference is that you will be adding a second โ€œwholesaleโ€ Price in addition to the regular price.

Go ahead and follow these steps:

  1. Navigate to Products > Add New. Then update the page as follows:
  2. Enter a Title
  3. Enter a Description
  4. Make sure Simple Product is selected for the Product Data option.
  5. Enter a regular price
  6. Enter a Wholesale Price
  7. Enter a Product Short Description
  8. Add a new category named โ€œWholesaleโ€.
  9. Make sure only the category Wholesale is selected as the product category.
  10. Add a product image.
  11. Publish the new product.

new simple product

Keep in mind that you will not be able to see the wholesale price reflected on the product page right away. So if you preview the product, it wonโ€™t look any different. This is because the wholesale prices are dependant on a custom user role called โ€œwholesale customerโ€ that has already been created by the plugin. More on this later.

But for now, here is what it looks like for a user with the Wholesale Customer role.

simple example

Adding a Variable Product with Wholesale Prices

To create a variable product, you will follow the same steps when adding a simple product. However, instead of selecting simple product as the product data option, select Variable Product from the dropdown.

Then click on the Attributes tab, and add a new custom product attribute with the following:

Name: Amount
Value: Sample Tin (5-7 cups) | 8oz (120 cups) | 1lb (240 cups)
Visible on the product page: checked
Used for Variations: checked

For this variable product, we have given the buyer an โ€œamountโ€ attribute with three optional values (in this case itโ€™s tea amounts) to choose from: tin, 8 oz, and 1 lb. Notice that you need to separate the values with โ€œ|โ€ in order to register more than one value.

Save attributes.

varible options

Since we checked the option โ€œUsed for Variationsโ€ we can customize both the regular price and the variable price for each of the values/tea amounts. To do this we need to go to the Variations tab, select โ€œCreate variations from all attributesโ€ from the drop down menu, and click the Go button.

create variations

You will see that the three values you entered under Attributes will be automatically assigned a variation that you can edit with unique options.

To update the options for the first variation (Sample Tin), hover over it and click the toggle arrow to the right. Then update the following:

Regular Price: 5
Wholesale Customer (price): 2.5

sample tin variation

Basically this means that if someone selects to purchase the โ€œSample Tinโ€ option, the cost will be $5. If that buyer has been assign the โ€œWholesale Customerโ€ role, the price will be $2.50.

Update the second variation (8oz) with the following:

Regular Price: 30
Wholesale Customer (price): 15

8oz variation

Lastly, update the third variation (1lb) as follows:

Regular Price: 60
Wholesale Customer (price): 30

Donโ€™t forget to Save your changes.

This is what it looks like for a regular user or guest.

variation reg final

This is what it looks like for a user with the โ€œWholesale Customerโ€ role. Notice that the price range and the amount reflect the wholesale prices we set in variation settings.

variable final

Once you have at least 6 products created (simple or variable) with the new wholesale pricing, letโ€™s go ahead and add a new member with the โ€œWholesale Customerโ€ role so that you can see the results on your live site.

Add New User with Wholesale Customer Role

As I mentioned earlier, the Wholesale Prices plugin automatically creates a custom user role called โ€œWholesale Customerโ€. Any user that has been assigned this user role will be able to see the wholesale prices for each product that has one.

For testing purposes, you can create a new user with the wholesale customer role. To create a new user, navigate to Users > Add New. Enter a username, enter an email, generate a password, then assign the Role as Wholesale Customer. Then click the Add New User button.

add new user

Now open an incognito/private browser window and login to your site using the new username and password you just created. You will see the wholesale prices represented on your products.

Create Wholesale Shop Page

The wholesale prices will show on each product of the WooCommerce Shop page.

default shop

But, the prices will also show when using Divi shop module to create custom shop pages.

To create a custom shop page, add a new page with the title โ€œWholesale Shopโ€. Then deploy the Divi Visual Builder. Open the settings menu and click the โ€œLoad From Libraryโ€ icon. Then select the Tea Shop Shop Layout from the Tea Shop Layout Pack.

add layout pack

Delete the row in the third section under the title โ€œNew Arrivalsโ€ holding the three blurb modules.

delete row

Find the row containing the shop module in the second section under the Title โ€œBest Sellersโ€. Then drag under the Title of the โ€œNew Arrivalsโ€ section.

drag row

Delete the โ€œBest Sellersโ€ Section, the Tea Subscriptions section, and the News & Events Section. Then decrease the padding of the top header section to 6% top and 6% bottom.

decrease padding

Use the inline editor to update the main header to read โ€œWholesale Shopโ€. Then update the section title in the section below to read โ€œWholesale Productsโ€ instead of โ€œNew Arrivalsโ€.

update titles

Currently the shop module isnโ€™t showing any products because we havenโ€™t selected to include the Wholesale category yet. Open the shop module settings and update the following:

Type: Product Category
Product Count: 20
Include Categories: Wholesale
Columns Number: 3 Columns

update shop module settings

Since we are using the shop module that was designed with the layout, we already have the design we need for our products. However, since we have a white background now, I think it would look best without the box shadow on the product images.

no shadow image

Here is the final result when viewing it from the user with the Wholesale Customer role.

final shop page

Managing Wholesale Customer Registration

The next step needs to be figuring out a way to add a wholesale customer (with the โ€œwholesale customerโ€ role) to have access to your wholesale prices. There are a number of ways you can add this functionality.

Add the wholesale customer role through membership registration.

If you are using a membership plugin like memberpress, you can use the the WordPress User Roles plugin which allows you to add or remove WordPress roles based on their subscription/membership.

add user role

Use WooCommerce Wholesale Lead Capture

lead capture

The WooCommerce Wholesale Lead Capture plugin is a premium extension for the plugin we are already using so it is a great option if you want to automate the wholesale registration process.

Manually add Wholesale Customers from an Application Form

If you want to keep things simple, you can easily create an wholesale customer application form using Diviโ€™s contact form module. Here is an example form I created quickly using the Tea Shop Contact Page layout.

application form

With the information you gather from this form, you can manually create the wordpress user and assign the wholesale customer role so that they have access to the wholesale prices. This is a great way to screen applicants and make sure you are getting the right wholesale customers.

Wholesale Pricing by Quantity

If you are looking to generate wholesale pricing based on the quantity of items in the cart (buy more pay less), you should checkout the Booster for WooCommerce Plugin. The plugin has a wholesale price feature that allows you to change the price of the item depending on how many items a user buys. It also has a feature called Price by User Role which allows you to change the price of a product based on what user role is viewing the product. And the plugin is free with the option of upgrading to a premium version with even more features.

Final Thoughts

Adding wholesale prices to your woocommerce shop using the WooCommerce Wholesale Pricing plugin and Divi is actually extremely simple. All you need to do is add the wholesale price you want to use for each products and thatโ€™s about it. And if you donโ€™t mind manually adding new wholesale customers to your site, you can keep the process simple (and free) by using an Application Form using Diviโ€™s Contact Form Module to collect all the information you would need to screen potential wholesale customers.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! ๐Ÿ‘‡

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow ๐Ÿ‘‡

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How ๐Ÿ‘‡

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

New Starter Site for Estheticians (Quick Install)

New Starter Site for Estheticians (Quick Install)

Posted on November 12, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post
Divi 5 Update: Public Alpha Version 3

Divi 5 Update: Public Alpha Version 3

Posted on November 11, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. As we progress towards the final release, we’ll update Divi 5 every two weeks, appearing as a standard update in your WordPress dashboard. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 3ย today. Thanks...

View Full Post

6 Comments

  1. My question is if I can use this plugin to work the other way – my client provides wholesale goods at market rate and donates the difference to a chosen charity. ie product cost is $100 checkout price is $125.

    And if this was added to a subscription plugin would the customer be able to see the totals of their donations?

    Thanks!

  2. Thanks for giving your time. This is very informative information for user.

  3. Amazing, this is what I need

  4. Excellent tutorial, Iโ€™ve been looking for a solution like this!

  5. Super post Jason. Am I correct in saying that you canโ€™t sell a product as wholesale to wholesale customers and standard price to new customers?

    • Amanda,

      If I understand you correctly, yes you can do both. For example, you can use the same shop products for both regular and wholesale customers. The price simply changes for wholesale customers who are logged in with the wholesale customer user role.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today