> For the complete documentation index, see [llms.txt](https://docs.colormass.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.colormass.com/configurator/integrations/miro.md).

# Miro

<figure><img src="/files/psl0bg622QeN7rLNhLCR" alt=""><figcaption></figcaption></figure>

### Step 1: Open your whiteboard

Open the specific Miro board where you want to showcase your 3D model and navigate to the exact spot on your canvas where you want the viewer to be placed.

<figure><img src="/files/CYK2JcnTO3mcUqn9IqZQ" alt="" width="375"><figcaption></figcaption></figure>

### Step 2: Copy the Link from colormass

Open your 3D configurator setup in the colormass platform:

1. Navigate to your project.
2. Click Publish 3D.
3. Select Copy Configurator URL.

<figure><img src="/files/Fw6lfuNC7xaLuNX1HWhm" alt=""><figcaption></figcaption></figure>

### Step 3: Embed iFrame

Back in Miro, use the following steps to bring your 3D viewer onto your board:

1. Locate the Embed tool from the left-hand toolbar (if you don't see it, click the `...` "More tools" icon).
2. Insert your copied colormass link into the embed field.
3. Your interactive 3D viewer will instantly load onto the canvas.

<figure><img src="/files/3IK5eUUhaywCOnNFJG66" alt=""><figcaption></figcaption></figure>

See the screen recording below to see all of these steps together.

{% embed url="<https://vimeo.com/1217356136/cbe3949cb1>" %}