On this page

Add injector code

IMPORTANT: The injector code must be added if you are going to use the product catalog, add to cart buttons, or club sign up form. It only has to be added one time, even if you are using both product catalog/add to cart buttons and the club sign up form.

  1. Sign in to Your Account.
  2. Go to "Account" - "Integrations".
  3. Under Vinoshipper Tools click on Vinoshipper Injector.
  4. Here you will see three different sections: Injector Code, Product Sales, and Sign Up Form.
  5. 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. 
  6. Click on the box in the bottom right-hand corner in the blue circle. This will copy that section of code to your clipboard.
  7. Navigate to your WordPress site. From the Dashboard view, you will go to "Appearance" > "Theme File Editor" > "Theme Footer". Scroll down to the bottom section and paste your copied code above the line /body.
  8. Once you have done this make sure to hit the "Update File" button.


Product Sales

Product Catalog

  1. Once the injector code has been added, scroll down to the section called "Product Sales". 
  2. Use the drop-down selector to choose either a list or cards layout type. You can also toggle the "Available In" widget on or off. Turning it off will allow you to add it separately from the product catalog. By default, it is included as that is the most popular option.
  3. Once you have made your selection click on the box in the bottom right-hand corner in the blue circle.
  4. Return to your WordPress Editor.
  5. On the page that you would like to have the product catalog appear, add a block as custom HTML.
  6. Here you will paste the <div class="vs-products"></div> code.
  7. Once this is done make sure to click "Update" in the top right corner.


Add to Cart

Use these instructions to use the "Add to Cart" button on your site. This is the best option if you would like full control of the design layout. You will choose between this and the product catalog, you do not need both.

  1. Once the injector code has been added to your website, scroll down to the section labeled "Add to Cart Button". 
  2. Use the drop-down selector to choose the product you would like to create an add to cart button for. Use the second drop-down selector to choose the product descriptor you would like to have for that button.
  3. Once you have made your selection click on the box in the bottom right-hand corner in the blue circle. This will copy that unique code for that specific products add to cart button to your clipboard.
  4. Paste this code wherever you would like the add to cart button on your website.


Club Sign Up Form

  1. Once the injector code has been added to your website, scroll down to the section labeled "Club Sign Up Form". 
  2. Click on the box in the bottom right corner in the blue circle. This will copy that unique code for that club sign up form to your clipboard.
  3. Return to your WordPress Editor.
  4. On the page that you would like to have the product catalog appear, add a block as custom HTML.
  5. Here you will paste the <div class="vs-club-registration"></div> code.
  6. Once this is done make sure to click "Update" in the top right corner.


NOTE: If you integrate both your product catalog and the sign up form onto the same website you will only have one set of the same code in the Footer section for both.


Getting Started Products Orders Customers Clubs Reports Help