How to add 3d Model Viewer in Wordpress

Easily display your 3D-models. Upload to media gallery, add shortcode - ready! Wordpress Tutorial

Noted That:

To install correctly this 3d-model-viewer.zip .
Fisrt Download the 3d-model-viewer.zip to your computer
Extract/Open 3d-model-viewer.zip to Your Computer.
Then, Find readme.txt file inside 3d-model-viewer.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

Step-1 : Download " 3d-model-viewer.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " 3d-model-viewer.zip " Downloaded plugin from your computer, Where you downloaded " 3d-model-viewer.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " 3d Model Viewer " folder is added on left Side Menu. Now, Click on " 3d Model Viewer " folder.

Noted that: If you do not see " 3d Model Viewer " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about 3d Model Viewer Configurations and Settings or How to work " 3d Model Viewer " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " 3D Model Viewer " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is 3D Model Viewer
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide
Install this plugin from the wordpress plugin directory as usual and activate it. Add the shortcode [3D], wherever you want your model to appear. Here are the arguments to this short code: model: name of the model file in the media gallery or full URL. Mandatory. Using OBJ/MTL? – Use the material option below to specify path to the mtl file. width, height: Size of the 3d stage. If in percent, then relative to the size of the div around the canvas. Optional, default is 500×300. background: Background color. Optional, default is “ffffff”. opacity: Background opacity. Optional, default is 1. ambient: Color of ambient light. Optional, default is “404040”. directional: Direction and color of directional light source. Optional, default is “1,1,1:ffffff” modelposition: Point of origin of the model. Optional, default is “0,0,0”. modelscale: Scale of the model. Optional, default is “1,1,1”. class: CSS class of div around canvas. Optional, no default. style: CSS style of div around canvas. Optional, no default. id: id of div around canvas. Optional, default is “stage”. fps: Number of animation frames per second. Optional, default is 30. material: URL of OBJ/MTL file. camera: Camera coordinates, default is 50,50,30. fov: Camera field-of-view in degrees. Default is 75. Example: [3D width=”600? height=”400? background=”436523? opacity=”0.5? model=”dummy1.dae” camera=”50,50,300? modelposition=”2,2,2? modelscale=”2,2,2? ambient=”BBBBBB” directional=”1,1,0:FFFF44? class=”3d” style=”float: right” id=”coffee” fps=20]

Guide

Install this plugin from the wordpress plugin directory as usual and activate it.
Add the shortcode [3D], wherever you want your model to appear.
Here are the arguments to this short code:

model: name of the model file in the media gallery or full URL. Mandatory. Using OBJ/MTL? – Use the material option below to specify path to the mtl file.
width, height: Size of the 3d stage. If in percent, then relative to the size of the div around the canvas. Optional, default is 500×300.
background: Background color. Optional, default is “ffffff”.
opacity: Background opacity. Optional, default is 1.
ambient: Color of ambient light. Optional, default is “404040”.
directional: Direction and color of directional light source. Optional, default is “1,1,1:ffffff”
modelposition: Point of origin of the model. Optional, default is “0,0,0”.
modelscale: Scale of the model. Optional, default is “1,1,1”.
class: CSS class of div around canvas. Optional, no default.
style: CSS style of div around canvas. Optional, no default.
id: id of div around canvas. Optional, default is “stage”.
fps: Number of animation frames per second. Optional, default is 30.
material: URL of OBJ/MTL file.
camera: Camera coordinates, default is 50,50,30.
fov: Camera field-of-view in degrees. Default is 75.

Example:

[3D width=”600? height=”400? background=”436523? opacity=”0.5? model=”dummy1.dae” camera=”50,50,300? modelposition=”2,2,2? modelscale=”2,2,2? ambient=”BBBBBB” directional=”1,1,0:FFFF44? class=”3d” style=”float: right” id=”coffee” fps=20]

Name
How to add Shokola Custom White Label in Wordpress
How to add Tab Me in Wordpress
How to add Eme Sync Facebook Events in Wordpress
How to add Slug As Body Class in Wordpress
How to add Wp Team List in Wordpress