On this page
Squarespace 7.1
Add the Injector Code
- Sign into your Vinoshipper account.
- Go to "Account" > "Integrations".
- Under "Vinoshipper Tools", click "Vinoshipper Injector".
- Here you will see three different sections: Injector Code, Product Sales, and Sign Up Form.
- 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.
- Click on the box in the bottom right corner in the blue circle. This will copy that section of code to your clipboard.
- Now you will want to navigate to your Squarespace page.
- Go to "Website" and select "Pages", scroll down and select "Website Tools".
- Select "Code Injection".
- Navigate to the "Footer" section and paste the portion of code you copied in step #5.
Add the Product Catalog
- Go back to the Vinoshipper Injector page within your Vinoshipper account.
- Scroll down to "Product Sales".
- Use the drop-down selector to choose either a list or cards layout type. Click the "Live Demo" button to see what your catalog will look like.
- Use the toggle to decide if you want to include the list of available states. You can add the "Available In" code separately if you wish. By default it is included in the product catalog as that is the most popular choice.
- Once you have made your selections, click on the copy icon in the blue box in the bottom right corner of the Product Catalog box.
- Go back to your Squarespace site and navigate to the page yo would like to place your product catalog.
- Click "Edit" and "+ Add Block".
- Choose "Code". Then click the pencil button to edit the code block.
- Paste the code you copied in step #14. You may also want to stretch the width of the code block to fill the width of the site.
- Click "Save" in the top left corner. You will now see the cart icon on the right and the product catalog on the page you just edited.
Add the Club Sign Up Form
- Follow the steps 10-19 above but instead of using the Product Catalog code, scroll down and use "Sign Up Form" code.
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 of Squarespace for both.
Squarespace 7.0
Add the Injector Code
- Sign into your Vinoshipper account.
- Go to "Account" > "Integrations".
- Under "Vinoshipper Tools", click "Vinoshipper Injector".
- Here you will see three different sections: Injector Code, Product Sales, and Sign Up Form.
- 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.
- Click on the box in the bottom right corner in the blue circle. This will copy that section of code to your clipboard.
- Go to "Settings" > "Developer Tools" > "Code Injection" > "Footer".
- In the "Footer" section and paste the portion of code you copied in step #5.
Add the Product Catalog
- Now go back to Vinoshipper Injection Code page.
- Scroll down to the section called "Product Sales".
- Use the drop-down selector to choose either a list or cards layout type. 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 product catalog to appear. 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.
- Click the (+) button to add a new section and select </> Code.
- Paste the copied code here.
- Click "Done" in the top left corner of the screen and you should the see your product catalog and Vinoshipper shopping cart on the right-hand side of the screen.
Add the Club Sign Up Form
- Follow the steps 8-13 above but instead of using the Product Catalog code, scroll down and use "Sign Up Form" code.
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 of Squarespace for both.
