VinoShipper Logo

WORDPRESS INTEGRATION


To integrate the Vinoshipper shopping cart into your existing WordPress site you will need to get the integration code.

Sign in to Your Account

Go to Account

Go to Integrations

  1. Click on Vinoshipper Injector.
  2. From here you will see three different sections. Injector Code, Product Sales, and Sign Up Form.
  3. 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. Once you have done this you will use the drop-down selector to select Self-Hosted, Other. 
  4. Click on the box in the bottom right-hand corner in the blue circle. This will copy that section of code to your clipboard.
  5. 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.
  6. Once you have done this make sure to hit the UPDATE FILE button.
  7. Now go back to the Vinoshipper Injection Code page.
  8. Scroll down to the section called "Product Sales". 
  9. Use the drop-down selector to choose either a list or card view. Once you have made your selection click on the box in the bottom right-hand corner in the blue circle
    This will be pasted directly onto the page where you would like the Vinoshipper shopping cart to appear.
  10. Return to your WordPress Editor.
  11. On the page that you would like to have the product list appear, add a block as custom HTML.
  12. Here you will paste the <div class="vs-product-list"></div> code.
  13. Once this is done make sure to click UPDATE in the top right-hand corner.
  14. For integrating the Sign Up Form follow the same directions. However, on the page where you would like the form to appear use <div class="vs-club-registration"></div>.
NOTE: If you integrate both your product list 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.