Embed-SweetHome3D
·
Embed your SweetHome3D houses as interactive HTML5/WebGL models in your posts and pages, through a Gutenberg block or the [sh3d] shortcode.
This plugin lets you embed a house designed in SweetHome3D as an interactive HTML5/WebGL model, directly inside your WordPress posts and pages.
You can insert a model either with the SweetHome3D block in the block editor, or with the classic [sh3d] shortcode.
Features:
- Gutenberg block with a live preview and a model picker
[sh3d id=1]shortcode (fully backwards compatible with 1.0.x)- Configurable size (max width) and aspect ratio (4:3, 16:9, 3:2, 1:1)
- Optional auto-rotation and navigation panel
- Several models on the same page
- Uploaded archives are validated (a valid SweetHome3D model must contain a
Home.xmlentry)
How to use:
- In SweetHome3D, export your house with the Export to HTML5 plug-in (menu Tools -> Export to HTML5)
- Unzip the generated file. It contains a
lib/folder,viewHome.html,viewHomeInOverlay.htmland your_house.zip — that inner ZIP is the file you need - In your WordPress admin, open the SweetHome3D menu and upload
your_house.zip - Insert the SweetHome3D block, or copy the generated
[sh3d id=X]shortcode into your content
Disclaimer: This plugin is not part of the SweetHome3D project and is not affiliated with its developer(s).