Expand my Community achievements bar.

Join us for the Adobe Journey Optimizer Community Q&A Coffee Break on 1st October at 8 am PT with Journey Optimizer experts Amarnath Vannarath, Ariel Sultan, Arthur Lacroix and Sandra Hausmann.

Custom HTML

Avatar

Level 2

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?

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

2 Replies

Avatar

Level 7

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.

Avatar

Community Advisor

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