Knowledgebase
A+
A-

Setting up – Vendor Registration for WCMp

A marketplace won’t be the same without Vendors and understanding the need for the same, lets willing Vendors apply to your site with a fully customizable Vendor Registration Form. Learn more about Vendor Registration in this video tutorial.

If you don’t like the video or need more instructions, then continue reading.

Basics of Vendor Registration

Vendor Registration can be done in two ways.

  • Manually by the Admin (using WordPress flow for User Registration).
  • By vendors themselves (using our very own Vendor Registration Form).

Register Vendors manually (by the Admin) Deprecated since 3.1.0

WCMp 3.1.0 brings a brand new way of adding and managing vendors: Vendor Management System

This follows the conventional WordPress method to add Users to your site. However, the steps have been discussed in details below.

  1. From the Admin Dashboard, go to Users and click on Add New
  2. Fill in the details as is required (Username and Email are required fields)
  3. Select Vendor from the Role dropdown
  4. Lastly click on Add New User.
  5. Your vendor is now ready to login and sell on your site!

Reference 1: Register Vendors manually (by the Admin)

Allow Vendors to register themselves

WCMp lets willing vendors apply on your website through a registration form. You can however choose to manually approve them which is a recommended setting (helps to identify and prevent spammers) or auto-approve them just as soon as they register.
WCMp creates a Vendor Registration page (with [vendor_registration] shortcode in its content) automatically upon activation. This page displays your Vendor Registration Form. This form is easily customizable, about which we will discuss later in this article.

Reference 2: Allow Vendors to register themselves

Manually approve Vendors on registration

To review all your Vendors personally before they start selling on the site make sure “Approve Vendors Manually” is checked under the General tab of WCMp Settings.

Note for Developers: Now, when willing vendors apply, they are assigned the role of a “Pending Vendor”.

To Approve/Reject the vendor you can either go to All Users page and click on Approve/Reject as is the condition by hovering over the specific vendor

or

Navigate to the “To-do List” under WCMp menu. Here you can see all the “Pending Vendor Approval”. Click on “Activate” to approve the vendor.
However, if you have customized your registration form using our Registration Form Customizer, you will be able to approve or reject a vendor from “Vendor Applicaton” under “Users”.

Reference 3: Allow Vendors to register themselves

Auto-approve Vendors on registration

To automatically approve all your vendors just after they apply uncheck the box for “Approve Vendors Manually” under the General tab of WCMp Settings and your Vendors will be ready to sell.

Troubleshooting

Vendor Registration Page showing 404

In such a case from the Admin Dashboard visit Permalinks under Settings and that shall help you solve the problem.
“Visiting the Permalinks screen triggers a flush of rewrite rules. There is no need to save just to flush the rewrite rules.” -Wordpress

Reference 4: Allow Vendors to register themselves

A different page is displayed instead of the Vendor Registration Form

If you face such an issue, take a quick tour to the WCMp Settings, click on the Vendor Tab, navigate to Vendor Pages and make sure you have Vendor Registration page selected in the drop-down for Vendor Registration. If you have renamed the Vendor Registration page earlier, make sure that page is selected.

Reference 5: Allow Vendors to register themselves

Vendor Registration is selected in the Page drop-down but form doesn’t display

Open the Vendor Registration Page from the Admin Dashboard and make sure you have “[vendor_registration]” in your content. If not copy and paste the shortcode and Update the file.

All the above points are satisfied but I am being shown “Signup has been disabled.” instead of the Registration Form.

The most common problem in the lot. If the same situation arises for you, simply navigate to Settings and Check the box for “Membership” section, thereby enabling Vendor Registration.

Reference 6: Allow Vendors to register themselves

Also check that the WooCommerce’s “Allow customers to create an account on the “My account” page” option is activated.

Allow Vendors to register themselves

Vendor Registration Form

Default Vendor Registration Form

Vendors on accessing the Vendor Registration Page will see the default WCMp Vendor Registration Form which has fields for an Email address and a Password, the very basic fields required for any user registration. The image below depicts how the default Vendor Registration Form looks:

Reference 7: Vendor Registration Form

Customize the Vendor Registration Form (Adding your own fields)

