Add a vendor profile page

Add vendor profile page

This guide will help you create a page on your website to display Vendor Profiles, allowing customers to shop by Vendor/Seller and view their description, products, and policies. With proper customization, these profiles can match your website's theme.

Create a Liquid Template for Vendor Profile

1. Access the Code Editor

  • From your Shopify Admin panel, go to `Online Store -> Actions -> Edit Code`

2. Create a New Template

  • Go to `Templates -> Add a new template`.
  • Select “Page” and name it, for example, “vendorProfile”.
  • Click on “Create template”.

3. Generate Template Code in Shipturtle

  • In the Shipturtle app, go to `Multi Vendor Settings -> Customize Website`.
  • Under "Add a Vendor Profile page", click "Generate Template code".
  • Copy the generated code and add a heading for the Vendor Profile page.
  • Select the information to display, such as "Location" if relevant to your customers.
  • Paste the code into the "vendorProfile" template and click "Save".

Create a Vendor Profile Page

  • Go to `Online Store -> Pages`.
  • Add a new page titled "Shop by Vendor" and leave the content blank.
  • Set the template for the page to "page.vendorProfile".
  • Click "Edit website SEO" and ensure the URL is `https://yourstore.myshopify.com/pages/seller-profile` (the "seller-profile" part is crucial for the page to load).

Add the Profile Page to the Website’s Navigation

  • Go to `Navigation -> Menu`.
  • Select the desired menu (e.g., "Main menu" or "Footer menu").
  • Click "Add menu item", name it (e.g., "Know your Vendors"), and link it to the "Shop by Vendor" page created earlier.
  • Click "Save".

Choose a Theme

  • Go to `Settings -> Multi Vendor Settings (Global) -> Customize Website.
  • Under "Choose Theme", select your preferred theme and click "Save".

Add Vendor Details

  • Go to `Vendors -> Edit Vendor`.
  • Add details under "Company settings" and "Vendor Profile" for each vendor.
  • Alternatively, enable vendors to edit their profiles via `Settings -> Multi Vendor Settings -> Customize Website.

Customize the Final Page

  • Customize the look and feel of the vendor profile page according to your brand. You can hire a web designer or contact us for minor tweaks.

Using the Customer Chat Feature

  • The “Contact Us” tab on each Vendor profile allows customers to message vendors directly.
  • These messages can be viewed by both you and the Vendor under the “Messages” menu in the app.
  • Vendors can reply directly to customers using this feature.

Edit Theme Code

  • This feature is available exclusively for Theme 1.
  • If using Theme 1, click the “Edit Theme Code” button to access the code editor.
  • Follow the instructions in the ‘Important Note’ section for a seamless customization process.
  • Use the ‘Edit Theme Template’ and ‘Edit Theme Style’ tabs to modify the structure and appearance of your page.
  • Collaborate with a developer for desired changes or contact us for assistance.

By following these steps, you can effectively create and customize Vendor Profiles on your Shopify website, providing a tailored shopping experience for your customers.