The Wholesale Registration Form allows your B2B customers to create accounts, helping you manage wholesale access efficiently. Follow these steps to design and configure your form.
Step 1: Access the App
From your Shopify dashboard, go to the Apps section.
Click on ECA: B2B Wholesale to open the app.
Step 2: Navigate to Form Customization
In the app’s navigation menu, click on Form Customization.
Click the Add New Form button to start creating your registration form.
Step 3: General Form Settings
Configure the basic form appearance and labels:
Setting | Description | Example/Default |
Form Title | The main title displayed at the top of the form | Registration Form |
Button Text | Text displayed on the submit button | Submit |
Form Border Radius | Rounded corners for the form container | 15 px |
Input Border Radius | Rounded corners for each input field | 25 px |
Tip: Keep the form title clear and the button text action-oriented to guide customers effectively.
Step 4: Configure Form Fields
You can customize, reorder, and add fields as needed:
Drag and Drop: Rearrange fields to match your preferred order.
Add New Field: Click Add New Field to include additional inputs.
Field Type: Choose from Text, Email, Password, or other available types.
Label: Enter the field name (e.g., Name, Email, Remark).
Placeholder: Add placeholder text to guide input (e.g., “Enter your email”).
Field Width: Choose Full Width or customize width.
Required Field: Toggle on if the field must be filled in.
Step 5: Customize Colors
Make the form visually consistent with your store’s branding:
Header Colors
Header Background: Set background color (e.g., #2E74FF)
Header Text: Set text color (e.g., #FFFFFF)
Button Colors
Button Background: Set button color (e.g., #2E74FF)
Button Text: Set text color (e.g., #FFFFFF)
Form Colors
Form Background: Set form container color (e.g., #FFFFFF)
Label Color: Set field label color (e.g., #333333)
Input Colors
Input Background: Set input field color (e.g., #FAFAFA)
Input Border: Set border color (e.g., #DEDEDE)
Tip: Use contrasting colors for buttons and text to ensure accessibility and easy readability.
Step 6: Preview and Activate
Check the Form Preview panel to see how the form will appear to customers.
Make sure all fields, colors, and buttons appear as intended.
Once satisfied, Activate the form so it’s live for your wholesale customers.
Quick Check: Test the form by submitting a sample registration to ensure all fields and validations work correctly.
Best Practices
Keep the number of fields minimal to improve form completion rates.
Use clear labels and placeholders to guide users.
Ensure the submit button text reflects the action, like “Register” or “Sign Up.”
Preview on desktop and mobile to confirm responsiveness.