Vendor registration setting panel comes with a useful variation of fields. And these fields can be added any number of times according to the requirement. Now you as an admin can create desired registration form based on your requirement.
A quick video tutorial will give you a brief understanding of the same.

For clearer understanding, keep reading.
From the Admin Dashboard go to WCMp Settings and click on the Vendor tab, this brings you to the Vendor Registration section. Notice that here are two sections from which you may choose fields of your choice to add to the Vendor Registration Form. One being the “Form Fields” the other being “Vendor Store Fields“. Click on any field button and that gets added to your default form.

Reference 8: Vendor Registration Form

FAQ: Where can I see the fields that I’ve added after the vendor fills in the registration form?
Answer: If you have selected fields from the “Form Fields” section, you’ll get to see them under Vendor Application which can be accessed under “Users” and if you have selected fields from the “Vendor Store Fields” section, as always you’ll get to see them under Vendor Application but the added advantage that comes here is that, the Vendor Store Settings will have pre-filled values obtained from the form itself. For example: if the vendor was asked to fill in his PayPal Email in the form, he/she won’t have to fill in the Email ID required in the Billing Section of Store Settings (obviously if Payment Method Paypal is selected).

-Field descriptions

Form Fields

Textbox : A simple text input to enter any kind of information.

  1. For naming the Label field, enter your desired caption.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter a CSS class in the Custom CSS Classes and use it in your CSS file.
  5. Save the changes.

Email : Capture the email information through this field.

  1. For naming the Label field, enter your desired caption.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter a CSS class in the Custom CSS Classes and use it in your CSS file.
  5. Save the changes.

URL : Ask your vendors to provide a web-link using this field

  1. For naming the Label field, enter your desired caption.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  5. Save the changes.

Textarea : A bigger area for inputting text like description.

  1. For naming the Label field, enter your desired caption.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. You can limit the number of text by Character Limit.
  4. To make this field mandatory, check the Required checkbox.
  5. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

List : This list option provides, four types of listing.
Dropdown :

  1. For naming the Label field, enter your desired caption.
  2. List the Dropdown option from the List Type.
  3. To add multiple options, click on Add New.
  4. For labeling the options, enter the preferred name in the Label and put the Value (this value is for the database entity). And choose the name by Selected which will be reflected on the frontend at first.
  5. To make this field mandatory, check the Required checkbox.
  6. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  7. If you want to delete any of the options, then click on the cross sign available at the beginning of the label.
  8. Save the changes.

Radio Button :

  1. For naming the Label field, enter your desired caption.
  2. List the Radio from the List Type.
  3. To add multiple options, click on Add New.
  4. For labeling the options, enter the preferred name in the Label and put the Value (this value is for the database entity). And choose the name by Selected which will be reflected on the frontend at first.
  5. To make this field mandatory, check the Required checkbox.
  6. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  7. If you want to delete any of the options, then click on the cross sign available at the beginning of the label.
  8. Save the changes

Checkboxes :

  1. For naming the Label field, enter your desired caption.
  2. List the preferred Checkboxes from the List Type.
  3. To add multiple options, click on Add New.
  4. For labeling the options, enter the preferred name in the Label and put the Value (this value is for the database entity). And choose the name by Selected which will be reflected on the frontend at first.
  5. To make this field mandatory, check the Required checkbox.
  6. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  7. If you want to delete any of the options, then click on the cross sign available at the beginning of the label.
  8. Save the changes

Multi select :

  1. For naming the Label field, enter your desired caption.
  2. List the preferred Multi Select from the List Type.
  3. To add multiple options, click on Add New.
  4. For labeling the options, enter the preferred name in the Label and put the Value (this value is for the database entity). And choose the name by Selected which will be reflected on the frontend at first.
  5. To make this field mandatory, check the Required checkbox.
  6. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  7. If you want to delete any of the options, then click on the cross sign available at the beginning of the label.
  8. Save the changes

Checkbox : A simple checkbox to be able to select something on/off.

  1. For naming the Label field, enter your desired caption.
  2. Default Value helps to enable the checked and unchecked option by default..
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  5. Save the changes.

