360 product spin in Facebook

Animated GIF, automatically generated for FacebookEasily embed 360 spins into your Facebook posts with this simple technique. Sirv automatically detects when a spin is being served to Facebook and generates a perfectly optimized animated GIF.

Try this example iPhone spin on the Sirv Facebook page.

Post engaging 360 degree animations of your products or any other type of animation such as video clips.

Embed your spin

Step 1 – Upload a sequence of images to your Sirv account and a spin file will be automatically generated (see how spin files are created). If you don’t already have a Sirv account, create an account here.

Step 2 – Copy the URL of the spin. You can get the URL by opening the spin in a new window (right-click on a spin file):

Embed 360 spin in Facebook - step 1

The URL will look something like this:

https://sirv.sirv.com/Examples/drill/drill.spin

Step 3 – Paste the URL of the spin into a Facebook post and write any text you wish to include in the post. It’s normal if Facebook does not show a preview of the animated GIF – the GIF will show as soon as you publish the post.

Embed 360 spin in Facebook - step 2

Step 4 – Publish your post and you’ll see a beautiful spinning animation in your Facebook activity feed.

Embed 360 spin in Facebook - step 3

Change the speed

You can control the rotation speed of an animated GIF with the autospinSpeed parameter of the spin. The default speed is 3600ms (3.6 seconds) to complete one rotation. To choose another speed, go to the Edit option for the .spin file, then go to Autospin mode. To make it faster, reduce the number of milliseconds. To make it slower, increase the number of milliseconds.

Change the speed of animated GIF

Size, frames and interactivity

Spins will be scaled to 500px width – the optimal size for showing high quality animated GIFs in Facebook.

GIFs will be generated with a maximum of 72 frames, ensuring a smooth animation without being excessively large in file size. If your spin has more frames, some will be dropped from the animation. If your spin has fewer than 72 frames, all will be used in the animation.

Clicking the bottom section of the GIF will link to the original URL of the interactive spin at sirv.com, where users can control the spin and enlarge it to full-screen.

Digital marketers often ask if it’s possible to embed a fully interactive Facebook 360 spin. An interactive spin – one that can be dragged in different directions to control the rotation – is not permitted by Facebook. Such interactivity requires JavaScript, which is blocked by Facebook for security reasons. The animated GIF approach described in this article is the best solution available for creating a Facebook 360 spin. The bonus is that users can click the spin to see the original, fully interactive spin at Sirv.

Was this article helpful?