CMS Development

Vannessa_
Member

Custom coded HTML - (canva template)

Hi

 

I want to use a custom coded html imported from Canva.

 

I have implemented this on to Hubspot - design manager. Before publishing it - I can all elements of what I created on Canva is on the editing page before review and publish. I decided to test the email before publishing but each time I test it - its just completely white and blank.

 

I spoke to someone from customer service who told me:

 

''Please note that since an <iframe> (inline frame) is a HTML element that embeds content from one website into another and  Iframes also often contain scripts, so most email clients block them. Many email clients (like Gmail, Outlook, etc.) don't support iframes. If you include this, the email may not render correctly for many recipients, that's why it's not loading from my end as well.''

''The issue is that if it's inside the iframe tag, most e-mail providers will block those and will not display on the email. ''

 

I have tried to remove the ''iframe'' - still, nothing seems to load with the testing email of the html custom template code. I am not really sure what else to do or how else to go about it. Any help will be greatly appreciated!

 

0 Upvotes
2 Replies 2
Vannessa_
Member

Custom coded HTML - (canva template)

Okay awesome, thank you for the advice!

0 Upvotes
Jaycee_Lewis
Community Manager
Community Manager

Custom coded HTML - (canva template)

Hey, @Vannessa_ 👋 You've run into one of the most common challenges with emails - using web-focused HTML in email clients. The issue extends beyond just iframes:

  • Canva's web templates typically use modern CSS (flexbox, grid layouts) and JavaScript that email clients block or don't support
  • Even after removing the iframe, there are likely other unsupported elements in the code
  • Email HTML requires a very specific approach with tables for layout and inline CSS

Here's what I recommend:

  • If you want to stick with Canva, look specifically for their “Email” templates (not website templates)
  • Or, use HubSpot's drag-and-drop email editor, which is specifically designed for email compatibility

Best,

Jaycee


HubSpot’s AI-powered customer agent resolves up to 50% of customer queries instantly, with some customers reaching up to 90% resolution rates.
Learn More.


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !