WordPress integration

On this page

• WordPress Plugin
• Injector code
• Product catalog
• Add to Cart button
• Club sign up form

WordPress Plugin

As an alternative to manually adding code to your Wordpress site, you can install our WordPress plugin. The plugin streamlines the setup process and manages updates automatically.

View WordPress plugin documentation

If you prefer to add code directly to your site instead, continue with the injector code instructions below.

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. Go to Account > Integrations.
2. Under Vinoshipper Tools click on Vinoshipper Injector.
3. Here you will see four different sections: Injector Code, Product Sales, Information Display and Sign Up Form.
4. 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. 
5. Click Copy Code. This will copy that section of code to your clipboard.
6. 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.
7. 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 on the Vinoshipper Injector page 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 Live Demo to see what it will look. Once you're happy with how it looks, click Copy Code.
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 code you copied in step 5.
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. Search for the product you would like to create an add to cart button for. Select the button layout and descriptor.
3. Once you have made your selection click Live Demo to see what it will look. Once you're happy with how it looks, click Copy Code. 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.
5. Repeat for each individual item.

Note: You will need to manually add the Add to Cart button to your site every time you create a new product.

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 Copy Code.
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 code copied in step 4.
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.