How can I add images through HTML without them being stripped out?

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
I'm trying to add images, to use as icons, directly to my template code. Here's the process I've tried.

1. Add the required images to the image library.
2. Copy the source URL for those images
3. Insert <img> tags with the source URL's into the template code

The image appears correctly in the template editor as well as the email editor. However, when I send out a test email, the images are stripped out (images inserted through the MyEmma UI have no issues showing up).

I've inspected the code of the email. It looks like the <img> tag is still there, but the "src='sampleURL'" is missing. Is Emma stripping out the source URL? If so, is there a way around this issue?
Photo of Kellen Lester

Kellen Lester

  • 6 Posts
  • 0 Reply Likes

Posted 2 years ago

  • 0
  • 1
Photo of Laura Dickerson

Laura Dickerson, Official Rep

  • 778 Posts
  • 64 Reply Likes
Hi there,

Which template are you working in? I will take a look at the code.
Photo of Kellen Lester

Kellen Lester

  • 6 Posts
  • 0 Reply Likes
Hi Laura,

If you've been able to do any trouble shooting, I appreciate the effort. However, I discovered the issue. When working in the email editor, all images hosted on Emma (the Amazon cloud) use a source URL similar to "//s3.amazonaws.com/emma-assets/wkw/4a54cd855487b6e3eee1d4c4f639d9b8/location.png".

I found that the missing http: was causing Emma to strip my images out. To fix it, I manually plugged in http: and it worked like a charm. 

I'm not sure why Emma doesn't use the http: in the generated source code... Anyway, have a grand weekend!
Photo of Kellen Lester

Kellen Lester

  • 6 Posts
  • 0 Reply Likes
I'm using one of the blank templates. I'm currently working in the footer area, so I'll copy the code from the closing [%/ layout % ] and down. I only have one image plugged in currently. I'd use your browsers find tool (CMD + F) to look for "location.png".
Photo of Kellen Lester

Kellen Lester

  • 6 Posts
  • 0 Reply Likes
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </td>                      </tr>
                      </tbody>
                      </table>
                      </td>
                      </tr>
                      </tbody></table>
                      </td></tr></tbody></table>
                      <div style="width: 100%">
                      <table align="center" width="620">
                      <tbody>
                      <tr height="15"></tr>
                      <tr height="20" style="height: 20px">
                      <td style="height: 20px; width: 50px; text-align: center"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="#3c3c3c"><span style="font-weight: normal"><b>Living
                                                                                                                                                                   Home</b></span></font></a></td>
                      <td style="height: 20px; width: 50px; text-align: center"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="#3c3c3c"><span style="font-weight: normal"><b>Fact
                                                                                                                                                                   Check</b></span></font></a></td>
                      <td style="height: 20px; width: 50px; text-align: center"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="#3c3c3c"><span style="font-weight: normal"><b>Recipes</b></span></font></a></td>
                      </tr>
                      <tr height="15"></tr>
                      </tbody></table>
                      </div>
                      <div style="width: 100%; background-color: #3c3c3c">
                      <table align="center" width="620">
                      <tbody>
                      <tr height="15"></tr>
                      <tr height="20" style="height: 20px">
                      <td style="height: 20px; width: 50px; text-align: center; border-right: 1px solid #fff"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="white"><span style="font-weight: normal"><b>Living
                                                                                                                                                                   Home</b></span></font></a></td>
                      <td style="height: 20px; width: 50px; text-align: center; border-right: 1px solid #fff"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="white"><span style="font-weight: normal"><b>Fact
                                                                                                                                                                   Check</b></span></font></a></td>
                      <td style="height: 20px; width: 50px; text-align: center; border-right: 1px solid #fff"><a href="#" style="text-decoration: none; font-size: 15px" target="_blank"><font color="white"><span style="font-weight: normal">
                      <img alt="" src="//s3.amazonaws.com/emma-assets/wkw/4a54cd855487b6e3eee1d4c4f639d9b8/location.png" style="width: 25px; height: 25px"><b>Recipes</b></span></font></a></td></tr></tbody></table></div>
                      </div>
                      <table border="0" cellpadding="0" cellspacing="0" class="mobile-width" style="padding-bottom: 30px" width="640">
                      <tbody>
                      <tr>
                      <td align="left" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%">
                      <tbody><tr>
                      <td align="left" class="stack" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%">
                      <tbody>
                      <tr>
                      <td align="left" class="footer-text" style="font-family: Helvetica, Arial, sans-serif; color: #9d9e9f; font-size: 11px; line-height: 1.8; text-align: left; padding: 20px 0" valign="top">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              [% management %]
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </td>
                      </tr>
                      <tr>
                      <td align="left" class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.5; text-align: left" valign="top">
                      <a href="#" style="color: #9d9e9f; text-decoration: none; pointer-events: none">[% account_rsvp_address_1 %] [% account_rsvp_address_2 %]<br>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              [% account_rsvp_city %], [% account_rsvp_state %] | [% account_rsvp_zip_code %] [% account_rsvp_country %]</a>
                      </td>
                      </tr>
                      <tr>
                      <td align="left" class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.5; text-align: left; padding-top: 20px" valign="top">
                      <a href='[% member:email %]' style='color: #9d9e9f; text-decoration: none'>[% recipient %]</a>
                      </td>
                      </tr>
                      </tbody></table>
                      </td>
                      <td align="center" class="stack" valign="bottom" width="146">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%">
                      <tbody><tr>
                      <td align="center" style="padding-top: 20px" valign="bottom">
                      <div>[% emma %]</div>
                      </td>
                      </tr>
                      </tbody></table>
                      </td>
                      </tr>
                      </tbody></table>
                      </td>
                      </tr>
                      <tr>
                      <td align="left" style="line-height: 0; font-size: 0" valign="top">
                      <div style="line-height: 0; font-size: 0">[% bug %]</div>
                      </td>
                      </tr>
                      </tbody></table>
                      </body></html>
Photo of Laura Dickerson

Laura Dickerson, Official Rep

  • 778 Posts
  • 64 Reply Likes
Hey there,

I have someone who is better versed in code than I look at this. I should have info soon!
Photo of Kellen Lester

Kellen Lester

  • 6 Posts
  • 0 Reply Likes
Hey Laura, you may have missed my comment above, but I've figured out the issue. Thanks.
Photo of Laura Dickerson

Laura Dickerson, Official Rep

  • 778 Posts
  • 64 Reply Likes
Cheers! Thanks!