Create a 360° view

1. Upload your photo sequence

Use photos of the same product taken from successive angles around a full circle. Keep the product in the same position and use the same image dimensions for every photo.

Give the files matching names with consecutive numbers, such as product_01.jpg, product_02.jpg and product_03.jpg. Upload the whole sequence together so the files share the same folder.

Resize and compress large photos before uploading to keep loading times short. More photos can make rotation smoother, but also increase the amount visitors need to download.

2. Select your first photo and configure the view

Once all photos are uploaded, select only the first photo in the sequence. Our online setup tool opens in a new tab with that photo's URL. Use it to set the filename pattern and number of photos so the viewer can load the remaining images.

Your photos must be publicly accessible for the online tool to show them. Photos on localhost or a password-protected website will not load there.

Check that every angle loads in the preview, then copy the generated shortcode: the text starting with [360-jsv and ending with ].

3. Add the view to WordPress

1. Return to WordPress and open the page or post you want to edit.
2. Click + Add block, search for Shortcode and add that block.
3. Paste the complete shortcode from the setup tool.
4. Preview the page and drag the product to check the rotation. Publish or update the page when you are happy with it.