# Babylon Viewer 3D Wordpress Plugin - Version 0.3 Major Update

**URL:** <https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004>\
**Category:** Demos and projects\
**Created:** [October 19, 2020, 1:48am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004 "2020-10-19T01:48:28Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [October 19, 2020, 1:48am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/1 "2020-10-19T01:48:28Z")

</div>

Thanks for your help!  
One year after [initial release](https://forum.babylonjs.com/t/babylon-js-3d-wordpress-plugin/5237) I am glad to introduce the version 0.3 of

## Babylon Viewer 3D Wordpress Plugin

**Display 3D models and 3D scenes** with the help of shortcode [babylon]URL-OF-3D-FILE[/babylon] to use the **3D Viewer in Wordpress posts and pages, Woocommerce products, Elementor blocks** etc.

**Supports GLTF, GLB, STL, OBJ+MTL** and **BABYLON** files upload and demonstration.

**Babylon Viewer 3D Wordpress Plugin** automatically **provides** a **default viewing experience for 3D models**. **All aspects** of this experience **are configurable**. See [Configuring Babylon.js Viewer](https://doc.babylonjs.com/extensions/configuring_the_viewer "Configuring Babylon.js Viewer") for more information on customizing the viewing experience.

If you need **more control** , you may use `<babylon></babylon>` tag in any Wordpress HTML block and **configure all needed parameters** (light, camera position, camera behaviour, rotating etc).

**Shortcode:** [babylon]URL-OF-3D-FILE[/babylon]. Supports external URLs.

**Demo** : [https://igiuk.com/babylon-3d-wordpress/](https://igiuk.com/babylon-3d-wordpress/)

## Installation and Usage

1. Standard WordPress plugin installation: go to Plugins → Add New – upload .zip file.  
**If you use older version of this plugin, first deactivate it and delete**. Plugin doesn’t contain any user data.
2. Activate the plugin.
3. **Upload** 3D file in **GLTF, GLB, STL, OBJ+MTL** or **BABYLON** format. If you upload OBJ file, make sure to upload corresponding MTL file too.  
**Or use external URL** - link to the 3D file.
4. **Publish** in **WordPress posts and pages, Woocommerce products, Elementor blocks** etc with the help of **shortcode** :  
[babylon]Url-Of-3D-File[/babylon]  
Make sure there are **no spaces** between URL and shortcode brackets[babylon] **URL** [/babylon].  
Video: [https://youtu.be/GNFNt2lGBYw](https://youtu.be/GNFNt2lGBYw)
5. Another option is to publish 3D files with the standard WordPress HTML block and have more ways to configure Babylon Viewer. You may adjust all needed parameters (light, camera position, camera behaviour, rotating etc), create our own Viewer template, change logo and link at navigation bar etc.

### Example

Just put it into standard **Wordpress HTML Gutenberg block** and publish (result is here - [https://igiuk.com/babylon-3d-wordpress/3d-examples/cornell-box/](https://igiuk.com/babylon-3d-wordpress/3d-examples/cornell-box/)):

```
            <babylon extends="minimal">
              <!-- Ground that receives shadows -->
              <ground receive-shadows="true"></ground>
              <!-- Default skybox
             <skybox></skybox>
             -->
                     <model url="https://models.babylonjs.com/CornellBox/cornellBox.glb">
                    </model>
              <!-- enable antialiasing -->
              <engine antialiasing="true"></engine>
              <!-- camera configuration -->
              <camera>
                <!-- add camera behaviors -->
                <behaviors>
                  <!-- enable default auto-rotate behavior -->
                  <auto-rotate type="0"></auto-rotate>
                  <!-- enable and configure the framing behavior -->
                  <framing type="2" zoom-on-bounding-info="true" zoom-stops-animation="false"></framing>
                  <!-- enable default bouncing behavior -->
                  <bouncing type="1"></bouncing>
                </behaviors>
              <position x="3" y="3" z="3"></position>
              </camera>
              <scene>
                <clear-color r="1" g="1" b="1"></clear-color>
              </scene>
            </babylon>

```

Read more about Babylon Viewer settings at [https://doc.babylonjs.com/extensions/configuring\_the\_viewer](https://doc.babylonjs.com/extensions/configuring_the_viewer)

**Video Demonstration** : [https://youtu.be/GNFNt2lGBYw](https://youtu.be/GNFNt2lGBYw)

[![](https://img.youtube.com/vi/GNFNt2lGBYw/maxresdefault.jpg "Easy Demonstration of 3D Models - Babylon.js Wordpress Plugin") ](https://www.youtube.com/watch?v=GNFNt2lGBYw)

**Wordpress Demo** : [https://igiuk.com/babylon-3d-wordpress/](https://igiuk.com/babylon-3d-wordpress/)

## Changelog

### Version 0.3 - Major update!

**Plugin name** changed to **Babylon Viewer 3D Wordpress Plugin** - to distinguish it from **Babylon JS 3D Wordpress Plugin** which is going to be published soon.

**Plugin code** is completely rewritten for better standards and compatibility in future.

Corrected: MIME file formats:

```
                $mimes['gltf'] = 'model/gltf+json';
                $mimes['glb'] = 'model/gltf-binary';
                $mimes['obj'] = 'model/obj';
                $mimes['mtl'] = 'model/mtl';
                $mimes['stl'] = 'model/stl';
                $mimes['babylon'] = 'model/babylon+json';

```

Download from GitHub - [https://github.com/eldinor/babylon-wordpress-plugin](https://github.com/eldinor/babylon-wordpress-plugin)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [October 19, 2020, 3:26pm UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/2 "2020-10-19T15:26:20Z")

</div>

YEAH!!! thanks a lot for your work!

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [October 21, 2020, 1:38pm UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/3 "2020-10-21T13:38:01Z")

</div>

I hope I will we able to create new section “Babylon CMS Integration” in How-To docs.

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [December 13, 2020, 11:05am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/4 "2020-12-13T11:05:41Z")

</div>

Added to the Documentation - [Babylon.js Wordpress Integration | Babylon.js Documentation](https://doc.babylonjs.com/extensions/babylonCMSIntegration/wordPress)

[#### Version 0.31 Changelog](https://github.com/eldinor/babylon-wordpress-plugin)  
Automatic Babylon Viewer script loading only when babylon shortcode or tag exist in post content.

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [February 13, 2022, 5:57pm UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/5 "2022-02-13T17:57:57Z")

</div>

Successfully tested with Wordpress 5.9.

---

<div class="post-metadata">

**Author:** ![Luca\_Scida](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/luca_scida/32/30906_2.png) [@Luca\_Scida](https://forum.babylonjs.com/u/Luca_Scida)\
**Post date:** [March 27, 2023, 7:37am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/6 "2023-03-27T07:37:01Z")

</div>

Viewer link it’s broken. New one is [https://doc.babylonjs.com/features/featuresDeepDive/babylonViewer/configuringViewer](https://doc.babylonjs.com/features/featuresDeepDive/babylonViewer/configuringViewer)

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [July 25, 2023, 2:29am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/7 "2023-07-25T02:29:24Z")

</div>

Successfully tested with Wordpress 6.2.2.

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [October 16, 2023, 12:31pm UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/8 "2023-10-16T12:31:12Z")

</div>

@labris I am creating a web site for my friend and he wants to display some of his products in 3D so I downloaded the BabylonJS Wodpress plugin and I’ve just found out that you are the author 🙂

Thanks buddy!

🖖

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [November 1, 2024, 10:46am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/9 "2024-11-01T10:46:26Z")

</div>

The new version of the Viewer v2 Wordpress plugin is announced here - [New Babylon Viewer v2 Wordpress 3D Plugin](https://forum.babylonjs.com/t/new-babylon-viewer-v2-wordpress-3d-plugin/54489)

Demo site and download - [Babylon Viewer v2 Wordpress 3D Plugin](https://viewer.babylonpress.org/)

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [November 1, 2024, 11:09am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/10 "2024-11-01T11:09:14Z")

</div>

> [@roland](#):
>
> I downloaded the BabylonJS Wodpress plugin and I’ve just found out that you are the author

And…aren’t you ashamed? 🤭  
He should be part of your family now, being a member of the ‘_Club of Seven_’ 😂

 ![98mspy](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/b/3/b366324d9009241be109c38719603a9c56c20c3e.jpeg)

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [November 1, 2024, 11:24am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/11 "2024-11-01T11:24:22Z")

</div>

Wait! 🤣 I don’t get the true message of this message 🤣

Trying to analyze it:

1. I downloaded a Wordpress plugin
2. I started to play with the settings
3. I found out that our friend @labris is the author
4. I thanked him for creating it and making my life easier so I can quickly get rid of another non-paid-could-you-just-have-a-look-at-it-and-tell-me-what-is-wrong-always-ending-by-foking-up-my-whole-day-job 🤪

Why should I be ashamed? 😛 Did I lost my sense of humor? Please shed some light on this one 😃

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [November 1, 2024, 11:28am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/12 "2024-11-01T11:28:47Z")

</div>

Don’t mind. It’s only because the WP plugin project has been on since… well, let me put it this way: Before greasedLine 😂 It’s nearly a ‘legacy project’ by now 😅 I thought you would have known (on the other hand, not everyone wants to work with WP… I don’t… sometimes, I’m forced to 😁)

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [November 1, 2024, 11:32am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/13 "2024-11-01T11:32:54Z")

</div>

> [@mawa](#):
>
> I thought you would have known (on the other hand, not everyone wants to work with WP… I don’t… sometimes, I’m forced to 😁)

That’s the case 🙂

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [November 1, 2024, 11:36am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/14 "2024-11-01T11:36:36Z")

</div>

> [@mawa](#):
>
> not everyone wants to work with WP

Still, WordPress powers more than 40% of all websites in the world (React less than 5%).

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [November 1, 2024, 11:39am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/15 "2024-11-01T11:39:09Z")

</div>

Yup. That was a really smart and nice move you did there (I guess I told you already) 😃

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [November 1, 2024, 11:39am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/16 "2024-11-01T11:39:56Z")

</div>

I must confess I envy your good mood. It’s sunny here, I’m working outside but let me tell you I’m depressed from not able to figure out why is my mqtt broker still sending an incorrect payload 😃

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/9/e/9e4675de2422a9a06f1b55f87ff970c2c4d4411f.jpeg)

🤣 🤣 🤣 🤣

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [November 1, 2024, 11:41am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/17 "2024-11-01T11:41:27Z")

</div>

dunno what to say… may be try ‘inside’ 😁 😂

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [November 1, 2024, 11:45am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/18 "2024-11-01T11:45:28Z")

</div>

@mawa [https://mosquitto.org/](https://mosquitto.org/)

[![](https://img.youtube.com/vi/mc5P_082bvY/maxresdefault.jpg "The WordPress ecosystem has lost its mind…") ](https://www.youtube.com/watch?v=mc5P_082bvY)

---

<div class="post-metadata">

**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\
**Post date:** [November 1, 2024, 11:49am UTC](https://forum.babylonjs.com/t/babylon-viewer-3d-wordpress-plugin-version-0-3-major-update/15004/19 "2024-11-01T11:49:40Z")

</div>

Again, don’t know what to say: I love the (v1) ‘robot speach’ explaining that things are ‘f\*\*ked’ … Does it make it more convincing? 🤔 Hum? not sure 🙄 😆