How to add 3d Model Viewer in Wordpress

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:

1. First Download "3d-model-viewer.zip" Plugin to your Local Computer. (Click Download)

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

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

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"

6. Now, Click on "Active Plugin"

7. Then, See left sidemenu. "3D Model Viewer" folder is added on left sidemenu. Now, Click on "3D Model Viewer" folder.

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

8. Now you configure yourself oR Watch video tutorial below about 3D Model Viewer Configurtions and Settings or How to work "3D Model Viewer" in your WordPress site.

After Activated Plugin According to Step-6 then,

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

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]