How to embed a share page
How To: Embed SmartVu™ into your website (via iFrame)
The embed page allows you to view your shared 3D content directly within your browser. Additionally, you can display an interactive version of your 3D models on your website using an iFrame-Element.
1. Accessing the embed page
Before you start please make sure you have followed these steps:
- In order to access the embed page for one of your SmartVu’s™, you will need to share it first. The share link should look something like this: https://share.vuframe.com/c7bf08c8.
- Open the SmartVu’s™ share page and simply add “/embed” to the URL, resulting in a URL like “https://share.vuframe.com/<share_code>/embed”.
- If your SmartVu™ contains a compatible 3D file, it will be displayed in an interactive viewer. This viewer can then be embedded within your own website by adding an Iframe-Element that links to this page.
- If your file is not displayed in an interactive viewer, please process it again in VUFRAME® Studio.
Copy these HTML tags and paste them on your website to embed your SmartVu™. Note that you will need to replace “<share_code>” with the share code of your SmartVu™ in order for these tags to work.
Example #1: Embed page with a solid pink background:
<iframe frameborder=0 src=”https://share.vuframe.com/<share_code>/embed?hide_bg=1&bg_color=FF00FF” />
Example #2: Embed page that automatically loads 3D content. The Vuframe watermark will not be shown (assuming the shared SmartVu is part of a business project):
<iframe frameborder=0 src=”https://share.vuframe.com/<share_code>/embed?autoplay=1&hide_watermark=1″ />
See how it looks @Vuframe: www.vuframe.com/features/iframe