xpay✦ Commerce
Directory
WooCommerce plugins
3D Viewer – glb/gltf Viewer by WPSE
3D Viewer – glb/gltf Viewer by WPSE
Embed and interact with 3D models in your WordPress content using a block, shortcode, or custom post type.
Will this break my store?
What the WordPress.org registry says about keeping 3D Viewer – glb/gltf Viewer by WPSE running.
Tested to 6.8.6 — 2 branches behind 7.0
A branch or two behind — normal for a plugin between releases.10 months ago
At least 1.2 releases a year since launch. WordPress.org only lists versions still available for download, so the real number may be higher.7.4
Your host must be running at least this version.5.8
1
A single maintainer. Worth knowing if the plugin is load-bearing for your store.Maintenance & trust
Scored on how 3D Viewer – glb/gltf Viewer by WPSE is looked after — not on how many stores run it.
Maintenance
26 / 35WordPress compatibility
14 / 20Support responsiveness
Not enough dataMerchant satisfaction
Not enough dataListing transparency
10 / 10Ratings
No one has rated this plugin on WordPress.org yet. That is a statement about the ratings page, not about the plugin — plenty of well-kept plugins never collect them.
Advanced 3D Viewer allowing you to easily embed and interact with 3D models in your posts, pages, and custom content. Whether you’re an architect showcasing building designs, a product designer displaying prototypes, an educator creating interactive learning materials, or a 3D artist sharing your work, this plugin provides a seamless way to bring your 3D model to life on the web.
Work as
- gltf viewer
- glb viewer
Features:
- Gutenberg block for easy embedding of 3D models
- Shortcode support for use in classic editor or text widgets
- Custom post type for managing 3D model viewers
- Support for multiple 3D file formats including glTF, glb
- Customizable viewer size, background color, and alignment
- Optional auto-rotation and camera controls
- Poster image support for faster loading
- Responsive design for optimal viewing on all devices
- Built with modern web technologies for fast and smooth performance
Source Code Availability
To comply with WordPress.org guidelines and ensure transparency, we provide access to the uncompressed source code of our JavaScript files. This is important for the review process and for users who wish to examine or modify the code.
Accessing the Source Code
The uncompressed JavaScript source files are available in the src folder of our plugin repository. You can find these files at:
Included in the src folder as well.
We utilized an open-source library for model viewing: https://github.com/google/model-viewer
Support
For support inquiries, please visit our support forum or contact us at wordpress@wpshopifyexpert.com.
Contribute
If you’d like to contribute to the development of this plugin, visit our GitHub repository.
The plugin supports various 3D file formats including glTF, glb
Yes, you can customize the width, height, background color, alignment, and more using the block settings or shortcode attributes.
You can use the shortcode [a3dmv_model_viewer] with various attributes to customize the 3D model viewer. Here’s a detailed explanation of all available attributes:
[a3dmv_model_viewer id=”123″ model_url=”https://example.com/model.gltf” poster_url=”https://example.com/poster.jpg” alignment=”center” auto_rotate=”true” loading=”lazy” mouse_interaction=”true” bg_color=”#ffffff” width=”800″ height=”600″]
Shortcode Attributes:
- id: (optional) The ID of a previously created 3D Model Viewer post. If provided, it will use the settings from that post.
- model_url: (required if id is not provided) The URL of your 3D model file.
- poster_url: (optional) The URL of an image to display while the 3D model is loading.
- alignment: (optional) Set the alignment of the viewer. Options: ‘left’, ‘center’, ‘right’. Default: ‘left’.
- align: (optional) Alternative attribute for alignment. Uses the same options as ‘alignment’.
- auto_rotate: (optional) Enable or disable auto-rotation of the model. Options: ‘true’, ‘false’. Default: ‘false’.
- loading: (optional) Set the loading behavior. Options: ‘auto’, ‘lazy’, ‘eager’. Default: ‘eager’.
- mouse_interaction: (optional) Enable or disable mouse interaction (camera controls). Options: ‘true’, ‘false’. Default: ‘true’.
- bg_color: (optional) Set the background color of the viewer. Use color hex codes or color names. Default: ‘transparent’.
- width: (optional) Set the width of the viewer in pixels. Default: 600.
- height: (optional) Set the height of the viewer in pixels. Default: 400.
Example with minimal attributes:
[a3dmv_model_viewer model_url=”https://example.com/model.gltf”]
Example with all attributes:
[a3dmv_model_viewer model_url=”https://example.com/model.gltf” poster_url=”https://example.com/poster.jpg” alignment=”center” auto_rotate=”true” loading=”lazy” mouse_interaction=”true” bg_color=”#f0f0f0″ width=”1000″ height=”800″]
Categories
Plugin details
Tags on WordPress.org
