What is Embed?

Embed lets you place a fully interactive Teleport viewer on your own website or webpage. Viewers can explore your capture where it already lives (e.g., your product page or portfolio) without leaving your website. A small “powered by Teleport” watermark appears in the bottom-right; clicking it opens the original Teleport capture page with all standard tools and sharing options.

If you require reduced / no branding, contact us at teleport@varjo.com.

Availability: Embed is available on Teleport Pro and higher tiers.

Overview

With Embed, the Teleport viewer sits directly inside your web page. A small “powered by Teleport” watermark appears in the bottom‑right; clicking it opens the capture on Teleport with the full toolset (viewing and sharing options included). 

The embedded viewer automatically detects the visitor’s device and browser and serves the optimal model + renderer (HD vs. SD; WebGPU vs. WebGL) for the best experience and performance.

How it works

You can generate the embed code from any capture you own:

1. Open your capture from teleport.varjo.com/captures/.
2. Click ;Share Capture; button (or) the 'More' button in the bottom‑right.
3. Under the video preview, click ‘Embed’.
4. (Optional) Configure the embed:
   1. Start from current view - Start the viewer from the exact camera position you’re currently seeing.
   2. Include Tours - Include your Virtual Tour (if the capture has one) so viewers can step through your guided waypoints.
5. Click ‘Copy embed code to clipboard’.
6. Paste the code into your website where you’d like the viewer to appear.

Note: If you’re on the free tier or your subscription has expired, the ‘Embed’ option and its settings will not be visible.

Example Embed

Most site builders and CMS platforms let you paste raw HTML into a block or component. Here’s what a typical embed looks like (your code will include your capture’s unique embed URL and selected parameters):

<!-- Teleport Embed Example -->

<iframe 
	style='border: none; width: 100%; height: 100%;' 
	src='https://teleport.varjo.com/share/embed/2d0c9e7455904b8e85d438a69e24be32'>
</iframe>

Tips

• For responsive layouts, keep the container’s width:100%; height:100%.
• Your copied snippet may include additional parameters reflecting your selections (e.g., start view, tours).
• Feel free to customize further attributes for a more custom iframe look. 

Inactive Subscription

If the Teleport Pro subscription lapses after you’ve embedded a capture, the embed is deactivated and displays:

“This 3D capture is unavailable”

“The author’s Teleport subscription is no longer active.”

A link will redirect viewers back to the Teleport home page. Restoring an active subscription re‑enables the embed automatically.

Test before publishing

Want to validate the code first? Paste your <iframe> into any online HTML tester such as the W3Schools iframe Try‑It Editor: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe and confirm it loads as expected.

For additional support, reach out to the Teleport Team via our Discord (#teleport_support) or email teleport@varjo.com.