WordPress.org

Ready to get started?Download WordPress

Plugin Directory

360 Product Viewer

Embed 360 product views and 360-degree panoramic views created with WebRotate 360 Product Viewer in your WordPress posts and pages.

Installation instructions

Please follow these simple steps to install the WordPress extension on your server:

  • Install WebRotate 360 Product Viewer for WordPress by either installing directly from your WordPress Admin area or download the module manually and copy unzipped webrotate360 folder into your wp-content/plugins.
  • Activate the module via the Plugins page in your WordPress Admin.
  • Upload your 360 views via ftp to your web server and note the location of xml configuration file(s) in the uploaded folder(s) as you will need it for the shortcodes as shown below. We also have supplied one test 360 product view that is located inside the plugin folder under 360_assets. To try this test view in your shortcode, you can use the following config path per the shortcode examples below: /your-wordpress-site/wp-content/plugins/webrotate-360-product-viewer/360_assets/sampleshoe/config.xml
  • Simply add the following shortcode inside your post or page where you would like to see the 360 view embedded, substituting name, width, height and config with your own values.

Example 1: [wr360embed name="yourviewname" width="100%" height="450px" config="/your-wordpress-site/360-assets/sampleshoe/config.xml"]

You can also add an extra shortcode parameter called basewidth and specify the original width of your embedded 360 product viewer (i.e., basewidth="620px"). So when your primary shortcode width parameter is relative (i.e 100% as in the example above), the basewidth setting will force the 360 product viewer to scale its height relative to your original viewer width (basewidth). If the basewidth parameter is not set, the viewer height is not scaled when it's embedded in a responsive layout environment.

Integrate via popup

Use the following shortcode to integrate via lightbox popup (replace name, width, height and config with your own values):

Example 2: [wr360popup name="yourviewname" width="620" height="450" config="/your-wordpress-site/360-assets/sampleshoe2/config.xml"]your thumbnail image or text[/wr360popup]

Popup gallery

If you need to show a gallery of your 360 views via a popup, add multiple wr360popup shortcodes for each of your 360 views with an extra parameter called gallery:

[wr360popup name="yourviewname1" gallery="true" width="620" height="450" config="/your-wordpress-site/360-assets/sampleshoe2/config.xml"]your thumbnail image or text[/wr360popup]

[wr360popup name="yourviewname2" gallery="true" width="400" height="400" config="/your-wordpress-site/360-assets/sampleshoe3/config.xml"]your thumbnail image or text[/wr360popup]

Requires: 3.0.0 or higher
Compatible up to: 3.8.3
Last Updated: 2014-5-19
Downloads: 5,059

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2
0,1,0
100,1,1