# Create and customize the Registration Form

### Step 1: Create a registration form in the app:&#x20;

1. From the App admin page, click **Registration Form**
2. Click on the **Create new registration form** button > Select available template the app provides you

<figure><img src="/files/SCXuPQsnRaj4Tcbti8P5" alt=""><figcaption></figcaption></figure>

### Step 2: Start building the form with settings inside

1. **Elements:** This tab is used to set up **Header, Body and Footer** for the form.&#x20;

<figure><img src="/files/v9jmUeS0uHRfMhXM9AVT" alt=""><figcaption></figcaption></figure>

You can set up more fields for the form in this setting by clicking on the **Add elements** button.

#### **Steps to add more fields to form**&#x20;

* To add more elements, click on the **Add elements** button in section 1. The list of available elements will appear > Select the element that you want to add to the new form

<figure><img src="/files/SPEBv5HXycAFj49tyTJ0" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ptAZlTBBy6kmYNu0mKvJ" alt=""><figcaption></figcaption></figure>

* Click on the element, available properties setting for the element will be displayed

(Note: Available properties setting will correspond to a type of element)

Some general settings for elements as below:

(1) **Label** name

(2) Placeholder

**(3) Description**

**(4) Limit characters**

**(5) Hide label**

**(6) Required**

**7) Select icon**

**(8) Column width**

* Finally, click the **Save** button to update the form&#x20;
* You also can edit the **Header and Footer** of the form by clicking on each of them:

**Header:**&#x20;

<figure><img src="/files/SM3yq3TxBW4CdDEF0Srf" alt=""><figcaption></figcaption></figure>

**Footer:**&#x20;

<figure><img src="/files/76NqyO8W4MoCKMxJXnIb" alt=""><figcaption></figcaption></figure>

2. **Design the form:** Click on the **Appearance** tab to find the settings to change color, form size:

<figure><img src="/files/wHTUmwaXlC9imPVreeM2" alt=""><figcaption></figcaption></figure>

### **Step 3: Link the Registration Form to Shopify**

The purpose of this form is used to create a sign-up form for your customers, who want to become wholesalers. In order to make it works and the customer’s data can appear in the Shopify Customers folder, you have to integrate the form to Shopify. Please read [**this document**](https://docs.samita.io/samita-wholesale-b2b/registration-form/integrate-registration-form-with-shopify-customer-data) to know how to link the form to Shopify.

Once you do this step, the customers will receive an account activation email from Shopify after you approve receive and approve their registrations.

<figure><img src="/files/q9BJARy4HWeOm1xzvgZ0" alt=""><figcaption></figcaption></figure>

However, **the Registration form doesn’t replace the Shopify default login** so the customers who have registered to this form will still need to log in to your store again to complete the step and become the wholesale customers. The registration form works along with Shopify login page, in case your store doesn’t have the Login page, this form is meaningless.&#x20;

### **Step 4: Publish the Registration form in the front store.**&#x20;

To show the form in your front store, you need to use the app shortcode to manage this step. Please follow [**this guideline**](https://docs.samita.io/samita-wholesale-b2b/registration-form/add-samita-registration-form-to-a-page) to know how to do it.&#x20;

### Video tutorial

{% embed url="<https://www.youtube.com/watch?t=11s&v=_FW2nj4-I8Y>" %}

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.samita.io/samita-wholesale-b2b/registration-form/create-and-customize-the-registration-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
