Hi,
Just sharing with you an example for sending HTML emails using the Email Widget. I know nothing about HTML but this is working so decided to share.
Don’t forget to #define BLYNK_MAX_SENDBYTES 1024 and keep it below 1024 bytes, including subject. This needs to be before everything in your program.
Also allow text/hetml on Blynk Email Widget settings.
Use Link Shortner to make the picture link shorter. And HTML Editor to see changes on the HTML example.
<table border="0" width="100%" cellspacing="0">
<tbody>
<tr>
<th style="background-color: #04c0f8; width: 46%; padding: 0px 10px; font-size: 32px;">HTML + <img src="https://goo.gl/VtPJWa" alt="" width="80" height="80" /> = 🚀</th>
<th style="background-color: #04c0f8; margin-bottom: 5px; text-align: center; padding: 10px; font-family: sans-serif; font-size: 32px; width: 86.715%;">EMAIL</th>
</tr>
<tr>
<td style="background-color: #ffffff; font-size: 3px; width: 133%;" colspan="2"> </td>
</tr>
<tr>
<td style="background-color: #f0f0f0; padding: 10px; font-family: verdana, sans-serif; width: 100%;" colspan="2">
<p style="text-align: center;"><strong>YOUR TEXT GOES HERE</strong></p>
</td>
</tr>
</tbody>
</table>
Use \ (backslash) before every " and that way the compiler won’t consider it as a String stuff. So Arduino code should loop like:
String myHTML = String("<table border=\"0\" width=\"100%\" cellspacing=\"0\"><tbody><tr><th style=\"background-color: #04c0f8; width: 46%; padding: 0px 10px; font-size: 32px;\">HTML + <img src=\"https://goo.gl/VtPJWa\" alt=\"\" width=\"80\" height=\"80\" /> = ☝</th><th style=\"background-color: #04c0f8; margin-bottom: 5px; text-align: center; padding: 10px; font-family: sans-serif; font-size: 32px; width: 86.715%;\">EMAIL</th></tr><tr><td style=\"background-color: #ffffff; font-size: 3px; width: 133%;\" colspan=\"2\"> </td></tr><tr><td style=\"background-color: #f0f0f0; padding: 10px; font-family: verdana, sans-serif; width: 100%;\" colspan=\"2\"><p style=\"text-align: center;\"><strong>YOUR TEXT GOES HERE</strong></p></td></tr></tbody></table>");
Blynk.email("your_email@mail.com", "Subject: Button Logger", myHTML);
