Embbed Company logo in email Body

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • In Progress
Hi,

Did anyone tried embedding a logo via HTML code in the email body while sending a notification, i need to add a logo to the top right side of the email body.
Any thoughts, please let me know.


Sneha
Photo of Sneha Wankhede

Sneha Wankhede

  • 244 Points 100 badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Heather Bryant

Heather Bryant

  • 1,106 Points 1k badge 2x thumb
Hi Sneha,

One way to do this is to add a Text section on the form with HTML to show an image.

First you'll need to upload the image to a file attachment field in a table that all the users will be able to view. You could create an Images app that is open to Everyone on the Internet.

Copy the file attachment URL.

Open the form that gets emailed and create a Text section at the top of the form. 
<img src="https://FILEURL.png"; title="Logo"/>

That should work.
-Heather
Photo of Sneha Wankhede

Sneha Wankhede

  • 244 Points 100 badge 2x thumb
Thanks Heather, but how will i do the 1st step of uploading an image, can you give more details on it.
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,884 Points 5k badge 2x thumb
Hi Sneha,

I would suggest you can create a table in the same app with two fields- Title and attachment then, upload an image in that field and check this option 'Allow access to this file attachment from a Quick Base link without signing in' from the field properties.

Thanks,

Gaurav
Photo of Sneha Wankhede

Sneha Wankhede

  • 244 Points 100 badge 2x thumb

Thanks I tried that but somehow I am unable to set a constant image, so I tried to embed the following HTML code it worked, you can replace the image with any jpeg and png image from web.


<!-- Email Header : BEGIN -->
        <table role="presentation" aria-hidden="true" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="left" width="400" style="margin: auto;" class="email-container">
        <tr>
        <td style="padding: 20px 0; text-align: left">
        <img src="http://i.imgur.com/jaqHrPf.png" aria-hidden="true" width="500" height="100" alt="alt_text" border="0" style="height: auto; background: #ffffff; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
        </td>
        </tr>
        </table>
       <!-- Email Header : END -->