How to embed Canva

📖 For more information on embedding, read our article: All about the Embed element

In Canva, navigate to the content you want to embed. Click Share in the top right corner, then select Embed.

Screenshot 2025-03-13 at 14.43.14.png

In the pop-up window that appears, click on the Embed button.

2.png

 

Copy the code under HTML embed code.

Screenshot 2025-03-13 at 14.46.45.png
Paste this code into your notes to store it temporarily. The complete code will look something like this:
Screenshot 2025-03-13 at 17.40.07.png

From this code, we need to extract the source URL.

In the example above, the extracted URL is: https://www.canva.com/design/DAGhbGUMnnI/gZyl0pFu9hrdUYmKXUictg/view?embed

💡The source URL is highlighted in the code above

Copy this URL and go to your Foleon Doc.

Drag and drop an embed element onto your page and paste the source URL into the URL field.

Screenshot 2025-03-13 at 16.42.20.png

If the URL is correct, a preview of the Canva embed will appear. Click Save to add it to the page.
Screenshot 2025-03-13 at 16.42.40.png


Use the element settings to control the height, width, alignment, and spacing options of your embedded element.

Adjust-element-embed-canva