Embed 360 spins in PageFly

On this page

PageFly logoPageFly is a popular Shopify drag-and-drop editor, to easily build landing pages and product pages.

Take your Pagefly designs even further by adding 360 spins.

What is a 360 spin?

A 360 spin is a product which has been photographed from multiple angles. When the images are uploaded to Sirv, an interactive 360 spin is created. They're an excellent way to show your customers exactly what they're buying. Check out this 360 spin below:

The code is really simple - just the URL of your spin and the URL of the Sirv JS script:

<div class="Sirv" data-src="https://demo.sirv.com/rayban/rayban.spin"></div>
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script>

Adding a 360 degree spin is as easy as copying & pasting the Sirv spin code into your PageFly page. Here's how...

Add 360 spins to PageFly products

1. Go to Apps and search for 'PageFly':

Search apps for PageFly

2. Click Pages and then Product Pages:

Go to PageFly product page

3. Select the page you want to edit.

4. Click the area where the 360 spin should be added, then click 'Open Code Editor':

Open code editor

5. Paste the 360 spin code into the field, then click 'Save & Close'.

Paste spin code in PageFly

6. The spin will automatically scale to fit the available space on your screen. Alternatively, you can add width or height to the spin, in a style tag:

<div class="Sirv" data-src="https://demo.sirv.com/rayban/rayban.spin" style="width:600px; height:600px"></div>

Customize your spins

Quickly customize your spins using the Sirv Media Viewer generator page. Choose from more than 30 different spin options and then copy the code provided.

360 photography

If you'd like to have 360 spins but don't had the photos yet, check out the Sirv Experts directory. There's a list of recommended photographers around the world. Find one that suits you, then request a 360 photography quotation.

Support

Sirv experts are ready to help you configure Sirv on your Shopify store. If you have a Sirv account, please use your support contact form. If you don't yet have an account, create an account now or send questions via the general enquiries form.

Was this article helpful?

Array

Get help from a Sirv expert

help ukraine help ukraine Powered by Ukrainian determination and British ingenuity

How can you support Ukraine