Blog | WebRotate 360 | Page 8

WebRotate 360 - Quick Facebook Integration Guide v1.0

by WebRotate 360 September 03, 2012 16:57

Follow this simple guide to integrate WebRotate 360 Product Viewer into your Facebook pages. Once integrated, your Facebook visitors will be able to see extra tabs such as these ones on Pepsi's Facebook page. These tabs can be clicked on and expanded to show your 360 view presentations embedded inside your Facebook pages. It's important to understand that the Facebook tabs only allow embedding content that you host on your own or third-party servers.


Step 1 - Visit Facebook Developer page

Login in Facebook using your Facbook account, and visit this page: https://developers.facebook.com/apps


Step 2 - Create new Facebook App

Select Create New App in the top-left corner and give your new app a unique name. You can leave namespace field empty. Also for the purpose of this guide, we will use your own web hosting so you can skip on the Heroku hosting offer at this time.

Add 360 product spins to your Facebook pages

Select continue, enter the Security Check Requirements and then Submit your new application. Once loaded you will see the Settings page for your new application.


Step 3 - Configure Basic Information

Since this application will only be used on your own Facebook page, you can skip most of the information on the Basic Info tab and proceed directly to the Page Tab section as is.

Expand the Page Tab section located on the bottom of the Settings page. Give your tab a name and select an image that will show on your Facebook page once this tab is finalized. The image can be a nice 360 arrow graphic with your product or showcase. Set Page Tab Width to wide (810px) to give your interactive content more space inside the Facebook page.


Step 4 - Create You 360 Content

Create your 360 product spin using WebRotate 360 SpotEditor inlcuded in the free download and copy a published folder via FTP to your server. To learn more about SpotEditor, please refer to this video tutorial.

Note the location of the auto-generated html page created by SpotEditor and ftp'ed to your server and enter the URL to this html file on your server under Page Tab URL and Secure Page Tab URL under Page Tab section on the Settings screen (use https:// instead of http:// at the front of the URL secured URL).

If you don't have an SSL certificate configured on the server where you are hosting 360 degree product photos, the integration will still work for those visitors who don't have secured browsing enabled in Facebook, which is most of the Facebook users at this time. But you should consider configuring an SSL certificate to ensure this Facebook integration will work for everybody going forward.

Verify that the URLs point to your 360 degree spin and select Save Changes.


Step 5 - Add New Page Tab

Now that you have finished with the configuration of your Facebook Page Tab, you can use this URL below to add the new tab to your Facebook page. But first you will need to replace YOUR_APP_ID with the APP_ID that Facebook assigned to your application (you can see it in the image above under Step 3).

http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=http://www.facebook.com

Copy this URL and paste it into your browser and then select your Facebook page where you want to integrate the new tab. It should look like this:

 
Bookmark and Share

360 Viewer Support Forum Launched

by WebRotate 360 August 25, 2012 12:32

Just a quick announcements - our brand new viewer Support Forum is now live. It's frighteningly empty right now but we are determined to make this board one heck of a helpful resource for all of us involved in using and developing this 360 photo software. We hope that it will help gathering a wealth of information and various tips and tricks that otherwise go unnoticed or lost and can be a cause of frustration for those folks who are just starting with this technology.

We are ready to jump right in and make it work for you and share everything we know. Guest accounts are enabled, so don't hesitate to start a conversation!

Thanks to rmlowe for this great Flickr image of the Roman forum.

 
Bookmark and Share

SpotEditor Now Supports Mac - Download Beta

by WebRotate 360 August 17, 2012 14:13

The title pretty much says it all - finally after some delays and broken promises we have something to offer to our Mac users! It doesn't look like your usual slick Mac app yet (coming later), but it gets job done and that's what matters. So if you are a Mac user, you can now create 360 views quickly and efficiently with our SpotEditor for Mac (beta) and benefit from the variety of unique features for 360 product photography and 3D modeling / CGI that we offer in WebRotate 360 Product Viewer.

Download SpotEditor for Mac (beta)

There are two prerequisites that you will need before SpotEditor can run on Mac which the app will warn you about if they are not installed already:

