Adding or Removing a Background Image in the Email Editor
A well-chosen background image can elevate the look of your email. On the other hand, sometimes you might need to remove a background image for a cleaner design. This guide will help you with both these tasks in the email editor. Let's go through the steps to add or remove a background image in your email template.
Step 1: Open the Email Template:
Open the email template you want to modify.
Step 2: Select the Background Area:
Click on the area outside of any content blocks to choose the background.
![Selecting the Background Area](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/1_1x476id.png)
Step 3: Choose New Image Source:
Scroll down on the right-hand side panel to find Background section. In the Background section, enable the image option.
![Turn on the Image option](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2_8brfy7.png)
Click on the Upload Image button if you have an image file you'd like to use.
![Upload image button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/3_1h7hb3p.png)
Alternatively, paste an image URL into the provided field. After inserting the URL, click outside the field or press enter.
![Paste Image URL here](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/4_154hafa.png)
![Background Image Reflected](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/5_1ll015t.png)
Step 4: Upload Image:
If you're uploading an image, a gallery will open. Click on the 'Upload Image' button in the top right corner.
![Image Gallery](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image4_pkz8gl.png)
Then, a popup will appear asking you to select your image file. Choose your image and click Open.
![File Selection](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image5_1lu6v4k.png)
Step 5: Confirm Selection:
If you've uploaded an image, it will appear in the gallery. Click on your newly uploaded image to select it.
![Selected New Image](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image6_oubiiy.png)
Once the image is selected, it will immediately reflect as the new background of your template.
![New Image Reflected](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/6_zq2yox.png)
Step 6: Save the Template:
After changing the image, click Save to apply the updates to your template.
![Save Button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/7_1ad9a6q.png)
Step 1: Open the Email Template:
Open the email template you want to modify.
Step 2: Select the Background Area:
Click on the area outside of any content blocks to choose the background.
![Selecting the Background Area](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/6_6ksmqy.png)
Step 3: Turn off image:
Navigate to Background Section in the right-hand side panel. In the Background section, turn off the image.
![Turn off Image](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/8_13rxwyu.png)
![Background image removed](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/9_rlfomj.png)
Step 4: Set the Background Color:
You can set the desired background color using the color picker.
![Selecting background color using color picker](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/10_1v51p1c.png)
Step 5: Save the Template:
After changing the image, click Save to apply the updates to your template.
![Save Button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/11_142ahcb.png)
Steps to Add a Background Image in Your Email Template
Step 1: Open the Email Template:
Open the email template you want to modify.
Step 2: Select the Background Area:
Click on the area outside of any content blocks to choose the background.
![Selecting the Background Area](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/1_1x476id.png)
Step 3: Choose New Image Source:
Scroll down on the right-hand side panel to find Background section. In the Background section, enable the image option.
![Turn on the Image option](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/2_8brfy7.png)
Click on the Upload Image button if you have an image file you'd like to use.
![Upload image button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/3_1h7hb3p.png)
Alternatively, paste an image URL into the provided field. After inserting the URL, click outside the field or press enter.
![Paste Image URL here](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/4_154hafa.png)
![Background Image Reflected](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/5_1ll015t.png)
Step 4: Upload Image:
If you're uploading an image, a gallery will open. Click on the 'Upload Image' button in the top right corner.
![Image Gallery](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image4_pkz8gl.png)
Then, a popup will appear asking you to select your image file. Choose your image and click Open.
![File Selection](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image5_1lu6v4k.png)
Step 5: Confirm Selection:
If you've uploaded an image, it will appear in the gallery. Click on your newly uploaded image to select it.
![Selected New Image](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/image6_oubiiy.png)
Once the image is selected, it will immediately reflect as the new background of your template.
![New Image Reflected](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/6_zq2yox.png)
Step 6: Save the Template:
After changing the image, click Save to apply the updates to your template.
![Save Button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/7_1ad9a6q.png)
Steps to Remove a Background Image in Your Email Template
Step 1: Open the Email Template:
Open the email template you want to modify.
Step 2: Select the Background Area:
Click on the area outside of any content blocks to choose the background.
![Selecting the Background Area](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/6_6ksmqy.png)
Step 3: Turn off image:
Navigate to Background Section in the right-hand side panel. In the Background section, turn off the image.
![Turn off Image](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/8_13rxwyu.png)
![Background image removed](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/9_rlfomj.png)
Step 4: Set the Background Color:
You can set the desired background color using the color picker.
![Selecting background color using color picker](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/10_1v51p1c.png)
Step 5: Save the Template:
After changing the image, click Save to apply the updates to your template.
![Save Button](https://storage.crisp.chat/users/helpdesk/website/f62a8e0a500a1800/11_142ahcb.png)
Updated on: 02/02/2024
Thank you!