How to Add a Logo to Emails

Adding a logo should be done in your email layout and not in each individual email message. This makes it easier for you to add or update the logo for all your email messages in the future as needed. 

To do this: 

1

From your project dashboard sidebar menu, navigate to Email > Layouts. 

2

Prefinery has template  Starter Layouts that you can use right away by simply editing any of them (doing so will automatically create a new copy of that template layout for you). Alternatively, you can create a new layout from scratch by clicking the Add a Layout button on the top-right corner, or by cloning any of the layouts you've created already. Also, you can just simply edit any of your existing layouts. 

3

If you opted to use one of the starter layouts, you will need to add in an Image block by dragging it in from the Content tab on the right side of the email layout editor. You can then upload your logo image through this content block. 

If you cannot see the editor tabs, just click on X to exit editing the currently selected content block, or simply click on a blank area anywhere on the layout preview. 

You can also use column blocks first if you don't want the logo to span the full width of the email. Perhaps you need to also add text or call-to-action elements on the other half of it. 

4

Auto Width is enabled by default (image will display in full-width up to the width of the block itself), but you can disable this by clicking on the toggle button to manually adjust your logo's width. You can also adjust the logo alignment (centered by default) as well as set an Alternate Text (what is shown if the recipient's email client doesn't load up the image). 

Other options include being able to specify the action you'd like to happen when the user clicks on the logo (open website, send email or SMS, or call phone number), and add padding to the logo image block (create whitespace around your logo). 

5

You can further modify how your logo looks when the email is viewed on a mobile device. To do this, just click on the Mobile tab in the image block editor or the mobile phone button on the preview bar at the bottom-left corner to view and edit the mobile view settings like image width or if you'd like to completely hide the logo on mobile view (Desktop view has this option too). 

6

Don't forget to give your layout an easily identifiable name if you haven't yet, and hit Save then Close if you're done making all the needed changes with your email layout. 

Now you're ready to use this layout on your emails. 

If you were editing an existing layout which you've already set for your email messages (process described in the remaining steps), the logo is automatically applied so you can stop here. 

7

Navigate to Email > Messages, and click on the Actions button for the corresponding email message you'd like to use the new layout on, and select Edit. 

8

In the Email Message editor, click on the Settings tab, then on the Layout dropdown select the new layout you've created. Click on the Save button when done. 

You can preview how the email message looks with the new layout by clicking the Content tab and then Preview. 

9

Repeat steps 7 & 8 for other email messages as needed.