How to share and embed interactive 3D mockups with ProVisual

ProVisual allows you to share your 3D mockups using an interactive viewer that can be embedded into websites and online presentations.

This viewer enables others to rotate, zoom, and explore your mockup in 360° directly in the browser, without downloading any files.

How to get the embed code

Follow these steps to generate your embed code:

1. Press 'Share' button in the open ProVisual project: 
   
    

2. Click “Share” again to access the available options.
   
    

3. Copy your embed code. You will see:

• Embed Code (iframe) — for websites and presentations
• Shareable Link — for direct access
  
  

How to embed your mockup

Use the embed code in any platform that supports HTML. You can embed your mockups in:

• Websites (WordPress, Webflow, custom HTML, etc.)
• Online presentations or portfolios
• Notion or internal documentation
• Client portals
• Product or landing pages

Example:

<iframe src="https://create.provisual.app/project/2ibdGB/view"></iframe>

Paste this code into your website, presentation, or platform. Here's how it's going to look like on your website:

You can adjust the size and position of the viewer by editing the HTML embed code to fit your layout.

If you prefer not to display the ProVisual logo in the viewer, you can add the following parameter to the end of your embed code:

?view=simplified&id=1

The embed feature is available with a ProVisual Pro subscription, Premium Plan and PRO - Commercial Plan.