New WebRotate 360 Product Viewer 3.5 Build (3.5.1.376 Beta) Is Available for Download

by WebRotate 360 April 10, 2014 13:08

We have uploaded a new build for both Windows and Mac. If you are using the PRO version, please re-download and reinstall using the PRO download links you received from us previously.

What's new in this build:

  • [+] Added new publishing template for mobile-friendly full browser page 360-degree viewing.
  • [+] Added new publishing template for presenting multiple 360 product views on the same page.
  • [+] Added vertical swipe support on touch devices to allow vertical swipe gestures for improved page scrolling.
  • [+] Added two new hot-spot settings: (1) Hide hot-spots on viewer load (2) Hide hot-spots on zoom.
  • [+] Improved image panning when zoomed in inside the viewer. Now follows precise image dimensions.
  • [+] Fixed background color in full-screen. Now full-screen has the same background color as configured.
  • [!] Fixed touch handling on Windows Phone 8.
  • [!] Fixed local Internet Explorer handling. Now can publish and preview in IE locally on your desktop.
  • [!] Fixed PNG publishing in SpotEditor (Mac). It was broken with the latest Mac OS X 10.9.x release.
  • [!] Fixed SpotEditor (Win) that didn't work correctly with decimal numbers in hot-spot positions, etc on international versions of the OS (those with "," as a decimal point).

 

If you have the previous 3.5 beta of our desktop software (SpotEditor) installed, please uninstall it first or simply move the app to Trash on Mac. Then use this link below to install the new update.

Project and configuration files are backwards compatible so your older 3.5 projects should open and work fine. PS: you don't need to reinstall X11 or Mono if using Mac - just copy SpotEditor app to your Applications or Desktop.

DOWNLOAD 3.5 BETA

Bookmark and Share

Quick Overview of New Features in WebRotate 360 SpotEditor v3.5

by WebRotate 360 March 11, 2014 11:50

Last week we released our stable beta of WebRotate 360 SpotEditor v3.5 for both Windows and Mac OS X that you can download below. The cornerstone of this major release is an introduction of a complete 360-degree image editing and publishing workflow that eliminates the need for third-party tools and other intermediate steps that were absolutely necessary in the previous versions of our software.


PRO version of this release is also available and can be requested via support at webrotate360 dot com if you have purchased either PRO or Enterprise license before.

In this post we will go through the list of our key new features that were released so far in this stable release of WebRotate 360 SpotEditor v3.5 (beta). Please note that we strongly encourage everybody who is installing our software for the first time to jump to this beta release right away. It's a robust release with a brand-new publishing workflow that can save a lot of time and many folks are already using it in the field. Not to mention the actual WebRotate 360 Product Viewer v3.5 that is included with this release has been integrated in most of our eCommerce and CMS plugins for more than 6 months now and the feedback has been only positive.


SIMPLIFIED IMAGE IMPORT AND PROJECT COPY


SpotEditor v3.5 has all required tools to efficiently resize and crop your 360-degree images so the New Project dialog in v3.5 has just a single field where you can enter path to your image folder. These can be the images that you have already produced (resized, cropped, optimized, etc) or the ones that came straight out of your camera. The software can now automatically create low-resolution and high-resolution images if specified on Publish (described below). We also added a project copy tool where you can enter an existing WebRotate 360 project to copy settings and hot-spots from during the creation of a new project. This can be a life-saver when working on a large number of uniform products (shoes, bags, etc).

Simple import of 360-degree images



INSTANT NON-DESTRUCTIVE 360 DEGREE PREVIEW


Our new 360-degree viewer preview mode (which is on by default) instantly renders all images to show you how the images will look and perform inside a web browser once your 360 product view is published. You can turn this preview mode on and off but it's usually very convenient to have it on to see the actual image presentation as your go through various image editing steps inside the software. For example, you can quickly update your 360 viewer dimensions after you adjust image crop area and see everything applied immediately inside the preview.

Non-destructive 360-degree image preview


SMART CROP-RESIZE

