Are you wanting to create a custom Email Template, but not comfortable working with code?

Try our Visual Email Template editor! You can create beautiful custom Email Templates, without having to touch a line of code (unless you want to, that is — you can still add custom CSS to our visual editor).

Here’s how it works!

How to Create a New Email Template

Head on over to the Email Templates page in your ConvertKit account and click the ‘New Email Template’ button. You’ll be taken to this page:

Here, you’re faced with a choice: do you want to use the visual editor, or the HTML editor? 

That’s right — you still have the option to work with the code editor if that’s what you prefer! Here’s our guide on that. 

NOTE: If you choose the visual editor, you will not be able to access the HTML for your template, but you will still be able to add custom CSS (here's how!). If you choose the HTML editor, you will not have access to a visual editor for your template. You are also not able to switch editors for a template after it has been created.

If you want to work with the visual editor, select one of the templates. Those are just there as starting points: once you choose one, you can then customize it to your liking!

Styling the Email Content

Once you select your template, you’ll be taken to a page that looks something like this:

To start with, give your new template a name from the top corner so you can easily identify it from the list:

Then, you get to customize the visual styles!

The sidebar is organized into the following sections:

  • General styles is where you can select the colors of the email content containers, as well as their width (spacing), and the roundedness of the corners (corner radius).

  • Paragraph styles is where you can modify the appearance of the main body copy.

  • Heading styles is where you can modify the appearance of the heading copy.

  • Button styles is where you can modify the appearance of the button elements.

  • Additional styles is where you can remove or turn on the Built with ConvertKit badge (paid plans only).

Default Content

In the template editor, you'll be able to enter your default content between the tags that say “Start of default content” and “End of default content”.

Learn more about default content here.

Adding Additional Content

You can add additional content sections above or below the email content itself.

Hover your cursor near the top or bottom of the Email Template until a block appears. Click, and then click the + sign to the left of the screen. Then you can select the content blocks from that list to add to your template, and edit them accordingly.

For example, if you want to add your logo at the top of your template, you can select ‘Image’ and then upload your logo accordingly.

Alternatively, if you’re adding content at the bottom of the template you can also click at the beginning or end of the section with the Unsubscribe link in it, then press ‘Enter’ on your keyboard to create new sections above or below:

If you want to customize the unsubscribe text, here's how to do that.

Don’t forget that an Unsubscribe link and mailing address are necessary to include in your emails in order to be compliant with anti-spam laws!

Finally, don’t forget to click the red ‘Save’ button in the top right corner when you’re done!

Creating a Custom HTML Email Template

Did this answer your question?