Installation

1. In your WordPress dashboard, go to Plugins → Add New Plugin and search for Softicon Model Viewer.
2. Click Install Now, then Activate.
3. Edit any page or post, click the + button, and add the 3D Model Viewer block.
4. Upload a GLB or glTF file, or choose one from the media library, and publish.

You can also upload the plugin folder to /wp-content/plugins/ and activate it on the Plugins screen.

How to use

1. Add the 3D Model Viewer block to a page or post.
2. Click Upload, Media Library or Insert from URL and choose your model.
3. In the block settings on the right, the General tab has Help (video tutorial and support), Model (alternative text and an optional poster image) and Interaction (rotate and zoom, automatic rotation, the drag hint, and the AR button).
4. On the Style tab, set the height under Size, the lighting style, brightness and shadow under Lighting, and a starting angle such as 35deg 78deg auto under Camera (or leave it empty).
5. To point out parts of the model, open Hotspots on the General tab, click Add hotspot, then click on the model where it goes, and give it a label and an optional text.
6. Publish. Visitors can now rotate and zoom the model, and open it in AR on their phone.

Add a 3D model to a WooCommerce product

1. Go to Products and edit a product.
2. In the Product data box, open the 3D model tab.
3. Click Choose model and pick a GLB or glTF file from the media library (or upload one).
4. Optionally click Choose image to add a poster that shows while the model loads, and untick View in your room if you do not want the AR button.
5. Click Update. A View in 3D button now shows under the product images.

To name parts of the product, click Add hotspot under the model preview in the same tab, click on the model where it goes, and type a label and an optional text.

To take the model off a product, click Remove in the 3D model tab and update the product. Its hotspots are removed with it, since they sit on that model.