Welcome! How can we help?

Sorry, there are no results.
Menu

Home

Creating Your Design

Canva for Work

Team Settings

Billing and Plans

Downloading, Saving & Sharing

iPad & iPhone Apps

Contributors

Legal

Canva Print

Search

Grids and Frames

Layouts

Text and Textholders

Photos

Backgrounds

Illustrations and Icons

Shapes and Lines

Charts

Page Setup

Folders

Reset your password

Canva Glossary

Nonprofit Program

Log In and Out

Transferring designs

Getting Started with Canva for Work

Brand kit

Uploading fonts

Resize your design

Team Templates

Free Content

Create an Animation

Creating a Canva Team

Setting up your Canva team

Adding and removing members

Roles and Permissions in Canva

Change your team name

Canva for Work Plans

Purchasing premium elements

Invoicing

Payment Options

Change/Cancel your Canva for Work Plan

Canva for Work Trial

Saving

Download quality

Advanced download options

Sharing your design

Printing

Watermarks

iPad App

iPhone App

Apply to contribute

File Transfer Protocol (FTP)

Managing Media

Managing Payouts

Contributor FAQ's

Licensing

Privacy

Terms of Use

Send us a Legal query

Preparing your design for print

Manage and Track Your Order

Sending your design to print

Product Information

Pricing Information

Design Guidelines

Print Customer Service Policy

Something's not working

Share 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.

Canva makes it super easy for you to share your design with its automatically generated embed code. With just a click of the Share button, you can now copy and paste your design’s embed code to the following blogging platforms that we currently support:

  • WordPress.org
  • Blogger
  • Tumblr
  • Wix
  • Spacesquare
  • Medium

Here’s how to share the embed code of your design:

  1. Click the Share button on the upper right hand corner of your screen.
  2. The Share this design dialog box will appear.
  3. Click Embed.
  4. The embed code will be displayed.
  5. Click the green Copy button. The button should turn to Copied!
  6. Paste the code into your blog or website’s HTML viewer.

screen-shot-2016-12-15-at-12-41-57-pm

image02

How to paste your code into your blog or website


Although every blogging platform is different, you can probably find the HTML viewer with similar steps.

  1. In your content management system (CMS), open your HTML viewer.
  2. Paste the HTML code you just copied by pressing Command/Ctrl + V into your HTML viewer window.
  3. Click ‘Updatefor WordPress.orgPublish’ 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:

WordPress.org

wordpress_embed2

 

Blogger

blogger_embed2

 

Tumblr 

image03

 

Wix 

wix_embed-code

 

Spacesquare

squarespace_embed2

 

screen-shot-2016-12-16-at-10-13-09-am

 

Medium (oEmbed)

A 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 allows 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:

giphy (96)

Was this article helpful ?

Not really Yes, thanks