I’m sending the following HTML through the “Gmail > Send email” integration and there is a trailing “>” that only appears on mobile. I have ran the code through chatgpt and it has found nothing and I’ve added integers (1-9) between tags and have found that the “>” appears AFTER the tag. Does this mean the integration has a bug or is my code bad?
Can you provide a sample?
How do I include the html without it formatting as html!
test
Please format it like above, with 3 “`” characters surrounding the HTML code.
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>An Important Message From Filmhound</title></head><body style="font-family: sans-serif; -webkit-font-smoothing: antialiased; word-spacing: normal; background-color: white;"><table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color: white; color: #333333; margin: 0 auto; max-width: 500px; border-radius: 10px;"><tr><td style="padding: 36px 40px; padding-top: 56px;">
<table align="center" cellpadding="0" cellspacing="0" style="padding-bottom: 32px;"><tr><td align="center" style="padding-bottom: 8px;"><table cellpadding="0" cellspacing="0"><tr><td style="width: 48px; height: 48px; background-color: #ED1C24; border-radius: 24px; border: 0;"><a href="https://app.thefilmhound.com" target="_blank" rel="noreferrer"><img src="https://firebasestorage.googleapis.com/v0/b/glide-prod.appspot.com/o/pwa-assets%2FJXwY65MFr0PRsaboVLhl-maskable-icon-512.png?alt=media" alt="Filmhound" style="display: block; height: 48px; width: 48px; border-radius: 24px; border: 0;"></a></td></tr></table></td></tr><tr><td style="font-size: 14px; font-weight: 700; line-height: 18px; text-align: center; color: #333333;">My Archives</td></tr><tr><td style="font-size: 10px; line-height: 16px; text-align: center; color: #606174;">by Filmhound</td></tr></table>
<p style="font-size: 16px; line-height: 1.6; padding-bottom: 32px;">Dear USER,<br><br>We noticed that you have ORDERS pending payment in your <a href="https://app.thefilmhound.com" style="color: #ED1C24; text-decoration: none;">archives</a>. To proceed with the archival process, we kindly request that you settle your account balance of <b>AMOUNT</b> as soon as possible.<br><br>To settle your balance or place a return order, simply sign in to your <a href="https://app.thefilmhound.com" style="color: #ED1C24; text-decoration: none;">archives</a> using EMAIL. Please note that archival orders that go unpaid for more than 60 days are automatically discarded, as per our terms of service.<br><br>If you have any questions or concerns, please don't hesitate to contact our support team. We're here to help you.<br><br>Best regards,<br>The Filmhound Team</p>
<tr><td><table width="100%" border="0" cellpadding="0" cellspacing="0" style="color: #333333; margin: 0 auto;"><tr><td style="padding-bottom: 32px;"><table cellpadding="0" cellspacing="0" width="100%"><tr><td align="center" style="padding-bottom: 8px;"><table cellpadding="5" cellspacing="0"><tr><td style="width: 30px; height: 30px; border-radius: 15px; border: 0;"><a href="https://www.instagram.com/thefilmhound/" target="_blank" rel="noreferrer"><img src="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/JXwY65MFr0PRsaboVLhl/pub/kRWumfuz6YCgs5R6FGLO.png" alt="Instagram" style="display: block; height: 30px; width: 30px; border-radius: 15px; border: 0;"></a></td><td style="width: 30px; height: 30px; border-radius: 15px; border: 0;"><a href="https://community.thefilmhound.com/" target="_blank" rel="noreferrer"><img src="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/JXwY65MFr0PRsaboVLhl/pub/IvuCCwDQF33H8B4tckAK.png" alt="Community" style="display: block; height: 30px; width: 30px; border-radius: 15px; border: 0;"></a></td></tr></table></td></tr><tr><td style="font-size: 10px; line-height: 16px; text-align: center; color: #606174;"><b>Filmhound Archival Service</b><br>260 Commerce St # 300, Montgomery, AL 36104</td></tr></table></td></tr></table></td></tr></table></body></html>
I suspect it’s the email client. Or maybe there is something additional to the HTML that’s being sent?
Here’s what your HTML looks like using the W3Schools “tryit” editor:
Notice there is no dangling left arrow.
I also ran your HTML through the W3C validator. Whilst it did turn up lots of errors/warnings, the basic structure seems fine.
2 Likes
Yea, that’s what I used to preview it while building. No arrow in it or in iOS mail on desktop but it is there on iOS mail mobile…
After seeing all the errors and obsolete code used, how hard would it be to update it to todays standards?
Probably not too difficult - how is the HTML generated?
1 Like