ℹ️ You're viewing the guide for the V2 email editor
Details
Adding a background image to your email message (instead of just a background colour) is a great way to add that something extra to your email design. In this guide, we'll take a look at how to set this up.
Email clients vary in their level of support for background images. If you are using a background image, it is recommended that you run an Inbox Test to preview how the email will display in different clients. You should also apply a background colour (also explained below) to ensure that the content of your email is readable even if the background image isn't shown.
How-to Guide
- Select Messages from the sidebar.
- Open your desired email message for editing, or create a new one.
- Click on the main background of your email (ie. off to the side somewhere within the email window)- outside of any components you may have placed. This ensures you have not selected anything, and are editing the base parameters of your mail - and not any of the components on the screen.
- Select the Styles tab on the left side.
-
Locate the Outer Background and Email Background panels and use the options provided to adjust the background colour or add an image. As you can see, the Outer Background fills the entire page, whereas the Email Background only covers the email itself (though if you've set a background colour on a component, then this will block the background image).
If using a background image, you can also adjust how the image appears by clicking one of the options when you hover over the image on the left (as shown).
ℹ️ You're viewing the guide for the Classic email editor
Details
Adding a background image to your email message (instead of just a background colour) is a great way to add that something extra to your email design. In this guide, we'll take a look at how to set this up.
Email clients vary in their level of support for background images. If you are using a background image, it is recommended that you run an Inbox Test to preview how the email will display in different clients. You should also apply a background colour (also explained below) to ensure that the content of your email is readable even if the background image isn't shown.
How-to Guide
Add a Background Image To an Email
- Select Messages from the sidebar and open your email message for editing.
- Select the Design tab from the right hand side panel.
- Expand the Email Body & Background panel.
- Click Select Image in the Background Image section (as shown) to open the Files & Images manager and upload or select your desired background image.
- Once you've selected your desired image from the Files & Images manager, click to return to the email builder. Your email will now have a background image set.
- You can optionally enable to Tiled checkbox to tile the image, if suitable.
Add a Background Colour To an Email
As email clients vary in their level of support for background images, we recommend setting a background colour to suit your email - as this will be the fallback for non-supported clients. If your background image is light, use a light fallback colour. If dark, use a dark background colour fallback.
- Select Messages from the sidebar and open your email message for editing.
- Select the Design tab from the right hand side panel.
- Expand the Email Body & Background panel.
- Set your desired colour in the Background Colour section, as shown.