How to Add a Background Image to an Email Template

Last updated at:

Add a Background Image to an Entire Email

To add a background image to an email template open the template in the template editor, click the Styles tab on the left-hand sidebar, and scroll to the Background section near the bottom.


You will see the option to upload a background image here. The image you select will be used as the background image for the entire template. You can change how the background image is positioned and whether or not it should repeat (or tile) horizontally and vertically.

Here is an example:


This shows a white background with a colorful pattern as the template background with an all-white text background.

Backgrounds for Individual Blocks

Klaviyo doesn't yet support different background images for individual blocks. However, there are several alternative options to achieve a similar result.

Using a Solid Color Background

To update the background of the block, select the block and navigate to the Block Styles tab in the left-hand sidebar. Use the popup color selector or manually enter a hex value to choose the block's background color.


Make a Block's Background Transparent

To make an individual block's background transparent so the template background will show, navigate to the main Styles tab in the sidebar. Delete the hex color for the Content Background value.

Save the settings and refresh the page. Doing so will affect every block that doesn't already have a set background color. For blocks where you'd like to establish a background color, click on each block individually and set a background color in Block Styles.


Embed Text Over an Image

First, create an image block with the background image you'd like to use. Then, use the Edit Image option to add text on top of the image. If you choose this approach, the text will be embedded in the image. This means the text will not be selectable by recipients (i.e. they will not be able to click links or copy & paste the text), but it will look the same as overlaying text on your background.

Interested in email design? Check out our Guide to Email Design to learn more.
Was this article helpful?
46 out of 108 found this helpful