{"id":7578,"date":"2023-12-06T03:10:31","date_gmt":"2023-12-06T03:10:31","guid":{"rendered":"https:\/\/www.pttrns.com\/?p=7578"},"modified":"2023-12-06T03:10:32","modified_gmt":"2023-12-06T03:10:32","slug":"how-to-use-canva-with-wordpress","status":"publish","type":"post","link":"https:\/\/www.pttrns.com\/how-to-use-canva-with-wordpress\/","title":{"rendered":"How To Use Canva With WordPress"},"content":{"rendered":"<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Are you trying to use Canva with WordPress? Learn how to do it through the detailed steps below. <\/p><\/div>\n\n\n<p class=\"wp-block-paragraph\">Canva&#8217;s plugin is used by many for the ease of utilizing its full features directly. While it was available on WordPress, it was soon discontinued, resulting in multiple compatibility issues.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-b3321adb-81f1\" id=\"gspb_image-id-gsbp-b3321adb-81f1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Canva-plugin.png\" data-src=\"\" alt=\"Canva plugin discontinued\" loading=\"lazy\" width=\"1109\" height=\"493\"\/><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Nevertheless, users were still able to utilize Canva with WordPress because of the integration support, which provided a workaround for the discontinued plugin. If you&#8217;re looking to use Canva with WordPress as well, follow the steps below to learn how to integrate it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"integrate-canva-with-wordpress\">Integrate Canva with WordPress<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by opening <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a> and create a new design. For demonstration, we have selected <strong>Presentation<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-d5f36d7f-1bf1\" id=\"gspb_image-id-gsbp-d5f36d7f-1bf1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Presentation-on-Canva.png\" data-src=\"\" alt=\"Presentation on Canva\" loading=\"lazy\" width=\"1623\" height=\"549\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>After you&#8217;re displayed with the empty design, start creating the design you want to add to WordPress. For ease, you can use preset templates by searching for the topic in the <strong>Search Box<\/strong> in <strong>Design<\/strong>, which is present on the left.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-68125292-0c4e\" id=\"gspb_image-id-gsbp-68125292-0c4e\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Creating-a-presentation-on-Canva.png\" data-src=\"\" alt=\"Creating a presentation on Canva\" loading=\"lazy\" width=\"1859\" height=\"858\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Once finished with the design, navigate to the top right corner and click on <strong>Share<\/strong>. Next, from the options displayed, click on <strong>More<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-ac29fd7b-0e5c\" id=\"gspb_image-id-gsbp-ac29fd7b-0e5c\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/More-option.png\" data-src=\"\" alt=\"More option\" loading=\"lazy\" width=\"418\" height=\"500\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Doing so, you&#8217;re displayed in the <strong>All Options<\/strong> box. Now, click on the <strong>Embed <\/strong>option to get started with the integration.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-b946d59d-299d\" id=\"gspb_image-id-gsbp-b946d59d-299d\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/All-options-box.png\" data-src=\"\" alt=\"All options box\" loading=\"lazy\" width=\"300\" height=\"265\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Next, click on the <strong>Embed<\/strong> button to create the links. Once they&#8217;re created, you&#8217;re displayed with two links \u2013 <strong>Smart embed link<\/strong> and <strong>HTML embedded code<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-3faf6a76-a572\" id=\"gspb_image-id-gsbp-3faf6a76-a572\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Embed-links-created.png\" data-src=\"\" alt=\"Embed links created\" loading=\"lazy\" width=\"450\" height=\"301\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>We suggest you start with the Smart embed link, as WordPress now supports it. To do it, open the <strong>WordPress editor, <\/strong>type the below, and hit enter.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>\/Embed<\/strong><\/pre>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-35250949-c568\" id=\"gspb_image-id-gsbp-35250949-c568\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Embed-on-WordPress.png\" data-src=\"\" alt=\"Embed on WordPress\" loading=\"lazy\" width=\"600\" height=\"412\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>Now, head back to Canva, <strong>copy the smart embed link,<\/strong> paste it into the input box provided, and click on the <strong>Embed<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-853f0db9-40c4\" id=\"gspb_image-id-gsbp-853f0db9-40c4\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/embed-smart-url.png\" data-src=\"\" alt=\"embed smart url\" loading=\"lazy\" width=\"880\" height=\"425\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>If you couldn&#8217;t integrate the design using smart embed like above, use <strong>HTML embed code<\/strong> instead. To work with HTML code on WordPress, type the below and hit <strong>Enter<\/strong>.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>\/Custom HTML<\/strong><\/pre>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-82194c42-e969\" id=\"gspb_image-id-gsbp-82194c42-e969\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Custom-HTML-on-WordPress.png\" data-src=\"\" alt=\"Custom HTML on WordPress\" loading=\"lazy\" width=\"853\" height=\"292\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"9\">\n<li>Now, head back to Canva, <strong>copy the HTML embed link,<\/strong> and paste it into the input box provided.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-d3c91c69-a174\" id=\"gspb_image-id-gsbp-d3c91c69-a174\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/HTML-embed-code-added.png\" data-src=\"\" alt=\"HTML embed code added\" loading=\"lazy\" width=\"1242\" height=\"483\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"10\">\n<li>We suggest leaving the HTML as is, but if you&#8217;re aware, make some modifications to make it integrate well with WordPress. Once done making changes, click on <strong>Preview,<\/strong> and you&#8217;re done.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-132ecc83-1f2e\" id=\"gspb_image-id-gsbp-132ecc83-1f2e\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/WordPress-Preview.png\" data-src=\"\" alt=\"WordPress Preview\" loading=\"lazy\" width=\"1209\" height=\"653\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wrapping-up\">Wrapping Up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Congratulations on successfully integrating Canva designs on WordPress!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The above steps are the only way to integrate design from Canva to WordPress, considering Canva plugin support is discontinued. If you aren&#8217;t happy with Canva, we suggest using other software or tools that offer better integration with WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"related-reading\">Related Reading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/best-web-design-software\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/best-web-design-software\/\">Best Web Design Software<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-convert-canva-docs-to-word\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/how-to-convert-canva-docs-to-word\/\">How To Convert Canva Docs to Word<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-add-page-numbers-in-canva\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/how-to-add-page-numbers-in-canva\/\">How To Add Page Numbers in Canva<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you trying to use Canva with WordPress? Learn how to do it through the detailed steps below.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"#gspb_image-id-gsbp-132ecc83-1f2e img,#gspb_image-id-gsbp-35250949-c568 img,#gspb_image-id-gsbp-3faf6a76-a572 img,#gspb_image-id-gsbp-68125292-0c4e img,#gspb_image-id-gsbp-82194c42-e969 img,#gspb_image-id-gsbp-853f0db9-40c4 img,#gspb_image-id-gsbp-ac29fd7b-0e5c img,#gspb_image-id-gsbp-b3321adb-81f1 img,#gspb_image-id-gsbp-b946d59d-299d img,#gspb_image-id-gsbp-d3c91c69-a174 img,#gspb_image-id-gsbp-d5f36d7f-1bf1 img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}","footnotes":""},"categories":[41],"tags":[],"offerexpiration":[],"class_list":["post-7578","post","type-post","status-publish","format-standard","hentry","category-canva"],"_links":{"self":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/comments?post=7578"}],"version-history":[{"count":1,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7578\/revisions"}],"predecessor-version":[{"id":7590,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7578\/revisions\/7590"}],"wp:attachment":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media?parent=7578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/categories?post=7578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/tags?post=7578"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/offerexpiration?post=7578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}