Easy 3D Viewer Plugin

Simple WordPress/WooCommerce product 3D viewer.
Has a visual shortcode builder where you can upload the 3D model and adjust settings like color, background, reflection, light sources, shadows, etc. The shortcode can be pasted to any page or a post.
In the WooCommerce admin the plugin adds a new “Product model” box underneath “Product Image”.
Supported file types: STL, OBJ/MTL, GLTF/GLB (including textures and animation), ZIP.

Features

• Visual shortcode builder.
• WooCommerce integration.
• WooCommerce products have an option to keep the product image and show “View 3D” button
• Files supported: STL (bin,ascii), OBJ (including MTL support), GLTF (including textures and animations), WRL (PRO version), 3MF (PRO version), ZIP.
• Adjustable scene – background color, shadows, ground mirror.
• Adjustable model – color, shininess, transparency.
• Browser support: works best with WebGL enabled browsers.
• PRO version: WRL support, 3MF support.
• PRO version: Shortcodes support thumbnails.
• PRO version: Can have multiple 3D viewers on the same page (10 maximum).
• PRO version: Can convert models to PNG, animated GIF, WEBM video format to protect models from downloading or improve the customer experience on mobile.
• PRO version: Option to show a WEBM or a GIF instead of 3D model on mobile devices.
• PRO version: Model compression (for faster model loading)
• PRO version: Can load models from 3rd party sites with shortcodes.
• PRO version: Model repair feature (STL, OBJ).
• PRO version: Model polygon reduction feature (STL, OBJ).
• PRO version: Variable product support.

Demo

http://woo3dviewer.wp3dprinting.com/shortcode-test/

WordPress usage:

• Make sure you have “Load On” option set as “Everywhere” in General Settings
• In the admin navigate to Woo3DViewer page, Shortcode Builder tab
• Set model
• Click “Generate” button to generate the shortcode
• Paste the shortcode to any page or a post

WooCommerce usage:

• Make sure you have WooCommerce installed
• Create a new product or edit an existing one
• Underneath “Product Image” check “Product model” box
• Click “Set model” and upload your model
• Publish the product
• Now you can alter model settings (color, transparency, etc) in “Product model” box
• Save the product again
• If the model does not show up on the product page or you experience layout issues please go to Shortcode Builder and click “Product Shortcode”. In the popup window generate the shortcode having “Compatibility mode enabled”. Create a new page and paste the shortcode into the page body.

1. 

   Frontend

2. 

   Backend - general settings

3. 

   Backend - shortcode builder settings