360 spin for Squarespace
Sirv makes it easy to add 360-degree spins to your Squarespace website.
Watch this guide to learn how simple it is to embed spins in Squarespace:
Follow these instructions to show beautiful spinning products with a stunning fullscreen option.
2. Navigate to the spin in your Sirv account:
3. Copy the sirv.js code shown underneath your spin:
4. Paste it into your Squarespace account by going to Settings > Advanced > Code injection > Header:
5. Click the “Save” button at the bottom of the Code Injection section. Now you can embed spins on any page of your Squarespace website.
6. Go to your Squarespace page where you want to add a 360 spin and click “+” or “Add Block”.
7. Then click the “Code” option:
8. Copy the div code shown underneath your spin:
9. Paste it into the Code block and click “Apply”:
10. Now you can preview your spin and interact with it:
To move the location of your spin, drag the code block anywhere else on your page.
Visit the Squarespace documentation page for more information about using the Code Block.
If you have questions about embedding 360-degree product spins in Squarespace web pages, get in touch via the contact form.