Skip to main content
Sign in
Submit a request
Getting Started

How to Embed Your Polycam Captures

You can embed any of your public Polycam captures directly onto a web page, giving visitors a fully interactive way to explore your 3D models without leaving your site. In this article you will learn how to get your embed code, add it to your page, and customize it to fit your layout.

Plan Availability

iOS Web Android Watermark Custom Branding
Free ❌ ✅ ❌ ✅ Polycam watermark ❌
Basic ❌ ✅ ❌ ✅ Polycam watermark ❌
ProLEGACY ❌ ✅ ❌ ✅ Polycam watermark ❌
Business ❌ ✅ ❌ ✅ Polycam watermark ❌
Enterprise ❌ ✅ ❌ ❌ ✅
Important: Only public captures can be embedded. If your capture is set to private, visitors will not be able to view it. Make sure your capture is set to public before copying the embed code.

What an Embedded Capture Looks Like

When embedded on a web page, your capture appears as a fully interactive 3D viewer. Visitors can rotate, pan, and zoom in on the model directly from the page on both desktop and mobile devices. Here is an example of what an embedded Polycam capture looks like:

How to Copy the Embed Code

1Navigate to Your Capture

Go to poly.cam and open the capture you want to embed.

2Open Share Options

Click the ... icon on the right-hand side of the capture details panel to open the options menu, then select Share.

3Copy the Embed Code

In the Share options, click Copy Embed Code to copy the embed code to your clipboard.

How to Embed the Capture on Your Web Page

Embedding in HTML

If you're editing your web page directly in HTML, locate the spot where you want the capture to appear and paste the embed code. It will look like this: 

<iframe src="https://poly.cam/capture/YOUR-CAPTURE-ID/embed"
title="polycam capture viewer"
style="height:100%;width:100%;max-height:720px;max-width:1280px;min-height:280px;min-width:280px"
frameborder="0">
</iframe>
Tip: The URL in the embed code is unique to each capture. Always copy the embed code directly from the capture you want to display rather than modifying the URL manually.

Embedding in a CMS

If you're using a content management system such as WordPress, Squarespace, Webflow, or Wix, you'll need to add an HTML embed block to your page and paste the code there. The exact steps vary by platform, but here's how to find the right option in the most common tools:

  • WordPress: Add a Custom HTML block in the Gutenberg editor and paste the embed code inside it.
  • Squarespace: Add a Code block to your page and paste the embed code.
  • Webflow: Add an Embed element to your page canvas and paste the code into the HTML embed editor.
  • Wix: Use the HTML iFrame element found under Add Panel and paste the embed code.

Customizing the Embed Size

The embed code includes style attributes that control the size of the viewer on your page. You can adjust these to fit your layout:

  • max-height and max-width: The maximum dimensions the viewer will expand to. The defaults are 720px tall and 1280px wide.
  • min-height and min-width: The minimum dimensions the viewer will shrink to. The defaults are 280px for both, ensuring the viewer remains usable on smaller screens.

Note that visual customizations to the viewer such as background color, default camera angle, and controls are configured directly on the capture in Polycam, not in the embed code. Make sure your capture is set up the way you want it to appear before copying the embed code.

Tip: The embedded viewer is fully responsive and interactive on both desktop and mobile devices. Visitors can rotate, pan, and zoom on touchscreens just as they would on desktop.

4Save and Preview

Save your changes and preview your web page to confirm the capture is displaying correctly. You should see an interactive 3D viewer that visitors can rotate and zoom using their mouse or touch screen.

Was this article helpful?
0 out of 0 found this helpful

Related articles