How to stop the Email building from stripping out my responsive HTML

How to stop the Email building from stripping out my responsive HTML

I have a responsive HTML email already built and I want to use it with Jotform as the notification and autoresponder emails.

However, when I add the properly formatted HTML into the code view in the Email builder and click SAVE, all the code gets altered and all my media queries removed. Basically, anything outside the BODY tag gets stripped.

I am sorry that I can't demonstrate the broken code in my live form. So for now, I have stripped out all my responsive formatting and am just using plain tables, which will work for the time being. But in the future, if I want to use a more complicated layout for my auto-responders and notification email, what should I do?

If you want to see an example of the HTML I want to use, here is a link to the file:

https://www.dropbox.com/s/zw5n3uo3nokr7nu/OTAreminder.html?dl=0

I have an idea how you could do that easier. Why don't you create an image of the layout you would like to include in Notifier and Autoresponder, for example:

And just add it do the email body:

I assume that that first part of the layout is static. 

The second part of the layout you can simply add to the email body as it is:

Could this work for you by any chance? 

Please let us know.

Thank you!

I appreciate the advice but emails that are "image only" have horrid read/retention rates.

If I need to work with non-responsive emails, that is ok. I was hoping there was some other option.

Unfortunately, this is not currently possible to control full HTML of the email alerts. Also, many email clients stripping out the heads section from the emails.

I have added a feature request ticket to our system to see if we can provide full access to the email templates at some point. There is no ETA for when it can be implemented, but we will let you know if we have any updates.

At this time we would like to suggest using inline CSS to style the emails.