Skip to main content
Answered

RTL Support in outbound Emails


Is there any plan to support RTL in outbound Email templates (and outbound emails in general)?
I tried using the RTL tag in HTML but it does not apply/save.

Best answer by Eden

Hi @Maya Lieber 👋 Eden from the support engineer team here.

 

You should be able to create a custom HTML message or have a template in place that has RTL formatting in place. You would need to implement a workaround by adding RTL into the custom template and replace the following in the opening body and HTML tags in the code: 

<body> => <body style="direction: rtl !important; text-align: right !important;">
<html> => <html style="direction: rtl !important; text-align: right !important;">

 

You can also add the following towards the end of your styles:

/* Over-ride for RTL */.right-to-left .intercom-align-right{  text-align: left !important;}.right-to-left .intercom-align-left{  text-align: right !important;}.right-to-left .intercom-align-left {  text-align:right !important;}.right-to-left li {  text-align:right !important;  direction: rtl;}.right-to-left .intercom-align-left img,.right-to-left .intercom-align-left .intercom-h2b-button {  margin-left: 0 !important;}

 

With this custom template, when editing an email the RTL styling doesn't appear, but when previewing the email, the styling is rendered.

Having a default way to have RTL styling is a great feature request and feedback for the product team though! I can see how support for this would be really helpful. 

View original
Did this topic help you find an answer to your question?

3 replies

Eden
Employee
Forum|alt.badge.img
  • Premier Customer Support Engineer
  • 121 replies
  • Answer
  • August 17, 2023

Hi @Maya Lieber 👋 Eden from the support engineer team here.

 

You should be able to create a custom HTML message or have a template in place that has RTL formatting in place. You would need to implement a workaround by adding RTL into the custom template and replace the following in the opening body and HTML tags in the code: 

<body> => <body style="direction: rtl !important; text-align: right !important;">
<html> => <html style="direction: rtl !important; text-align: right !important;">

 

You can also add the following towards the end of your styles:

/* Over-ride for RTL */.right-to-left .intercom-align-right{  text-align: left !important;}.right-to-left .intercom-align-left{  text-align: right !important;}.right-to-left .intercom-align-left {  text-align:right !important;}.right-to-left li {  text-align:right !important;  direction: rtl;}.right-to-left .intercom-align-left img,.right-to-left .intercom-align-left .intercom-h2b-button {  margin-left: 0 !important;}

 

With this custom template, when editing an email the RTL styling doesn't appear, but when previewing the email, the styling is rendered.

Having a default way to have RTL styling is a great feature request and feedback for the product team though! I can see how support for this would be really helpful. 


  • Author
  • New Participant
  • 1 reply
  • August 17, 2023

Hi Eden!

Oh it worked now, thanks so much!!
I did try formatting the HTML but I guess I was missing something.

Thanks again,
Maya

 


  • New Participant
  • 1 reply
  • August 29, 2024

Not sure if there’s a point in replying to a year old post, but I’ll try. 

Setting up the HTML template isn’t a problem, the problem is the email editor doesn’t function well with RTL. It’s almost impossible to write an email, unless using the actual HTML editor which is a problem as I wouldn’t want the team members messing up the code accidentally. 

 

Any workarounds for this?


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings