How to Add Canva to Google Docs

Ever wanted to enhance your Google Docs presentations with sleek, professional designs? Canva, the popular graphic design platform, can help you achieve just that. Integrating Canva into your Google Docs allows you to add stunning visuals, charts, and diagrams directly into your documents. Let's explore how to do this seamlessly.

How to use Canva Docs (and why you'd want to!)

Before we dive in, ensure you have a Canva account and Google Drive connected to your Google Docs. This ensures smooth integration between the two platforms. Now, let's get started!

How To Create An Ebook With Canva & Google Docs (Canva Tutorial) - Digital Hero Marketing

Preparing Your Design in Canva

Your first step is to create or choose a design in Canva that you'd like to insert into your Google Doc.

Convert Canva To Google Slides – Step By Step

Canva offers a wide array of templates for presentations, infographics, charts, and more. You can also start from scratch and design something unique. Once you're satisfied with your design, it's time to export it for Google Docs.

Exporting Your Canva Design

Exporting your design is a breeze. Click on the 'Share' button at the top right of your design, then select 'Link'. Immediately below the link field, you'll see options to 'Present' or 'Embed'. Click 'Embed'.

This will generate an iframe code that you can use to insert your Canva design into your Google Doc. Note this code down and let's move on to the next step.

Adding Canva Design to Google Docs

10 Canva Hacks You NEED to Know ✨ | Beginner to Pro Design Tips

Now that you have your Canva design ready, it's time to insert it into your Google Doc.

Google Docs doesn't directly support iframe embeds, so we'll use a workaround. We'll insert an image and use some CSS tricks to display your Canva design correctly.

Inserting the Canva Design as an Image

Why I Use Google Docs Instead of Canva for Workbooks

In your Google Doc, place your cursor where you want to insert the Canva design. Click on 'Insert' in the menu, then select 'Image'. Upload your Canva design's thumbnail image (you can get this from the Canva design's upload gallery).

Once inserted, disregard the image. It's just a placeholder. We'll replace it with the Canva design through CSS.

10 Neat Ways to Create Beautiful Google Documents

How To Make An Editable PDF In Canva (Step-By-Step Guide!)

Use Google Forms to Create a Website Contact Form: Canva for Beginners & Canva Tutorials

How to Add Headers and Footers in Google Docs | Google Docs Tutorial

Free Lesson How to Add Word Art to Google Docs

Have you discovered Canva Docs? Say goodbye to boring documents and hello to creativity! 🎨

How to Add a Watermark in Google Docs 💧📄 | Google Docs Tutorial

Applying CSS to Display the Canva Design

Now, let's apply some CSS magic. Click on 'Insert' again, then select 'Drawing'. In the toolbar that appears, click on the '<>' icon to open the HTML editor.

In the HTML editor, paste the following code, replacing 'INSERT YOUR IFRAME CODE HERE' with the iframe code you retrieved from Canva:

<style>
  .canva-design {
    display: inline-block;
    pointer-events: none;
    position: relative;
    height: 100% !important;
    width: auto !important;
  }
</style>

<img src="INSERT YOUR IMAGE URL HERE" style="display:none;"></img>

<iframe src="INSERT YOUR IFRAME CODE HERE" class="canva-design" style="position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto;" seamless></iframe>

Here's what this code does: it uses CSS to hide the image and display the iframe containing your Canva design in its place. The design will resize with your document, maintaining its aspect ratio.

So, there you have it! You've successfully integrated your Canva design into your Google Doc. Keep exploring Canva's features to create even more captivating content for your Google Docs presentations.