How to create multi vendor shop on wordpress

What is multi vendor shop? This is shop which has many sellers. For example, popular Amazon or Ebay are typical multi vendor stores. And today I will explain some ways how to build multi vendor shop on wordpress and Rehub Theme

This tutorial is made for our products. You must have one of our wordpress theme to use information from this tutorial

First of all, install Woocommerce plugin. There are some other plugins which offer multi vendor options, for example Easy Digital Download, but Woocommerce has free Multi vendor extension.

Second plugin which you need – WC Vendor

Both Woocommerce and WC Vendor plugins have good documentation and setup guide. I will show basic settings.

After setup WC Vendor, go to Woocommerce – WC Vendor. Set commission and choose here option Approve vendor applications manually. If you enable this – users can’t have option to post products after registration without vendor status and admin must approve new users as vendors manually. Also you must choose WC Vendor pages.

Plugin has free and pro version. I tried to make customization for theme which will look great for both versions. So, main difference is that PRO version has better statistic page + option to allow users to add their banner and logo for store page (Free version has default banners which you can set in theme option – woocommerce option – WC Vendor section).

WC Vendors and Woocommerce pages

By default, both plugins will add some pages to your site, such as dashboard, my account page, order, etc. I recommend you to go to these pages and set for them full width layout

mvendor1

Revendor theme

For better support of woocommerce and WC Vendor plugin, I created Revendor child theme. You can see demo here. This is modern actual well designed theme, special for woocommerce. Check how to get it.

back to menu ↑

Login and register pages and urls for multi vendor

Next thing is setting pages where users can register. Go to Woocommerce – Settings – Account tab and in registration section choose Enable registration on the “My Account” page. Also, it’s better to disable  Automatically generate username from customer email – so, users can set separate login name (will be used for store url and it’s impossible to change it after registration). Also, don’t forget to enable registration on site in Settings – general

Now, find default woocommerce “My account” page among other pages (Pages – all pages). If everything is ok, this page must have shortcode

Copy url of this page, you maybe need it in future. This page will be used for sign up/sign in for users.

Theme also has inner login system which supports WC Vendor plugin and vendor role. To enable login popup and login/register button in header – go to theme option – header and menu – header style and choose Shop header.

You can also add additional element in header there. This is code which I use on demo site

As you see, I use shortcode wpsm_is_guest which will show content for non logged users and wpsm_is_user which is for users. Also, I added magic class act_rehub_login_popup to link which will trigger login popup for non logged users if they click on button. Also, you must enable login popup in theme option – user option – Enable user login modal? You can also control padding in logo section to better center logo and elements in logo section.

If you want to disable login popup of theme and use standard woocommerce login page – add such link in field theme option – header and menu – Type url for login button

After all settings, when user is not logged in – he see login button, when he logged in – he can see dropdown.

login-vendor

After user will logged in, he will see small dropdown profile menu instead of login button

login-drop-vendor

By default, it will show only logout link + store settings link, but you can add your custom set of links in dropdown menu which will be visible in this menu. For this, create new menu in Appearance – Menus and add it to User Logged In Menu location. All links from this menu will be added to dropdown. Usually, I add here two links. First link goes to vendor dashboard. The name of this page you can know in Woocommerce – WC Vendors – Pages. Second link goes to product adding page.

back to menu ↑

User submit page

If you use WC Vendor PRO – dashboard will have link on submit page, but for free version you can use our RH Frontend PRO plugin. Get it in Rehub->Plugins tab.

After setup of plugin – create form for product post type.

rvendor2

Plugin supports most of useful fields by default. If you want to add field for users where they can add coupons for external deals – add custom field in right panel with key

rehub_woo_coupon_code – this is for coupon code

rehub_woo_coupon_date – this is for expiration date (also choose date type of field)

rehub_woo_coupon_coupon_img_url – this field is for adding additional coupon image which will be used in printable coupons (print coupons must be enabled in theme option – shop settings)

 

savepanel

Adding form to page

Now, save your submit form and copy shortcode of form in top of page, create new page and insert shortcode in it.

What if you want to restrict adding products for non vendors (this is usefull if you have several roles on your site). Use next shortcode

First shortcode  will check if user is vendor. If yes – he will see submit form (change id of form)

Second shortcode will check if user is logged in, but he is not vendor yet (for example, you still didn’t approve him). And, if yes – he will see link on vendor dashboard where he can request vendor status.

Third shortcode content will be displayed only for not logged in users and they will see link on login/register page.

Changing links in dashboard in WC Vendor Free

