Mailchimp issues with custom templates and Gmail IOS client - html-email

Edit: Added code sample and edited question
I am having an issue with Mailchimp and Gmail for IOS client.
When I send a custom email template (cerberus-responsive) using Mailchimp the email arrives distorted in the Gmail for IOS client. If I send the same template through an email service like Putsmail, it arrives in Gmail for IOS just fine. I get similar results when I send the template to Litmus for testing. It looks fine in every client except Gmail for IOS. If I reply or forward, the problem seems to go away.
I have been removing sections of the code (two column, three column, background) to see what section is causing the issue, but so far I get the exact same results. I do not know a creative way to get the code unmodied from Gmail.
Has anyone else noticed this behavior or have a solution? I think it is something that Mailchimp is doing to the code. I contacted Mailchimp support, but they offer no support of custom templates and directed me to a troubleshooting document on the limitations of HTML Email.
Output sample
On the left is the expected result. On the right, the result I get with Gmail for IOS on an iPhone or in Litmus.
Code sample
Body is limited to 30000 characters so I can't post the code directly.
https://github.com/TedGoas/Cerberus/blob/main/cerberus-responsive.html

Related

https link showing in outlook where preview should be

One of my customers mentioned to me that the way they have out look set up, allows them to see a short email preview in the form
hello#email.com
Hi, this is a message preview
However when I email, the get a big long https string and at first they thought that the email might include a virus so were dubious about opening it.
I am keen to find a way to stop this happening.
My email displays as
me#email.com
<https://z86orge6w04.....>
I use Thunderbird to send my emails, I shouldnt think that my email client would cause this though.
Also I use an smtp relay mailersend and their details are included in the https link as you will see from the pic.
I have also used socket labs and when I send using their relay, the link is still there but changes slightly
So I think that it may be something to do with the fact I use an SMTP relay
I have noticed though that it only seems to be outlook that shows this, Gmail, thunderbird and others that I have sent testemails to do not display in this manner.
At first I thought that it was because my logo in the header contained a link to the website but I have removed the link and there is no change
The part at the top circled in yellow is what they see when I email, the bit below circled in red is what they see from everyone else
The problem is not related with Thunderbird but with MailerSend which is a transactional email service.
According to mailchimp:
Transactional emails are automated emails sent from one sender to one recipient, usually related to account activity or a commercial transaction.
The URL shown in the Outlook preview is a tracking URL. You can solve this problem by removing tracking or by asking support to MailerSend.

Gmail loses the html formatting of emails sent with Odoo

My company migrated their CRM starting to use Odoo, and then I proceeded to configure the external mail server (gmail), the #catchall parameter, and then define the odoo mail templates.
So far I have no problems, and everything works as I expect, so the mails are correctly and received.
However, I have a problem with viewing the emails ... let me explain.
Sent an email through Odoo, I see it correctly in html format, so by accessing the gmail email account via browser and opening the message, also in this case it is correctly formatted and displayed as html.
However, the recipient of the e-mail upon receipt loses the html formatting and therefore receives the e-mail displaying it in plain-text.
On the gmail settings I have already configured to send messages in html, I tried to disable it and then re-enable it but nothing happens.
Do you have any suggestions or advice?
I also have the same problem. We have tried several configurations both in the Google account and in the server. It only happens with GMail mail. Using any other service does not happen.
There's an answer here that I still can't implement, but it could be of help.
GMail displays plain text email instead HTML
A known reason for the issue was the appending of a footer in Google. Odoo has recently released a fix for all versions from 14.0 onwards: https://github.com/odoo/odoo/pull/108499. However, if they encounter other cases, Odoo Enterprise customers can open a support ticket and users of the Community edition can submit a Github issue.

Inline Microdata in Email not showing although correct

So I added the inline microdata to the first two articles of our newsletter (schema.org type Article) and tested it with the Email markup tester. It showed no errors and the data was analyzed correctly. When I send the newsletter to my gmail address, I don't get the summary box that I should get with microdata enabled emails. Any help?
The online version of my email can be found here: https://yz.emsecure.net/optiext/optiextension.dll?ID=Ji6eGRCbfS1Th6QKQlY_yrcy7KZDmJiS0s8nTPf1pfoyKcwEDzcXggWWbz7%2BVVizUZgCNG0A6DKOdWA721tJJr&_SHOWMAILHEADER=TRUE
Based on the documentation:
You can easily test if your markup is working correctly end-to-end by sending emails to yourself. All emails where the sender and the recipient are the same account ignore the registration requirements and can be used for self-testing.
DKIM or SPF authentication is still required for self-testing.
Once the markup is tested end-to-end with this technique and you are ready to launch your integration to production, check Registering with Google for the next steps.
But I found a related SO post - Testing microdata in Gmail doesn't work that functionality is still missing from Gmail. You can use Apps Script, App Engine to test it as this post suggested

Sending jquery-mobile form data to an email address

I am new to programming. I have built a multi-page form for an Android phone using jquery-mobile + phonegap. The form looks and works great, but it seems I have now hit a dead end.
I want the submit button to send the (preferably formatted data) to a specific email address, but am not sure how to do this. The Jquery-mobile documentation explains how to get or post to a url, but I really only want to send it to one or two recipients.
If I put a mailto:name#dom.com statement where the url is asked for it brings up the info in one long string in the native email client.
I'd give code examples, but at this point it is only the procedure I don't understand and am not sure it can be easily done.
Any helpful suggestions would be appreciated as I have exhausted my research sources without success.
Well you need to submit your form to the server-side script first and send your email from there.
In PHP on the server side you can use mail() to achieve that. The better alternative - PHPMailer.
On the client you can only use mailto:.

Hyperlinks are being overwritten in emails

I am sending out emails from my website using Zend_Mail and Send Grid. I have hyperlinks in the email that are being overwritten with what appears to be garbage by the time it gets to the user's inbox.
For example,
href="http://www.foo.com" is becoming href="http://email.foo.com/wf/click?upn=DSDRHSSBH2938TS".
I do not have this problem when I remove the 'http://' from the href. This is not a solution for me however, because links without 'http://' do not work in some email clients.
I checked the Zend Mail content and the links appear to be fine, so I am wondering if this is a problem with Send Grid or the email client. I have looked all over the web and have found very little information on this. I have seen some people with similar issues, but no one has been able to provide a real solution.
Has anyone seen anything like this? I'll be happy to provide more information if needed.
It looks like Send Grid is re-writing the URLs for click tracking. Try disabling this feature in your Send Grid account. https://sendgrid.com/docs/Apps/click_tracking.html