Skip to main content

How to Embed Your Polycam Captures on Your Web Page

Kristina
Updated

file (3).png

Embedding your Polycam captures on your web page can significantly enhance your content, providing an interactive and engaging way for visitors to explore your 3D models. Embedding 3D captures can greatly enhance your content, whether you're showcasing a product, presenting a project, or enriching a blog post.

This guide will walk you through the steps to access and embed your Polycam captures seamlessly.

 

Why Embed Your Polycam Captures?

Embedding Polycam captures on your web page offers several benefits:

  • Interactive Experience: Visitors can interact with your 3D models, rotating and zooming in to see details from every angle.
  • Enhanced Visual Appeal: 3D models add a dynamic element to your content, making it more visually appealing.
  • Better Engagement: Interactive content keeps visitors on your page longer, increasing engagement and the likelihood of sharing your content.

How to Copy the Embed Code

Follow these steps to access and embed your Polycam captures on your web page:

  1. Navigate to Your Capture: Open the Polycam website and go to the capture you want to embed.

  2. Access Capture Details: Locate the capture details icon on the right-hand side of the page. This icon typically looks like an information symbol or three dots.

  3. Open Share Options: Click on the capture details icon to open a menu. From this menu, select the Share option.

  4. Copy the Embed Code: In the share options, you will see an option to Copy Embed Code. Click this option to copy the embed code to your clipboard.

How to Embed the Capture on Your Web Page

Now that you have the embed code, you can easily add it to your web page. Here’s how:

  1. Open Your Web Page Editor: Open the HTML editor of your web page where you want to embed the Polycam capture.

  2. Paste the Embed Code: Locate the spot in the HTML where you want the capture to appear. Paste the embed code directly into this section. The format should be the following:

<iframe src="https://poly.cam/capture/204B4702-F534-4026-8762-976F43B80B97/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>

         3. Save and Preview: Save your changes and preview your web page to ensure the capture is embedded correctly and appears as expected.

Related articles