By default, WC Vendor Free plugin has links in dashboard which go to admin page, but if you set frontend forms, you can change this in theme option – WC Vendor settings.

Adding Edit page

In theme option – Shop settings – vendor settings you can add page where users add products and also where they can edit all their products. To make such page, copy second shortcode from submit form in RH Frontend Plugin

editpage

Then, create new page, insert there shortcode and copy link to this page. This page will be place where user can see his submitted aticles, their status and edit links.

Woocommerce theme settings

You can find them in theme option – Shop option. You can change there design for single page, design of category loop and some other settings.

back to menu ↑

WC Vendor shortcodes

Plugin has some default shortcodes which you can know in knowledge base. Theme also has one additional shortcodes:

1. List of favorite shops

2. List of sellers

This shortcode will show archive of sellers. Also, you can show specific user list

You can also show search form and order select before vendor list with next parameter

You can also show grid of shops with default wc vendor shortcode

back to menu ↑

Contact seller, friendship and community functions

Rehub theme has great conbination of several plugins to get the best results. So, if you want to extend your WC Vendor shop and add some community functions – use BuddyPress plugin. After activation, maybe you should to disable some standard modules of BP: activity and group. BP will add option to send private messages and friendship requests + add separate profile of seller to site.

Reputation points

Want to add even more functions – install plugin MyCred which is also supported by theme + theme will show reputation points, badges and levels in profile pages, dropdown menu, etc.

Follow option

Buddypress already has friendship button, but, each user must approve friendship, which is not good for vendor’s stores. So, you can deactivate friendship module and enable follow module with plugin BP follow.  All other things theme will show automatically (includes also follow button on store page). Also, it’s better to enable activity module of BP, so, users can see updates in their activity stream for all followed stores (new products will be also visible in activity)

back to menu ↑

Store locator

Store locator is function which allows users to search registered stores near them. This is very useful if you have stores which sell offline products with delivery. Steps are next:

  1. Install plugin Geo my wordpress
  2. Install Member location add-on and Single Location add-on inside plugin
  3. Install Buddypress if you don’t have it
  4. Go to Geo My Wp – Forms and create new form
  5. Make sure that you use Rehub and Revendor child theme > 6.2.3 version

Inside new created form there are several setting tab.

Form settings

Page load results

This setting tab allows to change what will be rendered on first visit of page with form (other words, what you will see before search). I recommend to enable Page load features and change Results per page. By default – 5,10,15,20, but there are two user grids in theme (3 column and 4 column). So, if you will use default 4 column – set 8,16,24,32

Search form tab

In search form template use one of template with Custom: prefix. This is special templates for theme and it will have good design. There are next templates

Custom horizontal is horizontal line form. Good to use it on page.

custom_form

Custom horizontal big fields is the same form as previous, but each field has big size and it’s good to use it in header modules.

Custom: horizontal-bigfields-xprofile and Custom: horizontal-xprofile are the same as previous, but you should use them with combinations with Xprofile (for example, to sort vendor categories), read next part of article for explanation

Search results tab

Also, use one of template with Custom: prefix. There are some 4 column grid, 3 column grid and list style templates. I added templates which show buddypress users, WC Vendor users and combined sellers template.

Use Results page – Same page if you want to see results on the same page. Use another page in cases when you use search form, for example, in global widget.

All other settings of form are not important and can be by default. You can play with them if you want.

After creating form, you can insert it on page with shortcode

where 1 is ID of form. There are some other shortcodes, check them in Geo My Wp – Shortcodes

Assign location map to vendor setting page

By default, all users can set own location in their buddypress account in Location tab. But you can also add location form to vendor’s store setting page.

For free WC vendor – you can customize page of settings. You can check setting page in Wc Vendor – Pages. Then, edit this page and insert before WCV shortcode next shortcode

This will add location form before settings

store_locator

store_locator2

For WC Vendor PRO – you don’t need to do anything. Form will be applied to store setting page automatically

How to add big header store locator form on homepage

custom_form_2

If you want to have the same module on page – do next. Use visual composer for page, enable “Page for layout builder” in page attributes, save draft of post, then enable next setting

form3

Click on classic mode button in visual composer and place next code

Click now to Backend editor button and configure vc module (upload your own image, change text). I use here

but you must use your own shortcode with correct ID. For settings of GMW Form – they are next

form1_2 form2

As you see, I disable page load features and use big fields form template. In Search results – choose page where you want to show results and output template. Page for results must have

in gmw map use your form ID

back to menu ↑

How to add categories and other filters to vendor

You can also add categories and other filters to vendors. Theme supports now Xprofile fields in woocommerce register page, register popup and in WC Vendor setting page. To set filters for users, create fields in Users – Profile Fields (Extended Profile module must be activated in Settings – Buddypress).

By default, these fields will be included in BP register page, but with theme, you can add them to other forms. Here places where you can enable fields.

For woocommerce registration page and wc vendor page – Theme option – Shop Settings – WC vendor settings – Add xprofile fields to register form?

For login/register popup – Theme option – User options – Add xprofile fields to register form?

Then, you can use new data for filters. For example, in Geo My WordPress plugin form (check previous part about Store locator). To use Xprofile data in form, check next options in GMW form

xprofile

You can choose fields to use in form.

If you use Custom: Horizontal or Custom: Horizontal-big-fields template for form, all xprofiles data will be available after click on “Show option” button

custom_form

You can also show xprofile fields near address field. Use Custom:horizontal-xprofile or Custom:horizontal-big-fields-xprofile template for this. If you use form on page, enable only one select field of xprofile fields. To show all type of fields, you can use GMW form widget in sidebar).

back to menu ↑

Synchronizing vendor location and product location

It’s very common request from our buyers. They want to make store locator for products (not vendors). We have also customization for Post locator function of GMW, but this requires to add location for each submited product. What if products have always the same location = location of vendor? We added simple function which synchronized them. One, vendor set his location one time and all new submited products will have the same location, so, you can use it in product locator

For this, go to Theme option – shop settings – Synchronize product and user location? and enable it

 

 

How to create multi vendor shop on wordpress
4.12 (82.35%) 17 votes

Want to get unique wordpress tips?

We won't rent or sell or spam your email. We promise!

Leave a Reply

28 Comments on "How to create multi vendor shop on wordpress"

Notify of
avatar
Sort by:   newest | oldest | most voted
Rogerio Manea
Guest

Hello, I would like instructions on how to leave the store presentation the same as the template presented in the ReHub theme using the WC Vendors Pro plugin. Thank you very much.

jack
Guest

hi can i use the storex or handy theme for multivendor store?

nando
Guest

After reading the settings, I’m not clear how to make sellers can publish discount coupons.
How can I do in order that there is a filter in shops page to be able to filter through name or another characteristic?
Thank you.

Anton P.
Guest

Hello,

is it possible to add dropdown selector field with the list of actual product categories to the store locator search form, to search inside one of category? I own both WC Vendors Pro and REHUB theme. Thanks!

iaccom
Guest

Hi, with ReHub theme. I making comparision with multiple category (example : Accessory, Gadget), is it possible.

Diso
Guest

Is there a Bid functionality in Rehub or do you know a way to implement it using the Rehub? Some plugin, idk. Thanks

jep
Guest

will rehub theme work with woocommerce + wc vendors free + buddypress?

thanks

Jay
Guest

I fail this tutorial at the first step. (Very new to WP) For instance, I can’t see “full width” option. Then “Login/Register not available”.

Rogerio Manea
Guest

Hello friend … I would like to ask for the video production for this tutorial. For users with their level of knowledge this tutorial is simple to understand. However, simple video can clarify exactly the steps we must take, since we can pause and repeat the processes one by one. thank you.

Ola amigo… eu gostaria de pedir a produção de vídeo para esse tutorial. Para usuários com seu nivel de conhecimento esse tutorial é simples de entender. Porém, o vídeo simples, pode esclarecer exatamente os passos que devemos seguir, pois poderemos pausar e repetir os processos um por um. obrigado.

Lorna Langdon
Guest

Hi, i want to allow multi vendors to create daily deals with countdown timers, submission from front-end. I am having difficulty with this as I can’t seem to work out how vendors can set their own countdown timers. I have installed the full demo site to play with . Any advice please?

DAVID
Guest

Hi, I’m starting a web with this template and some shops interested in selling in my place have asked me if there would be a way to import the products from other marketplaces where they already have uploaded them. Thanks

Solomon
Guest

In the Rehub Vendor theme, I have found that any user can add product.. I want only the vendor to add product, So kindly Help.

Nnanyelu
Guest

Hi,

Two questions for you:

1. Can you update all products when a vendor updates their location?

2. How can I have a geolocation when login to show me only vendors and products based on my current location or by changing a drop down in the site?

3. How can I update your theme or have the vendor turn off the store temporarily by using a custom field? like vacation mode?

Thanks!!!

Love your theme.

wpDiscuz