Changing the logo under Messaging > Messaging Settings
The logo that displays under Messaging > Messaging Settings will be what shows up on in the header all of the email templates that are sent out.
At this point, the logo needs to hosted online in order for it to be added to the email header. We are building in an image uploader for this section and I will update this documentation when that is available. For now, please email the image to Lucy Barber at lucy@timetap.com and she will upload it and send you back a link for where the image is being hosted. You'll use the link that you receive back from Lucy and follow the steps below to add the logo to the email header:
- Login to the IBM Parent account and then click the Login button next to the child account that you want to add the logo to (please note: I'm using the Best Company Ever (Demo) account that I set up for your team a while back to go through this documentation so nothing is messed with on any live accounts)
- Once logged into the child account, go to Messaging > Messaging Settings:
- Under Messaging Settings, find the "Email Header" field:
Please note: If there is any content in the email header field currently, feel free to use your mouse to select it and delete it.
- Click the image icon in the email header field to bring up the "Insert/edit image" tool:
- In the "Insert/edit image" pop up window, paste the link that Lucy sent back to you into the source field:
Click the "tab" key on your keyboard to tab out of the source field and you'll see the dimensions fill in automatically based on the size of the image:
The dimensions are width x height, so in the screenshot above the image will be 203px wide by 200px high. If you want it to be smaller/bigger change the dimensions here and if the "Constrain proportions" checkbox is checked the height value will adjust proportionally depending on what you set the width value to.
Please note:most email clients have a max width of 600px. I do not recommend setting the image to be this wide. I would recommend no wider than 250px to display well on all devices.
Click the "Ok" button from the "Insert/edit image" pop up to insert the image to the email header:
- You'll now see the logo appear in the email template header:
If you want to center the logo, you can highlight it and click the "center" icon in the toolbar:
Please note: centering can sometimes be finicky when there are images but no text. If you're having trouble centering, put your cursor in front of the logo, like so:
Then press the space bar on your keyboard:
Now try highlighting everything with your cursor (including the space you added) and pressing the center icon (you can also use ctrl + a on Windows machine to highlight everything):
- Once you've got the logo positioned how you want it, simply press the "Save" button in the top right to commit your changes:
That is everything you'll have to do to add the logo into the header. You'll want to test out sending an email template to make sure that it is appearing correctly. We go through testing sending email templates in another section of this documentation.