Log in to Your Account

Go to Integrations

  1. Go to Account - Integrations.
  2. Choose Vinoshipper Injector.

Get Code

From here you will see three different sections. Injector Code, Product Sales, and Sign Up Form.


Integrate the Injector Code

  1. Start by adding the Injector Code to your website.
  2. Select the Theme you would like to have from the drop-down selector tool. If you have a website with a darker background enable dark mode using the toggle. 
  3. Click on the box in the bottom right-hand corner in the blue circle. This will copy that section of code to your clipboard.
  4. Navigate to your Shopify website.
  5. On the left side of the screen, you will have the navigation bar. Select the Online Store and go to Themes.
  6. Towards the middle of the page, you will see a drop-down menu called Actions. Click here and click on the edit code.
  7. You will see many different Layouts and Templates. Navigate to theme.liquid.
  8. Once you have this selected scroll down to the very bottom portion. Paste that portion of code you copied from the Vinoshipper website. Place this code above the /body and /html tags that are at the very bottom.
  9. Click Save.


Add Product Catalog

  1. Navigate back to the Vinoshipper website and scroll down to the "Product Catalog" section. Use the drop-down selector to choose the type of layout you'd like to have a list or a cards view. Click the blue button on the right side to copy it to your clipboard. You can also select here a toggle to separate the "Available In" widget from the rest of the product catalog if you'd like to add that somewhere else. By default, it is included as that is the most popular option.

  2. Go back to your Shopify hosted webpage.
  3. Select the Online Store from the left-hand side and select Pages.
  4. Choose the page where you would like to have the Vinoshipper product list appear. This will bring you to the page's editor.
    Example: Below they chose to place this on the page named "Test Product Catalog".

  5. Click on the button that looks like this <>. If you hover over it, it says "Show HTML".

  6. Paste the portion of code that looks like <div class="vs-products"></div>.

  7. Save the page.

When you view that page now you will see your product catalog appear on that webpage.


Wine Club Sign Up

To embed the Wine Club Sign Up Form follow the same directions but on the page where you want the form to appear paste <div class="vs-club-registration"></div> into the page editor.

NOTE: If you integrate your Product Catalog and the Club Sign Up Form onto the same website you will only have one set of the same code in the theme.liquid section. Do not add multiples of the Injector Code to the theme.liquid section of your website.


Getting Started Products Orders Customers Clubs Reports Help