What is Embed?

Embed lets you publish a fully interactive Teleport viewer on your own website or webpage, allowing you to share 3D directly onto your website with no redirecting required. By keeping people on the page where your story already lives (product pages, case studies, portfolios, internal portals, etc.) and adding a Teleport capture, you boost user engagement, preserve your calls‑to‑action, and can provide a much clearer sense of scale / depth using 3D vs. static photos or video. Embed is for teams that want to showcase real objects and spaces in context while maintaining their own site layout, analytics, and brand.

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 original Teleport capture page with all standard tools and sharing options.

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

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.
   3. Load capture automatically: When enabled, the capture loads immediately. When disabled, only a preview image appears until the viewer clicks to load it. This is better for the loading performance of your site.
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

• 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.