Share the embed code
Embeds allow you to easily share content and automatically update across the web. You can display fully functional Tweets, share a YouTube video or embed practically anything on your blog or website.
There are a number of ways to embed your designs on your blog or website depending on your editor’s version. The following sections will show you how to share your designs in Canva 2.0 and Canva 1.0 editor versions.
Share the embed code of your designs
You can easily copy and paste your design’s embed code to the following blogging platforms that we currently support:
Here’s how to share the embed code of your design in Canva 2.0:
- Click the Publish button in the top of the editor.
- Select the Embed option in the dropdown.
- If you have premium elements in your design, click Pay and Embed. If you only have free elements, click Embed.
- Choose between the available links depending on where you’d like to embed the design on.
- Click the Copy button.
- Paste the code into your blog or website’s HTML view editor.
Here’s how to share the embed code of your design in Canva 1.0:
- Click the Share button on the upper right-hand corner of your screen.
- The Share this design dialog box will appear.
- Click Embed.
- The embed code will be displayed.
- Click the green Copy button. The button should change to Copied!
- Paste the code into your blog or website’s HTML viewer.
Paste your code into your blog or website
Although every blogging platform is different, the following steps are likely to work for applying the embed.
- In your content management system (CMS), open your HTML viewer.
- Paste the HTML code you just copied by pressing Command/Ctrl + V into your HTML viewer window.
- Click ‘Update’ for WordPress.org, ‘Publish’ for Blogger, ‘Post’ for Tumblr, ‘Publish Now’ for Wix or ‘Apply’ for Spacesquare.
Here’s how to open the HTML viewer in WordPress.org, Blogger, Tumblr, Wix, and Spacesquare:
The technology called oEmbed is an open format, designed to let web publishers easily embed content such as photos, video, rich content — and automatically display other content by typing in a URL on third party sites.
Providers like YouTube, Hulu, Flickr and Vimeo all support oEmbed, meaning that pasting a URL for one of those services into a system with oEmbed support should allow users to quickly embed rich media.
Some online publishing websites like Medium.com only allow embedding via oEmbeds. Sharing this way means you can embed without having to copy and embed code manually. Simply copy the URL of your Canva design and paste it on to Medium’s auto-embed editor, as shown in the GIF below: