Custom HTML

[Ajo_WisdomChase]

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?

[Pradeep_Kumar_Srivastav]

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 · Accepted solution]

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