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

Search

Grids and Frames

Layouts

Text and Textholders

Photos

Backgrounds

Illustrations and Icons

Shapes and Lines

Charts

Page Setup

Folders

Resetting your password

Canva Glossary

Nonprofit Program

Logging In and Out

Getting Started with Canva for Work

Brand kit

Uploading fonts

Resize your design

Team Templates

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

Something's not working

Share embed code

Canva makes it super easy for you to share your design on your blog or personal website. If the design is public, an embed code is automatically generated for you.

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

Adding other popular blogging sites is on the works, so please stay tuned. We’re definitely keen on taking our sharing feature to the next level!

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)

Sharing via oEmbed allows you to easily share your design by embedding the URL to the host site Medium.com which provides the embed code.

oembed-demo

Was this article helpful ?

Not really Yes, thanks