Recaptcha : To activate the Recaptcha option, follow the below mentioned steps:

  1. Click on the recaptcha field option.
  2. Name the Label.
  3. Click on the Use Google recaptcha.
  4. Then you will be re-directed to the Google recaptcha page
  5. Click on the Get reCAPTCHA as showed in above screenshot.
  6. You will find a “Register New site” option. Enter the preferred Label name and enter the Domain.
  7. Click the Register.
  8. Then enter the data site key provided by the recaptcha client site integration on the Recaptcha Script.
  9. To make this field mandatory, check the Required checkbox.
  10. Save the changes.

Attachment : Provide the option of uploading the required documents by the vendor.

  1. For naming the Label field, enter your desired caption.
  2. File Size limit helps you to limit the size of the attachment.
  3. Select the all the file types or few of them based on your preference.
  4. To make this field mandatory, check the Required checkbox.
  5. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.
  6. Save the changes.
  1. Save the changes.

Section : Helps to divide the registration form into sections. Based on your requirement you can divide your registration form into multiple sections along with separate names.

  1. For naming the Label field, enter your desired caption.
  2. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Vendor Store Fields (Available from version 3.0 or greater)

Store Description : Let your vendors add their store description on the registration form itself. Doing this, they will have pre filled values for “Shop Description” under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Shop Description” under “Store Settings”.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. You can limit the number of text by Character Limit.
  4. To make this field mandatory, check the Required checkbox.
  5. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Address 1 : Let your vendors add their first line of address on the registration form itself. Doing this, they will have pre filled values for the “Address” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Address Line 1” under “Store Settings”.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Address 2 : Let your vendors add their second line of address on the registration form itself. Doing this, they will have pre filled values for the “Address” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Address Line 2” under “Store Settings”.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Phone : Let your vendors add their phone number on the registration form itself. Doing this, they will have pre filled values for the “Phone” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Phone” under “Store Settings”.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Country : Let your vendors add their country on the registration form itself. Doing this, they will have pre filled values for the “Country” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Country” under “Address” in the “Store Settings” section.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

State : Let your vendors add their state on the registration form itself. Doing this, they will have pre filled values for the “State” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “State” under “Address” in the “Store Settings” section.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

City : Let your vendors add their city on the registration form itself. Doing this, they will have pre filled values for the “City” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Country” under “Address” in the “Store Settings” section.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

PostCode : Let your vendors add their zip code on the registration form itself. Doing this, they will have pre filled values for the “ZIP Code” field under their “Storefront Settings”.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “ZIP Code” under “Address” in the “Store Settings” section.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

Paypal Email : Let your vendors add their paypal email on the registration form itself. Doing this, they will have pre filled values for the “Paypal Email” field under their “Billing” Settings which will be visible if the vendor chooses PayPal as a mode of payment.

  1. Enter your desired caption in the Label field but remember, no matter what your caption is, this field will only pre-fill “Paypal Email” under “Billing” settings section.
  2. Placeholder will reflect the content given in the space, until data is provided by the vendor. You can leave this blank.
  3. To make this field mandatory, check the Required checkbox.
  4. To change the styling of the field, enter your CSS class in the Custom CSS Classes and use it in your CSS file.

If you want to change the place of the fields you have created, just drag it to the preferred place and drop it.

Helpful tip: For easy access, add the Vendor Registration page in your navigation menu from Menus under Appearance in the Admin Dashboard.

Vendor Application (Removed from 3.1.0)

WCMp 3.1.0 brings a brand new way of adding and managing vendors: Vendor Management System

A crucial part of Vendor Registration is the sub menu under “Users”, “Vendor Application” by name.
If you’ve customized your Registration Form using our Registration form customizer, all vendors who register using the form will show up under Vendor Application.
If a vendor has not been approved yet, hovering over the name will display four options:

  • Trash: Helpful in cleaning your Vendor Application Screen. Note that clicking on Trash does not trash your user, neither will the user be deleted if clicked on “Delete Permanently” from the Trash. This just removes the Vendor Applications and not the Vendor.
  • View: Displays the values the vendor entered in the fields, at the time of Registration.
  • Approve: Allows the applied vendor to sell on your site.
  • Reject: Prevents the vendor from selling on your site.

However, if the vendor has been approved, hovering over them will display just two options: Trash and View.

P.S. Have more ideas to share or facing a hard to explain issue? Our quick support will definitely help you in the right direction… that’s a word you can trust.

Was this helpful? Yes No