Create a Custom Header for your Email Template

At ConvertKit, we like to keep our emails clean and minimal. So we built our editor that way. Just start writing like you would to a friend who wants to hear what you have to share.

But we also know that including a standard header image is important to many people. So we created an option create an email template with your header image.

Here’s how it works. 

First, the header image needs to be hosted on your ConvertKit account. To do this, upload the image to a new broadcast email. Name the subject "Media - Do Not Send". You won't always have to do this, but until we have dedicated media libraries for accounts, it will do.  

Now click on the code editor of the email "<>" and find the snippet that starts with <img src and ends with .jpg>. It may end with png, depending on the image type. Here's an example:

<img src="https://convertkit.s3.amazonaws.com/assets/pictures/1530/6636/content_yourimagename.jpg">

Copy that snippet and paste it on to your computer's text editor (on a Mac, it's called TextEdit). For those who are shuddering about even looking at code, take heart. This is as easy as copy and paste. 

Now go to your account settings, click email templates, then open the Text Only template. Copy that entire piece of code. 

Return to the email templates and create a new custom template. First paste the code from the standard template that you just copied over. Then go to the text editor and copy the image snippet for your header. 

Here's the exciting part. On your new custom template, paste the image snippet in just below <div class="message-content">. Preview to confirm, and click save.

Congrats! You've just created a custom email template with your own image header! You can also accurately state that you've done a little bit of coding on your site :) No more saying to people "Well I'm not a super coder person or anything"

To use the template, select it at the start of any broadcast email, or apply it to a sequence email in the settings for that sequence. 

Happy coding! ;)

Here's a video overview of the process:

Still need help? Contact Us Contact Us