WP Manifestindependent plugin directory
manifest / media / babylon-viewer-wordpress-plugin

Babylon Viewer v2 for WordPress

by Andrei Stepanov · github.com/eldinor/babylon-viewer-wordpress-plugin · website

★ 3stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/eldinor/babylon-viewer-wordpress-plugin/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/eldinor/babylon-viewer-wordpress-plugin ↗

Babylon Viewer v2 3D Wordpress 3D Plugin

Version 1.1.2

Successfully tested with Wordpress 6.6.2

Display 3D models with the help of shortcode:

[babylonviewer]URL-OF-3D-FILE[/babylonviewer]

to use the Babylon Viewer v2 in Wordpress posts and pages, Woocommerce products, Elementor blocks etc.

Supports GLTF, GLB, STL, OBJ+MTL files upload and demonstration as a viewing experience for 3D models. All aspects of this experience are configurable. If you need more control, you may use tag in any Wordpress HTML block and configure all needed parameters with JS.

Supports models from external URLs.

Doesn't write any data to WP database.

Shortcode:

[babylonviewer]URL-OF-3D-FILE[/babylonviewer].

Demo: https://viewer.babylonpress.org/

Installation and Usage

  1. Download the latest zip from Github repository.
  2. 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.
  3. Activate the plugin.
  4. Upload 3D file in GLTF, GLB, STL, OBJ+MTL format. If you upload OBJ file, make sure to upload corresponding MTL file too. Or use external URL - link to the 3D file.
  5. Publish in WordPress posts and pages, Woocommerce products, Elementor blocks etc with the help of shortcode: [babylonviewer]Url-Of-3D-File[/babylonviewer] Make sure there are no spaces between URL and shortcode brackets[babylonviewer]URL[/babylonviewer].
  6. 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 instance, change UI etc.

Shortcode Example

Just put it into standard Wordpress Shortcode Gutenberg block and publish:

[babylonviewer]https://playground.babylonjs.com/scenes/BoomBox.glb[/babylonviewer]

HTML Example

Just put it into standard Wordpress HTML Gutenberg block and publish:

<babylon-viewer source="https://playground.babylonjs.com/scenes/BoomBox.glb" environment="https://unpkg.com/@babylonjs/viewer@preview/assets/photoStudio.env"></babylon-viewer>

Read more about Babylon Viewer v2 settings at https://doc.babylonjs.com/features/featuresDeepDive/babylonViewer/

Viewer v2 Source - https://github.com/BabylonJS/Babylon.js/tree/master/packages/public/@babylonjs/viewer-alpha

Wordpress Demo: https://viewer.babylonpress.org/

Changelog

Version 1.0

Version number one.

Version 1.1

CDN link changed to jsdelivr.