> For the complete documentation index, see [llms.txt](https://help.canoa.supply/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.canoa.supply/docs/share/how-to-embed-a-canvas.md).

# How to embed a Canvas

This article will teach you how to embed a Canvas in various third-party locations, like Notion, Squarespace, and Webflow, as another way to share your 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&amp;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&amp;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>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion.md), [<mark style="color:purple;">**Squarespace**</mark>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace.md), and [<mark style="color:purple;">**Webflow**</mark>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow.md).

{% content-ref url="/pages/puik0oXiPIjoBUQ0JEsD" %}
[How to embed a Canvas into Notion](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion.md)
{% endcontent-ref %}

{% content-ref url="/pages/FMod863lEJUBheoJ5EDI" %}
[How to embed a Canvas into Squarespace](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace.md)
{% endcontent-ref %}

{% content-ref url="/pages/xygZ3oNT0BZTvoSFKqOf" %}
[How to embed a Canvas into Webflow](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow.md)
{% endcontent-ref %}