# 🧩 Set Up a Multi-Step Registration Form

Want a smoother, more professional experience for your wholesale customers? The **Multi-Step Form** breaks your registration process into manageable stages—so collecting business info feels easier and more trustworthy.

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

## 🚀 How to Create Your Multi-Step Form

1. **Enable Registration Form & Open the Editor**

* From your app dashboard, go to **Customer Management** and enable **Registration Form**.
* Navigate to **Configuration** and click **Create Form**.
* Choose a form template to start building.

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

2. **Organize Your Form into Steps**

* A multi-step form divides the registration process into multiple sections (or “steps”).
* You can add as many fields as needed in each step—such as company details, contact info, or tax documents.
* Give each step a clear **title** and **description** to guide customers through the process smoothly.

3. **Preview While You Build**

* Use the **Preview Panel** on the right to see exactly how your form will look and function as users progress through each step.

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

4. **Advanced Options & Controls**

* **Auto Tagging**: Automatically tag customers who register through this form (e.g., “Wholesale”).

<figure><img src="/files/zUjNMsz6FLZfbLVqIOBg" alt="" width="563"><figcaption></figcaption></figure>

* **Privacy Policy**: Add a consent checkbox or link to your privacy policy.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2FlSrK9pmTx7tC8JfvZyBF%2Fimage.png?alt=media&#x26;token=b9cd72ea-b946-439b-af7b-58b9f11822c5" alt="" width="563"><figcaption></figcaption></figure>

* **Email Notifications**: Configure email alerts so both you and your customers get registration confirmations, head to [Email configuration](https://app.gitbook.com/o/XV1urEfEBFpfKYaHAarY/s/GolQYRPH9iUGYatlTXwl/customer-management/registration-forms/manage-approve-and-notify-your-customers)​

<figure><img src="/files/eJtFGW3XFDwOLHV0C8B8" alt="" width="563"><figcaption></figcaption></figure>

* **Approval Rules**:
  * *Automatic Approval*: Instantly approve new customers upon submission.
  * *Manual Approval*: Review each application before granting access.
  * *Smart Auto-Approval*: Automatically approve users whose emails match specific criteria (e.g., business domains).

<figure><img src="/files/Zt184eRUyaQtafYGTRC4" alt="" width="563"><figcaption></figcaption></figure>

## ✅ Publish Your Form

Before your form goes live, make sure:

The **app embed block** is **enabled in your Shopify theme** to ensure proper display.

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

Add the registration form to your storefront using the **theme editor** or **app block**.

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

Once published, your customers can easily register through your **multi-step form**, and you’ll receive their submissions directly in the dashboard.

{% embed url="<https://drive.google.com/file/d/1hf-RjUTS0rFWt3ALUUXb7U7sAuL_v7y-/view?usp=sharing>" %}

And here is the result on the website

{% embed url="<https://drive.google.com/file/d/1p0L2hkmMbrBTo7Rj0tkxeBJ66h-S11Ok/view?usp=drive_link>" %}

{% hint style="info" %}
**Remember:** Customer must log in with 6-digit code to be able to fill in the registration form
{% endhint %}


---

# 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-shpf.bsscommerce.com/b2b-wholesale-solution/customer-management/registration-forms/set-up-a-multi-step-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.