In SpotEditor v3.5 we came up with the first of its kind smart crop / resize tool designed specifically for publishing 360 product views. Our new crop function consists of four sliders, one for each side of a 360-degree view. You can drag horizontal or vertical sliders either locked to shift the crop area left and right or top and bottom proportionally, or unlocked to add or remove some crop space on either side of the images. The crop is applied to all 360-degree images immediately and doesn't affect the originals, so you can rotate your images inside the preview right away and see if any part of your product got clipped away or if the product view got shifted too far left or right when viewed from the back for example.

Smart tools for cropping and resizing your product images


Our smart resize tool brings instant image resizing so you can adjust your 360 view zooming or the full-screen presentation just by moving a single resize slider to the left, i.e below 100% which is the size of your original imported images. When you start moving the slider, we automatically switch to the full-size / zoomed image presentation and you can simply click the Zoom-out button at the top to go back to the fitted preview mode. All 360-degree images inside the preview are immediately resized without affecting the originals so you can instantly verify that all images look right at the given resize level.

Resize all images at once via a simple slider


You can change either crop or image size or any other image editing setting at any time even after you save and re-open the project as all image rendering occurs on-the-fly and doesn't affect original (imported) images. It's also worth noting that hot-spots and watermarks can be easily added before crop and resize as we will scale and / or reposition them accordingly should you decide to change any of the settings that can affect image presentation.


INSTANT PHOTOGRAPHY FILTERS

Our new Filters tab has all your standard photography filters such as brightness, contrast, color balance, levels and sharpness. The beauty of these filters and pretty much any other edits you make in our software is that you can immediately preview their effect on all images.

Most often you would want to use Levels to adjust both your background fill and your image contrast but in addition to this we also added a handy background color helper tool that allows you to see the area of the images that is either white or non-white (or some other color you chose). If you click once on the background helper box, everything that is non-white will be highlighted in pink. And if you click there again, all parts of the images that are white will be now highlighted in pink. This helps a lot when you need to overexpose the highlights using Levels just enough to have most of the image background in white while maintaining a reasonable product exposure.

Photographic filters for 360 image publishing 

It's also possible to permanently apply all image filters to your original images via the Apply to source image(s) button. You can ether apply the filters to the current image or to all images in your 360 view at once if the Apply to all source images checkbox is selected. Being able to permanently apply the filters to your original images allows you to selectively fix certain images (color issues, low contrast, underexposed images, etc).

Even though normally you would NOT need to apply the filters to your originals so that there's a flexibility to adjust the filter settings later. The software will still apply all active filter edits to the outputed images on Publish.


CLIPPING PATH TOOLS

Changing output Levels may not always work when there's not enough contrast with your product background. Also, very often your 360 product images may have certain studio artifacts that will still remain on the images even after you cropped the images to your required viewer dimensions. Such artifacts may include fishing lines, stands, lightboxes, turntable, etc.

To help with this, we added Clipping Path Tools designed specifically with the 360-degree image editing workflow in mind. Simply start a new path, and circle around any part of your 360 view that has to be removed. You can apply your path only to those images that need it by hitting the chain icon or to all images in your 360 view at once using the icon with the chain sign and a plus. Often you would just circle your product around and simply hit the Inverse Path icon to clip away all surrounding areas at once as shown in the screenshot below.

Simple clipping path tools designed for 360 views


Note that you can add more than one path selection to a single path or create more than one path consisting of its own multiple selections as needed. You can also lock any finished path such that it doesn't move accidentally when you drag the image with your mouse. It's also easier to work with the Clipping Path tools when the preview mode is off and the images are presented in full view using the Zoom-in button at the top.


IMAGE WATERMARKING

There are two types of image watermarking that were introduced in this release: (1) Text watermarks that you can quickly create using your own wording and then adjust various styles and orientation (2) Image watermarks that you prepare upfront and which you can then add using the Image Watermarks section at the bottom. To delete an existing watermark, simply select it with your mouse and press the delete key on your keyboard. You can also lock all watermarks at once to prevent them from any accidental movement or hide them all together for the final delivery to your client.


Two types of image watermarking

 

BTW: here's how this tennis paddle was photographed - link.


NEW HOT-SPOT RENDERING MODE