1. X Windowing Layer (X11), which is often already installed on older Mac machines under Applications->Utilities or bundled with Mac Install DVD (and also required if you run apps such as GIMP, Matlab or OpenOffice for example) but may need to be downloaded and installed manually if you are running newer releases of Mac OS. The XQuartz project provides this free software and you can download the most recent version of X11 app on their website here.

2. Free Mono Framework build 2.10.9_12 that you can download from Mono website using this link. To learn more about Mono project, please visit this page.
 Now included with the main software download. Just go though the readme in the Mac download.

Simply unzip SpotEditor.app.zip on your desktop and you are ready to go (checkout this video that shows the software in action).

The very first run of SpotEditor may not be successful (due to a known issue with X11 on Mac) - simply run it one more time and it should be starting fine from now on.

We're looking forward to any feedback concerning this release as we want to ensure that Mac users have the tools they need.

WebRotate 360 product photography software for Mac

 
Bookmark and Share

Quick Tutorial - Creating 360 Views With WebRotate 360 SpotEditor

by WebRotate 360 August 16, 2012 17:09

There have been a few requests recently for a video tutorial for SpotEditor, and so we finally have our first video or rather a demo that shows SpotEditor v3 in action (switch to HD if you have enough bandwidth).

You can download the software on our 360 viewer download page.

 
Bookmark and Share

Cool Product Animation Sample From Carnegie Australia

by WebRotate 360 August 13, 2012 17:23

Another cool sample by folks at See 360 Degrees photo studio in Carnegie, Australia using our latest v3 release. It really shows how this technology can work even without object rotation - just click on the image below.

Btw, the upc
oming minor release will have a couple of settings designed specifically for this type of 360 degree product animations.

Another idea is to duplicate 360 degree photos used in this animation in reverse order and add them to the end of the original sequence - this will eliminate the abrupt ending of the animation at the end of the sequence - something we should probably add as an automated feature in our 360 photography software.

 
Bookmark and Share

Excellent example of using 3D CAD renderings by Gigabyte

by WebRotate 360 August 07, 2012 15:54

Here's one impressive 360 view or rather 3D view by Gigabyte of their new line of laptops - U2442N. It's running our older viewer v3 beta, but it features really stylish clean customization of controls that we surprisingly don't see too often out there (it's a really simple CSS change!). 3D rendering and hot-spots are also super cool. This again highlights how 3D CAD renderings can be successfully used in online product presentations in conjunction with the interactive capabilities that we offer in our 360 photo software. Click on the image below to see it in action. There are a few more 360 views of other nice laptops there to explore. Great job Gigabyte!

Example 3D product view popup with hotspots and zoom

 
Bookmark and Share

Discount Code for Thursday, July 26 - One-day 20% off

by WebRotate 360 July 25, 2012 12:33

Select Buy Now and Enter DSK20PRO to get $60 off on
WebRotate 360 Viewer PRO on Thursday, July 26th your local time.
Why get PRO now?

 
Bookmark and Share

WordPress Integration Beta is Now Available With WebRotate 360 Viewer

by WebRotate 360 July 23, 2012 14:03

This is just a quick announcement ahead of the official release of our first WordPress 360 Viewer Plugin. You can download the Beta module now! Or just click the image below.

 

[March 27, 2013 - New WordPress Integration for WebRotate 360 Product Viewer has been released. Visit this page for more information]

 


Follow these steps to install the plugin:

  • Unzip and copy the webrotate360 folder from the archive to your wordpress/wp-content/plugins folder.
  • Login to your wordpress admin and select Plugins on the left.
  • Navigate to the webrotate360 row in the Plugin view and select Activate.
  • Go to you page or post and you should see there a new section called WebRotate360 Configuration just below the page / post edit box.
  • Switch to HTML mode on the page / post edit box and choose the right location for your 360 view within your layout, and add an empty <div> element with the id being webrotate360, and then style the div accordingly (width, height, borders, etc). You can use the following sample for a quick test: <div id="webrotate360" style="width:600px; height: 450px; border: 1px dotted #cecfd2; position: static"></div>
  • Navigate to that WebRotate360 Configuration section below the post and enter a full URL path to webrotate360 viewer configuration XML file on your server that you would need to upload to your server by copying 360_assets folder that SpotEditor creates during publishing. The field looks as follows on our (local) server for a test 360 view: http://localhost:8080/wordpress/360_assets/sample/config.xml
  • Publish or update the post / page and the viewer should show up inside this div you added in the HTML view.


There's one limitation at the moment that is mainly applicable to posts (not pages) in that you can't have more than one 360 view at any time on the same page (like in the blog view with multiple full posts on the same page one after another).

Let us know if any questions or suggestions!

 
Bookmark and Share

Get Latest WebRotate 360 Product Viewer PRO On July 26th And Save $60

by WebRotate 360 July 15, 2012 21:27

We will be running a one-day promotion event on WebRotate 360 Product Viewer v3 PRO this Thursday, July 26th, offering a whopping 20% DISCOUNT! It is our first global one-day promotion and likely the last one in the next 12 months. This will be the last chance to jump on our full-featured PRO license with the hefty discount and before we make changes to our pricing.

Why full-featured PRO now?

Version 3 was a milestone release for us as we finally got to the point where we could support a solid zoom option and full hot-spot support without Flash. This opens up a lot of opportunities as to where we can move this technology further. And as we move it further, we want to make it available to more folks out there and our fixed PRO pricing didn't work well for everybody. 

Starting with the next release (3.1), we will be adding a new license level - PRO level I, which will costs noticeably less than our current $299 and will still include all functionality we have so far in v3. But it will miss some of the latest features that we are working on right now that we believe not everybody needs. This features include extended API, allowing your web developer to control the viewer externally, the ability to have multiple viewers on the same page and also the "full-screen" or rather full-browser window mode that will allow expanding the view to fit a browser window. PRO level II, which will be an equivalent of our current PRO license, will include all new enhancements but will be offered at a higher price than what it's today. So in short, by buying our full-featured PRO license now or rather on July 26th with the cool 20% discount, you're getting a free upgrade to PRO level II license and all cool features it will offer with the upcoming 3.1 release and going forward for at least one year.

So don't hesitate! "Like" us on Facebook or subscribe to our Newsletter (on the right) or Twitter to receive the discount code that we will distribute to our followers and subscribers shortly.

 

UPDATE: Select Buy Now and Enter DSK20PRO to get $60 off on WebRotate 360 Viewer PRO on Thursday, July 26th your local time.

If you already have our PRO or Enterprise license, this v3 upgrade and the upcoming full featured v3.1 upgrade is free.

 
Bookmark and Share

Nouvelle Renault Clio in 360 degrees powered by WebRotate 360

by WebRotate 360 July 08, 2012 22:33

Example 3D product spin with color configurator

We have just learned that our new product viewer v3 now powers multinational launch of Nouvelle Renault Clio on various localized Renault websites worldwide. The quality of Clio's 360 degree product spin is awesome - very clean and customized with great style. What makes it even more interesting is the cool animation that starts upon page load and which is entertaining on its own, practically eliminating any noticeable wait for the 360 images. Click on the image to see it in action or check it out here
 
It's really exciting to see companies such as Renault using our technology in their major product launches. Just a few weeks ago we reported another major car maker this time in India, Mahindra, launching 360 views of their new sleek XUV500, which is also a great demonstration of how a good designer can manipulate with our raw product and make it look really neat and in the same time achieve their marketing needs.

Another thought that comes to mind, while looking at these 360 degree spins is that our technology has a lot to offer to all things 3D. From 3D printing to booming 3D CAD models for various applications, our product viewer makes it possible to quickly create solid interactive annotated 3D presentations that can be shared over the net in a snap. And unlike 360 photography, where we're really limited in the ways we can approach a photo-shot, 3D product modeling / rendering gives virtually unlimited camera flexibility that can create really impressive presentations. For example, here's an interesting 3D view of a fibre optic gyro by CDL Inertial Engineering - link. Notice how we can now see the product rotating almost spherically while this is still one row of images inside our 360 degree spin viewer - this feels really fluid comparing to some of the 3D product views where it takes some practice to navigate a product spherically in full 3D with a mouse.
 
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, May 2017

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