How to Add Canva Designs to SharePoint Pages

NOTEIf you're already a ShortPoint Designer with an active license, you can simply use the Code Design Element to embed Canva Designs. You can check out the detailed article about it in How to Add Canva Designs into a SharePoint Site using the ShortPoint Code Design Element. You also have the option to add scripts and styles site wide using Theme builder or tenant wide through Global Scripts and Styles.

You can now embed Canva designs into your SharePoint pages using the ShortPoint Code Editor. Simply follow the quick walkthrough or see the detailed steps in Step-by-Step Tutorial to learn how.

Quick Walkthrough

1. Open the Canva Design you want to add to your SharePoint page and copy the embed code. 
2. Go to your SharePoint page and add the ShortPoint Code Web Part.
3. Click the Edit Properties icon of the ShortPoint Code to edit it.
4. Click Import Code to paste the code.
5. Select the Edit HTML field to customize the code according to your needs. Once done, click Save.
6. Close the ShortPoint Code window.
7. Republish the page.

TABLE OF CONTENTS

• Prerequisite
• Step-by-step Tutorial
  • Step 1: Copy the Embed Code
  • Step 2: Add the ShortPoint Code Web Part
  • Step 3: Edit the ShortPoint Code Web Part
  • Step 4: Paste the Code
  • Step 5: Republish Page

Prerequisite

• You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.
• You must already have an existing Canva Design on your Canva profile.

Step-by-step Tutorial

Follow the steps to embed a Canva Design into your SharePoint site:

Step 1: Copy the Embed Code

• Go to the Canva Design you want to use and click Share:

• Select See all:

• Click Embed:

• A message will pop-up. Click Embed again:

• Click Copy to copy the embed code:

Step 2: Add the ShortPoint Code Web Part

• Go to the SharePoint page where you want to add the Canva Design and click Edit:

• Click the close icon to leave the Toolbox:

• Select the gray plus icon to add a web part:

• Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:

Step 3: Edit the ShortPoint Code Web Part

• Click the Edit Properties icon:

Step 4: Paste the Code

• Click Import Code:

• You will get a pop-up asking if you want to overwrite the current code with the code in your clipboard. Click OK:

• You will get a notice that the code was successfully imported from your clipboard. Click OK again:

• You can directly edit the code in the ShortPoint Code Editor. Simply select the Edit HTML field, freely customize the code according to your needs, and click Save:

Step 5: Republish Page

• Once satisfied, click the close icon to leave the ShortPoint Code window:

• Click Republish once you’re ready to make your changes live:

That’s it! You can now start adding Canva Designs to your SharePoint pages. For more ways to use the ShortPoint Code Editor, check out the tutorials below:

• How to Add an X Post to a SharePoint Page
• How to Add an Instagram Post to a SharePoint Page
• How to Add a LinkedIn Post to a SharePoint Page
• How to Add a Viva Engage Feed to a SharePoint Page
• How to Embed a YouTube Video Playlist to a SharePoint Page
• How to Embed a Vimeo Video Playlist to a SharePoint Page
• How to Add a Stock Widget to a SharePoint Site