Custom HTML | Community
Skip to main content
Level 4
September 5, 2024
Solved

Custom HTML

  • September 5, 2024
  • 2 replies
  • 674 views

Hi team,

 

I want to import custom HTML code and use compatibility mode without converting the HTML, if i am convert it will added additional styles break the styles. Is there an alternative method to achieve this while keeping the structure consistent?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by DavidKangni

Hi @ajo_wisdomchase 

 

@if you don’t want AJO to add style breaks,

Just start with email designer (do not import your html as during the import it will add additional styles)

then add an html component and copy-paste your html into it to keep your html structure.

 

thanks,

David

2 replies

Pradeep_Kumar_Srivastav
Community Advisor
Community Advisor
September 6, 2024

Hi @ajo_wisdomchase ,

 

AJO offers a convenient platform for creating email templates and fragments. However, when incorporating custom HTML and CSS code, it's important to be aware of potential compatibility issues.

To avoid compatibility mode, which can limit your design control:

  • Prioritize Inline Styles: Instead of relying on linked stylesheets, use inline CSS styles whenever possible. This ensures consistent styling across various email clients.
  • Ensure Responsiveness: Design your email templates to be responsive, accommodating different devices and email clients.
  • Minimize Custom Code: Keep custom code to a minimum. Excessive complexity can trigger compatibility mode.
  • Maintain Clean HTML: Adhere to best practices for clean, well-structured HTML.
DavidKangni
Community Advisor
DavidKangniCommunity AdvisorAccepted solution
Community Advisor
September 10, 2024

Hi @ajo_wisdomchase 

 

@if you don’t want AJO to add style breaks,

Just start with email designer (do not import your html as during the import it will add additional styles)

then add an html component and copy-paste your html into it to keep your html structure.

 

thanks,

David

David Kangni