We now have three hot-spot rendering modes in v3.5: (1) Rotating hot-spot indicator with the hover-over popup centered on top of the indicator (2) Rotating indicator with the hover-over popup presented in a fixed position (3) Hot-spot content that is rendered in a fixed position right away and which doesn't involve any moving indicators. The second one is a new rendering mode that was introduced in v3.5. When it's selected, the actual hot-spot popup is rendered in a fixed position anywhere inside your 360 view as specified using the popup positioning controls on the same tab as shown below. This is very handy when you don't want your hot-spot rollovers (popups) to block the product area around the hot-spot indicators.


Extra hot-spot rendering mode



HOT-SPOT INDICATOR LIBRARY

Previously it was quite difficult to customize your hot-spot indicators and almost impossible to maintain them across your WebRotate 360 projects. Now you can simply add any custom shapes you designed for your 360 views into our global hot-spot indicator library and then select them anywhere on demand. The Indicator Selection form where this is now managed can be accessed by clicking inside the white-colored area under the Indicator Graphic section on the Edit Spot form (see the screenshot above).

Maintain a hot-spot indicator library


ADVANCED WEB PUBLISHING AND TEMPLATES

One of our main goals with v3.5 was to make publishing process complete and simple. The Publish form in v3.5 now allows creating multiple FTP connections and use them to upload either full 360 views (with scripts and sample html) of just image assets (images plus config that can be used with our plugins) to your FTP right away on Publish. And if you have more than one web browser installed, it's now also possible to preview your published 360 product views either online, if an FTP connection was selected, or offline inside a browser of your choice. Please note that browser selection is limited to Safari on Mac OS X.


Using the Create extra set... checkbox it's possible to automatically create and integrate two sets of images into your 360 views. First set consists of small fitted images that load immediately on page load. The second set has high-resolution ones that load on demand when user hits zoom or full-screen. Small fitted images are auto-resized on publish such that they fit into your specified viewer dimensions exactly. This makes initial viewer loading very fast and at the same time the images look sharp as we are not relying on a low-quality image resizing by a browser in this case. If the checkbox is not set, a 360 view is published with just a single set of images. This makes initial viewer loading slower but produces immediate high-quality zooming or full-screen presentation when a user hits the full-screen button.

Complete 360 image publishing with FTP and templates


In SpotEditor v3.5 we also added a selection of pre-made integration templates which can greatly simplify any further integration with your website pages (please note that we also have several free plugins for popular CMS and eCommerce platforms as well) :

  • Standard which is our basic integration template that was available previously.
  • Responsive that is used to create a fully responsive 360 views that can scale both horizontally and vertically inside your responsive website layouts.
  • Full-screen only which activates a 360 view in the full-screen mode right away on click or tap somewhere on your web page.
  • Full page mobile.
  • Multiple embedded 360 views on the same page.
  • Lightbox popup (not available in the current build).
  • 360 view gallery (not available in the current build).
  • API template (not available in the current build).



PROJECT FILES

We have finally introduced WebRotate 360 project file where we store all project environment settings, filters, watermarks, etc. Previously there was just a single 360 product viewer configuration xml file that served both as a project file and as an actual 360 viewer configuration that you would upload to your web server. In SpotEditor v3.5 a dedicated project file (.wr360) is used to open / save your projects.



NEW 360 PRODUCT VIEWER FEATURES BUNDLED WITH THIS RELEASE

As always, WebRotate 360 SpotEditor is bundled with our popular 360 product viewer script engine which is integrated in all of our free plugins such as WordPress, Magento, Prestashop, OpenCart, etc. Each time you publish a 360 view via SpotEditor, the 360 viewer script is activated inside a sample web page that the software creates on publish to work seamlessly with your edited images. So we with this new release we made sure that all recent script features (that hundreds of our users confirmed were stable) were also packaged in this SpotEditor installation:

  • Full-screen viewer function.
  • Fully responsive viewer script (scales vertically and horizontally with hot-spots, etc).
  • New hot-spot rendering mode with a fixed popup position (see above).
  • Can be used as a jQuery plugin.
  • Multiple 360 product views on the same page.
  • Rotation inertia or gradual slowdown on image drag / release.
  • New viewer rotation mode that works on mouse hover vs mouse drag.
  • Improved support for various mobile browsers and touch events.
  • Anti-flicker system for large 360-degree image rendering.
  • Out-of-the-box integration in Magento, BigCommerce, OpenCart, PrestaShop and WordPress.




