How to create a Wholesale Buyer Registration Form?

Scenario

You want to create a form on the site that your wholesale buyers can fill to register themselves on your store.

Example

Steps

Create a custom form

Please follow these steps to create the form:

1. Go to Site > Forms section in StoreHippo Admin Panel to create a custom form.
2. Click on Add New button in the top right corner. 
3. Provide the Name as "wholsale_buyer_registration" fields and field label in the form as follows:
   
4. Enter all other required details in the form as explained in Creating a custom form topic. 
5. Click on save to store the information. 

Setup Notification

You might want to send a notification (Email/SMS) when somebody fills the form. You can configure a new Notification or use an existing one in the Settings tab and set it up to be sent when the form is filled. 

1. Go to the Settings tab of the form.
2. Select the Action as "Send Email".
3. Select the mail template from the existing notification templates.
4. Provide receiver email and attachment, if any.
5. Save the action and the form. 

Create a static page

1. Now, in order to show the form on Storefront, you need to embed the form in the page. 

   1. Go to Site >  Pages section in the StoreHippo Admin Panel.

   2. Add or edit page. 

   3. Go to the Content field to edit the content of the page. Provide the following code snippet in the Code Editor tab as shown below.

      <div ms-widget="ms.forms" ms-data-formname="wholsale_buyer_registration" ms-data-buttonname="Submit">
          <form name="wholsale_buyer_registration" ng-submit="submit()">
             <div ms-widget="ms.th3.form_layout1"></div>
          </form>
      </div>​

      

Add the page to the navigation

The final step is to provide the form on the header of the store to provide a quick link to your users. You can do that by adding new navigation. 

1. Go to Site > Navigations section in StoreHippo Admin panel.
2. Click on the "topheader" navigation.
   
3. Select Type as "Static Page", select the "Wholesale Buyer" page from the drop-down list for Link and Title as "Wholesaler Registration".
   
4. Save the Navigation.
5. The navigation for the Wholesaler Registration page will appear on the storefront as shown below:

Click here to know more about forms.