> For the complete documentation index, see [llms.txt](https://docs-shpf.bsscommerce.com/b2b-wholesale-solution/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-shpf.bsscommerce.com/b2b-wholesale-solution/customer-management/registration-forms/publish-your-wholesale-registration-form-to-your-storefront.md).

# Publish Your Wholesale Registration Form to Your Storefront

Show your registration form on your storefront with its own page, a shortcode or the Registration Form app block, then fine-tune it with Theme settings.

Once your wholesale registration form is ready, make it visible to potential B2B customers. Every form made with the version 2 editor already has **its own store page** and a **shortcode**. Use the **Registration Form app block** when you want the form on another page of your theme, such as the customer register page — no custom coding needed.

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

{% hint style="info" %}
Multi-step forms are published differently — inside Shopify customer accounts. See [Set Up a Multi-Step Registration Form](/b2b-wholesale-solution/customer-management/registration-forms/set-up-a-multi-step-registration-form.md).
{% endhint %}

## ✅ Steps to publish the form

### Step 1: Turn on Registration Forms

Go to **B2B customers › Registration Forms** and make sure the switch next to the **Registration Forms** title is **on**. Forms load on your store only while the module is on. Also set the form's **Status** to **Enable** (Basics step).

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-c4d94bb9bc49865b66552edcf15bbed6ff432504%2Fcms-rf-publish-01.png?alt=media" alt="Turn on the module and the app embed"><figcaption><p>Turn on the module and the app embed</p></figcaption></figure>

### Step 2: Turn on the app embed in your theme

If **Turn on app embed** shows under the title, click it. Otherwise go to your Shopify admin → **Online Store › Themes** → **Customize**, open **App embeds**, turn on **B2B Solution** and **Save**. The registration form loads only through the app embed.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fkd0GQ1dyvfwl9uZ4Lmib%2Fimage.png?alt=media&amp;token=4b9e2a7c-301f-4b7b-a463-237d005bfd5e" alt="" width="362"><figcaption></figcaption></figure>

{% hint style="info" %}
The app embed is set **per theme**. After you switch or duplicate a theme, turn it on again in the theme you publish.
{% endhint %}

### Step 3: Choose how the form appears

Open the form from the **Forms** tab and go to its **Publish** step.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-c3216ebca4d9e2ff65b446cc8ce0732eaaa3458a%2Fcms-rf-publish-02.png?alt=media" alt="Publish step options"><figcaption><p>Publish step options</p></figcaption></figure>

* **Your form is live** – the form is available at its page link (`https://your-store/pages/<handle>`). Use this link in a menu item or button. To replace Shopify's sign-up page, use the app block on the **Customer register** page instead.
* **Option 1: Embed via shortcode** – paste `<div id="bss-b2b-registration-form" form-id="ID"/>` into any page content.
* **Option 2: Add to any page** – use the app block:
  1. Under **Copy the form ID**, click the button with the form ID. The ID appears once the form is saved.
  2. Click the **app embed block settings** link. It opens your live theme on the customer register page; choose another page there if you want the form somewhere else.
  3. If the block isn't on the page yet, add the **Registration Form** block from B2B Solution to a section.
  4. Paste the ID into **Registration Form ID** and click **Save**.
  5. If you use the **Customer register** page, **hide Shopify's own registration block** so customers don't see two forms.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-80e9f8d9b00f4f816941e6e4e47870870e24c16d%2Fcms-rf-publish-block-01.png?alt=media" alt="Add the Registration Form block in the theme editor"><figcaption><p>Add the Registration Form block in the theme editor</p></figcaption></figure>

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-a8a091696d1deb2c3025b6de4461044888e62aee%2Fcms-rf-publish-block-02.png?alt=media" alt="Paste the form ID into Registration Form ID"><figcaption><p>Paste the form ID into Registration Form ID</p></figcaption></figure>

{% hint style="info" %}
The app block is optional. The page link and the shortcode work without it. Chat with us and our team will set the form up on your theme for free.
{% endhint %}

## 🎨 Theme settings

Go to **B2B customers › Registration Forms › More actions › Theme settings**. These options used to sit under the global **Settings** page and now live inside the Registration Forms module.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-7a06c4cc7bed58847264263faad827a046176407%2Fcms-rf-publish-03.png?alt=media" alt="Registration Forms theme settings"><figcaption><p>Registration Forms theme settings</p></figcaption></figure>

| Setting                     | Options                                                                                                 | What it does                                                                                               |
| --------------------------- | ------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| **Registration form notes** | **Add form field from customer's note to order's note** / **Don't add customer's note to order's note** | Controls whether the registration note is copied to the customer's orders.                                 |
| **Custom CSS**              | **Select form** dropdown + CSS box                                                                      | Pick a form, enter your CSS and save to change colors, widths or fonts beyond what the form editor offers. |

Click **Save** in the save bar to keep your changes.

## 🛠️ If the form isn't showing

Check these in order:

1. The **Registration Forms** switch is on.
2. **Turn on app embed** no longer shows under the title, and **B2B Solution** is on in the theme you publish.
3. The form's **Status** is **Enable**.
4. The form uses the **version 2** editor. For a version 1 form, open it, click **Switch to new version editor**, then save.
5. The page has the right form ID — the form page the app creates already contains the form; on any other page the shortcode or app block must carry the ID from the **Publish** step. Use **Preview form** to check how the form looks.
6. If the form shows in the theme editor preview but not on your live store, the embed or block was saved in a different theme than the live one. Open the live theme's editor, check both, and save.

Still blank? Some themes load pages in their own way — chat with us and our team will set it up for free.

{% hint style="info" %}
If you need further assistance, please feel free to reach us at [**support@bss-b2b.solutions**](mailto:support@bss-b2b.solutions) or [**Live Chat**](https://go.crisp.chat/chat/embed/?website_id=9f64b5a9-1a02-4190-93b8-8ef56b19f740).
{% endhint %}