Embedding your Canva designs into WordPress has never been easier! Whether you are using the Gutenberg editor or the Elementor page builder, EmbedPress makes it simple to display your Canva creations directly on your WordPress website.
Learn how to embed Canva design using Elementor, Gutenberg or other editors with just a few clicks and enhance your WordPress content with beautiful visuals.
How to Create Canva Design Embed Links? #
Before you get started to embed Canva in WordPress, you need to login to your account and create an embedded link. Follow the steps below to create a link to your design.
Step 1: Create Your Design in Canva #
Start by logging into your Canva account. Once you’re in, go to the ‘Design’ that you want to embed. After that, look for the Share button located at the top right of the page and click on it.
Then click on the ‘See All’ button and select the ‘Embed’ option. Canva provides the embed URL when you click the ‘Embed’ option, and this URL can be directly pasted into a block that supports embedding. Copy the code to embed in your website using the Gutenberg editor.
Steps To Embed Canva Designs Using Guteberg #
Embedpress allows you to embed Canva design in the Gutenberg editor with just a few clicks. Follow the steps to learn how you can embed Canva using Gutenberg.
Step 1: Go to Gutenberg Editor & Insert EmbedPress Block
Now, go to the WordPress post or page where you want to embed your Canva design. Drag and drop the EmbedPress Block into the page.
Step 2: Embed Canva Design Link In Gutenberg
Alternatively, you can also paste the Canva embed URL directly into the post. Canva provides the embed URL when you click the ‘Embed’ option, and this URL can be directly pasted into a block that supports embedding, such as the EmbedPress block or a Custom HTML block in the editor. After pasting the embed URL or code, you can save or publish the page.
Final Outcome #
Finally, click on the publish button and view the page to see the content that you have embedded on your site.
Steps To Embed Canva Using Elementor #
Embedpress allows you to embed Canva design with Elementor web builder with just a few clicks. Follow the steps to learn how you can embed Canva using Elementor.
Step 1: Embed Your Canva Design Using Elementor
Now, go to the WordPress post or page using Elementor where you want to embed your Canva design. Drag and drop the EmbedPress Block widget into the page to easily insert your Canva design.
Alternatively, you can also paste the Canva embed URL directly into the post. Canva provides the embed URL when you click the ‘Embed’ option, and this URL can be directly pasted into a block that supports embedding, such as the EmbedPress block or a Custom HTML block in the editor. After pasting the embed URL or code, you can save or publish the page.
Step 3: Customize Style Of Your Embedded Canva Design
Next, go to the ‘Style’ tab and customize ‘Height’, ‘Width’, ‘Margin’, ‘Padding’, and ‘Alignment’ as your preference to present your embedded content more stunningly.
Final Outcome #
Finally, click on the publish button and view the page to see the content that you have embedded on your site.
Steps To Embed Canva Designs Using Classic Editor #
Embedpress allows you to embed Canva design with your classic editor as well with just a few clicks. Follow the steps to learn how you can embed Canva using a classic editor.
Step 2: Generate EmbedPress Shortcode #
Go to your EmbedPress plugin dashboard and click on the ‘Shortcode’ option, as shown below. From there, you can access the tools for generating custom shortcodes and embed them in any WordPress editor.
Then paste the collected content URL in the input field and click on the ‘Generate’ button. EmbedPress will automatically generate a shortcode of the source content. Click on ‘Copy Link’ and you will be ready to embed it in any WordPress page builder.
Step 3: Embed With Shortcodes On WordPress Editors #
Open up your preferred posts or pages on WordPress Classic Editor. Add your Canva design URL into the content area. And within a few moments, your URL will automatically be transformed into an embed of your Canva design.
Final Outcome #
Finally, click on the publish or update button and view the page to see the content that you have embedded on your site.
And that’s it. This is how easily you can display your Canva design using Elementor and Gutenberg. Whether you choose to use the Gutenberg editor or Elementor, both methods provide a seamless experience for displaying your designs.
Get Live Experience Of Embedding Canva Design #
If you face any problems and need further assistance, contact our Support Team or join our Facebook Community to connect with content creators and WordPress experts like yourself.
