How To Add Facebook Likes To Your 360 Product View | WebRotate 360 Blog

WINTER HOLIDAY SALE! 18th AND 19th OF DECEMBER ONLY. SAVE $90 ON WEBROTATE 360 PRODUCT VIEWER PRO v3.5 LEARN MORE »

How To Add Facebook Likes To Your 360 Product View

by WebRotate 360 June 06, 2013 11:34

Did you know it's possible to add Facebook Likes to your 360 product view using our 360 photography software? In this quick tutorial we'll show you how it can be done in a few simple steps. You would use a similar approach for other social plugins or similar static and interactive elements:

1. Go to https://developers.facebook.com/docs/reference/plugins/like/ and generate your Like code. Uncheck Send button as you will need to use the iFrame integration not the XFBML for this test.

 

2. Copy the script code on the iFrame tab as shown below. Note the // in front of www.facebook... and replace the two forward slashes with http://

 

3. Go to SpotEditor and create a new Fixed hot-spot.

 

4. On the Text Content tab, check As HTML markup and type in a container for your Like button like this (change height and width as needed as it's just a sample container and can be anything):

<div style="display:block;height:100px;width:100px;"></div>.

 

5. Insert your iFrame script inside the div between > and <div>

 

6. Click Preview in browser to see if it looks as intended.

 

7. Position the hot-spot as you like via X Y coordinates or the grid with margins on the Hotspot tab (see above).

Here's what we got in our quick local test:

 

Add facebook likes to your 360 product spins


Bookmark and Share

Powered by BlogEngine.NET 2.0.0.36
Theme by Mads Kristensen | Modified by Mooglegiant

About this Blog

WebRotate 360 are specialists in interactive e-commerce solutions, web and software development for Internet retailers, product manufacturers, and marketing agencies.

We're a team of great individuals who bring our commitment, passion and skills to help you showcase your products online.


Follow on Twitter  Follow on Facebook  Join us on Google plus  Follow on YouTube  Subscribe to this blog  

Back to WebRotate360.com »

360 Photography Articles

Browse our 360 product photography articles and tutorials

Find us on Facebook

Newsletter, November 2014

WebRotate 360 spin newsletter

Newsletter Signup

Subscribe to our regular newsletter updates and keep current with WebRotate 360 news, including our latest tips and tricks, new equipment guides, promotions, coupons, product releases and more.

Featured Product

Browse 360 photography equipment on photogear360

DIY 360 Photography Turntable

Our Latest Video

360 Product Viewer PRO

Download our 360 product photography software

Follow on Twitter