# How to embed a Canvas

Being able to embed a Canvas outside of Canoa is a powerful way to utilize digital mood-boarding as a sales and marketing tool - or even just as a fun way to show off your latest inspo board with your friends. Just like there are multiple ways [<mark style="color:purple;">**to share your Canvas**</mark>](https://help.canoa.supply/docs/canvas/sharing-your-work/how-to-share-your-canvas)<mark style="color:purple;">**,**</mark> we also make it easy to embed Canvases on third-party apps.&#x20;

Maybe you want to embed your Canvas on your own website in order to show off your latest thought-starter mood board, inspirations, or interior design project. Or maybe you are a Brand wanting to embed a Canvas that showcases your newest product launch with full product specifications on your own website. Embedding is a great way to share information in a visually pleasing way outside of Canoa.

## Two ways to Embed a Canvas:

### While in your Canvas:

* Click on the **`Invite+`** icon in the upper right hand corner.
* At the bottom of the pop-up window, you'll see the **`Copy Embed`** button.&#x20;
  * Clicking this will automatically copy an embed **code** to use in many outside tools, like Notion, Squarespace, and Webflow to name a few.&#x20;

{% hint style="info" %}
***Pro Tip:*** If the `Copy Embed` button is not highlighted, make sure your Canvas in is **Can View** mode. If it is in No Access mode, `Copy Embed` will *not* be accessible.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FGlCfLns2KFCIN2BdVvmi%2FEmbed%20Canvas.png?alt=media&#x26;token=64bc78e3-cdc2-41b6-a470-352abb8ca28b" alt=""><figcaption><p>Click the Invite icon. Then click Copy Embed to copy the embed code to use in third-party sites.</p></figcaption></figure>

### Copying the Canvas's URL:

A second way to embed a Canvas into a third-party platform is by copying and pasting the Canvas's URL.&#x20;

{% hint style="info" %}
***Pro Tip:*** take note of the view of your Canvas before copying the link. Position the Canvas exactly how you want the view of the embed to look on your own site. *Then* copy the URL.&#x20;
{% endhint %}

* This exact position is noted in the URL by the **x, y, width, and height axises** underlined below in <mark style="color:red;">**red**</mark>.
* Your Canvas must be in **Preview** mode. If it is in **No Access** mode, embedding will *not* be possible.
  * Click on **Share** to toggle to **Preview** mode.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FppMbvUgTpr5jZN8whwpY%2FCamera_Axis_Embed_Link.png?alt=media&#x26;token=a729afa0-6330-4f4e-8cdf-888c86e4528c" alt=""><figcaption><p>Copy this URL once you position your perfect view of your Canvas. Take this URL to your third-party site.</p></figcaption></figure>

Now that you have the embed link or the embed code of your Canvas, let's learn how to **paste** this embed code into some third-party apps in order to share and show your Canvas to wider audiences.

Continue onto the next articles to learn how to embed your Canvas in [<mark style="color:purple;">**Notion**</mark>](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion), [<mark style="color:purple;">**Squarespace**</mark>](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace), and [<mark style="color:purple;">**Webflow**</mark>](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow).

{% content-ref url="how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion" %}
[how-to-embed-a-canvas-into-notion](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion)
{% endcontent-ref %}

{% content-ref url="how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace" %}
[how-to-embed-a-canvas-into-squarespace](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace)
{% endcontent-ref %}

{% content-ref url="how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow" %}
[how-to-embed-a-canvas-into-webflow](https://help.canoa.supply/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow)
{% endcontent-ref %}