Add a vendor registration page
Allow vendors to register on your website.
To attract vendors to your Shopify Marketplace, create a registration page. This article provides a basic guide, which you can customize as needed. Once a vendor submits a request, it will be sent to your Shipturtle application for approval.
Creating a Liquid Template for Vendor Registration
1. Access the Code Editor
- From your Shopify Admin panel, navigate to `Online Store -> Actions -> Edit Code`.
2. Create a New Template
- Go to `Templates -> Add a new template`.
- Select "Page" and name it (e.g., "registerVendor").
- Click on "Create template".
3. Generate Template Code in Shipturtle
- In the Shipturtle app, go to `Settings > Multi Vendor Settings > Customize Website`.
- Under "Add a Vendor Registration page", click "Generate Template code".
- Copy the generated code.
4. Optional: Create a Thank You Page
- Create a simple “Thank You for Registering” page on your website to redirect vendors upon submission.
- Enter the link to this page in the "URL to redirect when vendor is registered" box.
5. Insert the Template Code
- Paste the copied code into the "registerVendor" template.
- Click "Save".
6. Add Additional Script
- Paste the following code in the appropriate line in the "registerVendor" file:
<script src="{{'countries-states.js'| asset_url }}" defer></script>
7. Create countries-states.js File
In the Assets directory, create a new file named `countries-states.js`.
8. Populate countries-states.js File
- Download the .txt file from the "Generate Template Code" pop-up in the Shipturtle app.
- Copy the code from the .txt file and paste it into the `countries-states.js` file you created.
By following these steps, you will have a functional vendor registration page on your Shopify Marketplace, integrated with the Shipturtle app for approval processing.
Creating a Vendor Registration Page
1. Create the Vendor Registration Page
- Go to `Online Store -> Pages`.
- Add a new page titled "Sell with us" (or any name you prefer).
- Leave the Content blank.
- Set the template for the page to "page.registerVendor" (the template created earlier).
2. Add the Vendor Listing Page to the Website’s Navigation
- Go to `Navigation -> Menu`.
- Select the menu where you want to place the Vendor listing page (e.g., "Main menu" or "Footer menu").
- Click on the desired menu.
- Click "Add menu item", name it (e.g., "Sell with us"), and link it to the "Sell with us" page created in Step 1.
- Click "Save".
3. Match the Registration Page Format to Your Theme
- If the format does not match your theme or looks poorly formatted, hire a developer to make modifications. This typically takes only a few hours.
A quick tip: Access the plain Liquid code file from your Shopify Admin panel by going to `Online Store -> Actions -> Edit Code`. Your developer will need to add a CSS file and apply it to the code.
4. Add Custom Fields to the Form
- Type the desired code in the appropriate position of the .liquid file you created.
- Adjust the text as needed (refer to the provided screenshot for guidance).
- This additional field will be displayed in the ‘Notes’ field in the Shipturtle app.