PS: there are several other important features that we couldn't release in this drop yet.

 

PRO version of this release is also available and can be requested via support at webrotate360 dot com if you have purchased either PRO or Enterprise license before.

 

Bookmark and Share

How We Started With 360 Product Photography

by WebRotate 360 February 25, 2014 16:14

If you haven't seen our recent short post on PhotoGear 360 about how it all started when we bought our first 360 product photography turntable and a lighting kit, click here.

That's about the time when it became clear that there was a lack of a solid out-of-the-box software solution that we could simply package with the 360 photography we kept producing for our clients. Most were mediocre and heavy Flash viewers that required a lot of efforts to configure and integrate and their support was often an issue.

That's how a combination of WebRotate 360 Product Viewer and our desktop authoring tool SpotEditor was born.

And this is what distinguishes WebRotate 360 software developed by us in house in Pasadena, CA - we spent endless hours shooting commercial 360 product images for several years and probably the same amount of time helping our clients integrate the results of our work to understand what exactly it takes to achieve professional results.


Bookmark and Share

Patch for Firefox 27 Rotation Locking Issue in WebRotate 360 Product Viewer 3.5 Beta

by WebRotate 360 February 05, 2014 11:09


We didn't plan to write a new post until we could offer you to download our new SpotEditor 3.5 but things have changed yesterday when we found out that the latest Firefox release (version 27) that came out yesterday, Feb 4th, 2014 broke 360 image rotation in all of our products that run the 3.5 beta script. With this Firefox update, the image rotation would lock up after you drag 360 images just for a few moments.

The 3.5 beta script is packaged with all our recent plugins including Magento, OpenCart, BigCommerce, WordPress as well as our Sharing script. If you are using our Prestashop add-in it's unlikely that you have 3.5 beta as we didn't have a chance to update it to 3.5 beta (though we did help some of you to install 3.5 beta script in Prestashop).

The place where Firefox 27 broke 360 image rotation was identified and it had to do with our special Firefox targeted functionality that eliminates image flicker during rotation when using larger images. It's a tricky piece of code that relies heavily on image events and it seems that Firefox 27 introduced a regression in that department.

We spent some time yesterday and cooked up a good solution that still keeps our flicker prevention module working as designed while addressing the issue with Firefox 27. All our downloads, plugins, etc that utilize 3.5 beta have been successfully updated yesterday and today and were re-tested everywhere.

If you have previously installed either of these, please download our 3.5 patch below and replace imagerotator.js included in the zip in your webserver installation under the imagerotator folder wherever it happens to be on your server (if you're not sure where it is, please let us know):

  • 3.5 beta limited update
  • Magento integration 3.5.x
  • WordPress integration 2.0
  • Any WebRotate 360 OpenCart integration
  • Any WebRotate 360 BigCommerce integration

 

Or to make it simple, if you see inertia effect when dragging / releasing 360 images where rotation gradually slows down on release, or if you have a working full-screen feature, it's 3.5 beta. For the techy types, you can fire up your browser console (e.g firebug, etc) and see the 360 viewer version on page re-load inside the console.


Download patch »


If you are using our PRO script with Full-screen support, please contact us directly to get updated PRO-enabled 3.5 script.

 

Bookmark and Share

Complete 360 Degree Image Editing Workflow With WebRotate 360 SpotEditor v3.5

by WebRotate 360 January 19, 2014 11:46

Check out this new preview video of our latest version of WebRotate 360 SpotEditor v3.5. In this video we show just part of the new functionality related to our unique 360-degree image editing workflow designed specifically with the 360 product photography in mind. It includes our exclusive smart crop and resize tools, one of a kind background helper removal tool, immediate batch image preview and editing, quick path tools and more.

Using these fine-tuned tools, neatly assembled in one lightweight package will allow you processing your raw JPG images to create finalized 360 product views with a pure white background, including watermarks, interactive hot-spots published straight to your FTP in just a few mouse clicks:





It's not yet released, but please don't hesitate to request a beta (some of the features shown in the video are only available with our PRO license so please send us a confirmation of your PRO license purchase so that we could send you a full beta as shown in the video) or just subscribe to our newsletter that you can find in the right column of this blog to be first to know when this release is finally out!

 

[March 07, 2014 - You can now download this Beta release for Windows and Mac OS X on our main download page under DOWNLOAD LATEST BETA 3.5]


Other features being finalized for this release:

  • New hot-spot indicator library tool to allow adding your custom hot-spot image indicators with ease.
  • Video hot-spots.
  • Hot-spots that activate on click vs hover.
  • Image rotation and pan with mouse hover.
  • Image labels to allow jumping / playing to referenced labels.
  • New hot-spot actions with the ability to control 360 viewer functions such as zoom or playback as well as navigating to linked 360 views.
  • Extensive API
  • A set of pre-made publishing templates such as responsive design template, mobile template, API template, popup / lightbox template, gallery template.
  • Custom mouse cursors and more.

Bookmark and Share

How We Photographed 360 Views of Scubapro Fins

by WebRotate 360 January 14, 2014 12:17

There's a new blog post on our Photogear 360 blog with some interesting bits on how we accomplished a 360 product photography project for SCUBAPRO a couple of years ago which involved a few diving fins in a suspended 360-degree motion. Check it out by following this link or just click on the image below.

We will keep sharing more details on how we approach 360 product photography in own commercial photography projects on the Photogear 360 blog while this blog will be used mostly for more technical details pertaining to our WebRotate 360 Product Viewer software and related topics.

Please let us know if you would be interested in making a guest blog post here or Photogear360.com/blog about your experience with 360 degree product photography. Just use one of the emails on this page to get in touch.

Bookmark and Share

How WebRotate Support for CDN and Master Config Actually Works

by WebRotate 360 December 10, 2013 13:02

In this post we will quickly go through a specific WebRotate 360 Product Viewer PRO feature that seem to bring most questions or is just plainly not used as it's considered to be too complicated or not documented well enough.



In short, the CDN support which we had in the core 360 product viewer for a long time allows you to store your 360 product images on an external server or a commercial Content Delivery Network such as Amazon S3 / CloudFront or Rackspace Cloud Files (there are many more!). There are several reasons why you would want to host stuff on CDN, but for your average ecommerce application this is done to speed up website loading through various file downloads as CDN providers usually have their content servers distributed geographically. Or in simple terms, these servers are often much closer to your web visitors and often have higher bandwidth than the one where your actual website is hosted. Another possible reason for using CDN / external image hosting is for 360 product photographers to keep all their photography work on their own server(s) such that they can manage the images for their clients as needed.

So let's start with a quick example.. Let's say you have your own website where you are planing to show a lot of 360 product spins and let's call it MyWebsite.com. Now imagine you have another server (or CDN) by the name of ImageServer.com where 360 images will be hosted for one reason or another. A simple rule with this setup / feature is that only the actual 360 images are stored on ImageServer.com, i.e 360 viewer config xml, scripts, css and the license all have to be hosted on MyWebsite.com.

So here's how this might look in terms of file location:

MyWebsite.com

    - yourviewerfolder
           + imagerotator
              license.lic  
              config.xml

ImageServer.com

    - 360_assets

            - product1
                   - images
                         image01.jpg
                         image02.jpg
                         ...
                         image20.jpg

            - product2
                   - images
                         image01.jpg
                         image02.jpg
                         ...
                         image20.jpg


Now let's imagine that there're two webpages named product1.html and product2.html located somewhere on MyWebsite.com with an integrated webrotate 360 viewer. Here's what you would need to note when looking into the source of both files:


These script includes are the same for both product1.html and product2.html:

<link href="/yourviewerfolder/imagerotator/html/css/basic.css" .../> 
<script src="/
yourviewerfolder/imagerotator/html/js/jquery-1.8.3.min.js" ...></script>
<script src="/
yourviewerfolder/imagerotator/html/js/imagerotator.js" ...></script>


product1.html:

<script language="javascript" type="text/javascript"> 

_imageRotator.settings.configFileURL  = "/yourviewerfolder/config.xml";
_imageRotator.settings.graphicsPath  = "/
yourviewerfolder/imagerotator/html/img/basic";
_imageRotator.settings.rootPath       = "http:/ImageServer.com/360_assets/product1/";

...

_imageRotator.runImageRotator("wr360PlayerId");


</script>


product2.html:

<script language="javascript" type="text/javascript"> 

_imageRotator.settings.configFileURL  = "/yourviewerfolder/config.xml";
_imageRotator.settings.graphicsPath  = "/
yourviewerfolder/imagerotator/html/img/basic";
_imageRotator.settings.rootPath       = "http:/ImageServer.com/360_assets/product2/";

...

_imageRotator.runImageRotator("wr360PlayerId");


</script>


As you can see, we're referencing all scripts and xml from the same MyWebsite.com location where these pages are hosted (the preceding forward slash ie /yourviewerfolder just makes the path relative to the root of MyWebsite.com). Also in this setup we decided to reference a single (master) config.xml that we keep under yourviewerfolder folder on MyWebsite.com as well. This allows us to save all that time and efforts creating a bunch of webrotate xml configurations for all our products as we're using here just a single configuration xml and it's the same one that will be loaded for all our products!

Note that we don't have to do that but it surely helps with ecommerce setups with hundreds or thousands of 360 product views. With the master config you can now manage 360 viewer settings for all your products from one place. The only limitation is that since you are using one xml for all your 360 product views, the number of images under each product folder on ImageServer.com and their file names would have to be exactly the same. Lets see why this is a requirement.

Here's how your images are usually specified in your viewer config xml (SpotEditor tool will always use the relative path for all images inside the xml):

        <image src="images/image01.jpg" />
        <image src="images/image02.jpg" />
        ....
        <image src="images/image20.jpg" />


When we load this xml, the 360 viewer first checks for the rootPath parameter (which in our sample with product1.html is http:/ImageServer.com/360_assets/product1/) and what it simply does, if rootPath is available, is appending the relative image path from xml to the rootPath as configured, ie:

        http:/ImageServer.com/360_assets/product1/images/image01.jpg


And so everything works for all products as long as the image names and their count in that master (single) config xml match your uploaded image folders on ImageServer.com. Note that you can still use rootPath even if you're not using CDN or an external server - just point it (rootPath) to the 360 image folders on your main website ftp to utilize the same benefits of the single master config xml file.

This might sound a bit complicated so some of our ecommerce plugins have this setup pre-configured and all you need to do is to upload your images on your CDN (e.g ImageServer.com) and reference your single Master Config in the module settings as well as the rootPath field for each product as per your 360 image folder setup. This is currently supported out-of-the-box in Magento, OpenCart, PrestaShop and WordPress modules. The first three have a dedicated field for both Master Config and Root Path (please refer to corresponding module or add-on notes to see where these fields are configured) while our WordPress plugin has an extra short-code parameter called rootpath which you can point to your CDN / external server as per above.

PS: of course, the other option is to host your complete 360 views on an external server / CDN by just uploading SpotEditor output as-is and allow your clients embedding your product html pages (that have nothing else but 360 views) via iFrame. This has its own limitations and benefits (the full-screen function wouldn't work, for example). You can read more about our script that helps with the iFrame sharing in this post.

 

Bookmark and Share

How to Shoot Scooters in 360 Degrees by See 360 Degrees

by WebRotate 360 October 16, 2013 13:53

Check out our latest guest blog post on PhotoGear360.com by Bary Daly, an Australian product photographer n Melbourne and our friend. In this post Bary talks about small 360 scooter photography he did for one of his clients. It's pretty informative with a photo of his studio setup and can be used as a simple guide for shooting larger items in 360.


Bary’s set up and his manual DIY 360 photography turntable (which is similar to ours) are good examples of how 360 product photography can be done professionally while staying on a budget. Read the full post here or visit his 360 photography studio on the web.

Bookmark and Share

How Group Delphi Uses WebRotate 360 For Their Interactive 3D Animations

by WebRotate 360 October 01, 2013 12:25

Here's an interesting use of WebRotate 360 Product Viewer that was kindly shared with us by Group Delphi.

And here's what they had to say:
"Group Delphi worked with WebRotate 360 to create a touchscreen demo at an industry tradeshow showcasing several industrial motors. 3D CAD models were animated to show the exploded views with pop up details as well as rotations of individual parts. After the show it was so well liked the client wanted it packaged as a self running PC app for sales to use on laptops. Finally it was also made into an internal iPad app for sales to take on the road."

 

PS: Some of the functionality used by Group Delphi in this project was made possible by recent additions and fixes in our 3.5 Beta that you can download here.

Bookmark and Share

Host 360 Product Views for Your Clients or Yourself

by WebRotate 360 September 03, 2013 16:03

Here’s a cool new utility for all of our users. Imagine you can have your own hosting service for your 360 product photography and let your clients use your 360 product views by simply pasting a simple YouTube style sharing code onto their pages. Now this becomes possible thanks to a simple sharing script from WebRotate 360 that you can upload online in addition to the actual 360 views like you would usually do with our software.

Checkout this great sample by VIVA Sanitary in UK who use this tool to let resellers show off their innovative bathroom products in a gorgeous 360 degree rotation. Note the small download arrow under the 360 view on the right. If you click on it, there’s the sharing code that can be used on any website to load exactly the same 360 view from VIVA’s website in the same way you would embed a YouTube video on your own webpage.

Here’s the scoop:

  • Download this new WebRotate 360 Sharing script (as of Sept 04, 2013 it uses our latest stable WebRotate 360 Product Viewer 3.5 beta).
  • Unzip and upload everything somewhere on your hosting server (via FTP for example).
  • Note the location of the file called clientpage.html in the upload and load it in your web browser (i.e. from your web server where it was just uploaded).
  • You will see the usual WebRotate 360 sample shoe – this is pretty much it!


What you are looking at is a test page with nothing else but the sharing (embed) code. It looks like this:


<iframe src="viewloader.html?sku=sampleshoe&wd=500&ht=500" width="500" height="500" frameBorder="0" scrolling="no"></iframe>


Right now this page is still located on your hosting web server / FTP (it’s just a sample) - to actually give this code to your clients to use on their own web pages, all you need to do is change viewloader.html to include the full URL to this file on your hosting server so it would look something like this:


<iframe src="http://yourhostingsite.com/viewloader.html?sku=sampleshoe&wd=500&ht=500" width="500" height="500" frameBorder="0" scrolling="no"></iframe>


Then just replace sampleshoe with the name of a folder that you will upload under sharedviews for each of your 360 views –  what you upload there under sharedviews is exactly the same single folder that is created on publish via SpotEditor under 360_assets (check this video for more details about publishing and output folder structure).

You can change width and height to the dimensions of the 360 viewing box that your client will prefer to see on their page or even let them play with these dimensions on their own - the 360 view will re-scale automatically! Most webmasters will immediately understand what’s going on and appreciate the simplicity of this simple embed code.

Done. Now you can be your own hosting service for your clients.


PS: there’re still some manual steps involved but it’s a good start for being in command of your 360 product images. You can simply organize your folders per client / project on your FTP or via a cloud service of your choice (Google Storage, Amazon S3 / CloudFront, Rackspace, or even Google Drive or Dropbox, and there're many others). We are also considering to release a standalone management console that will allow you to manage your shared views in a more automated fashion. Also updated SpotEditor 3.5 with uploading capabilities compatible with one or more of the favorite cloud hosting providers and most FTPs is on its way..

And here's some more related resources if your good ol' shared or dedicated web hosting / FTP is not enough (note that Amazon S3 + CloudFront is probably the best choice right now if you want to offer professional e-commerce hosting service for large or small clients around the world, while services like Dropbox or Google Drive can be used very easily for simple sharing of your own 360 demos, presentations without any extra 3rd party web hosting service):

 

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.


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

Back to WebRotate360.com »

Free 360 Product Viewer

Browse 360 photography equipment on photogear360

Find us on Facebook

Newsletter, March 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

Our Latest Video

Follow on Twitter