How to Add Text Over Images in Email Templates
This guide will show you how to add text over a background image in your email template using ShopAgain's email editor. If you haven't added a background image yet, please refer to Adding or Removing a Background Image in the Email Editor.
- An email template with a background image. Learn how to add one here.
Navigate to the email editor where your background image is set.
You should see the block where you have set the background image.
Choose text block, and drag it into the block containing the background image.
Once you've dragged your preferred text element, place it within the background image block in your template.
You can align the text element by changing its padding settings. This will position the text element precisely where you want it over the background image.
Before saving, make sure to preview the email template to ensure the text is visible and positioned correctly over the background image.
- Make sure your text color contrasts well with the background image for readability.
- Use the padding and alignment tools to position your text precisely where you want it over the image.
Adding text over a background image can make your email templates more dynamic and engaging. Always remember to preview your changes to ensure everything looks perfect.
Prerequisites
- An email template with a background image. Learn how to add one here.
Steps
1. Open Your Email Template
Navigate to the email editor where your background image is set.
2. Locate the Background Image Block
You should see the block where you have set the background image.
3. Drag Any Text Block, Heading, or Text As You Prefer
Choose text block, and drag it into the block containing the background image.
4. Place the Dragged Element into the Template
Once you've dragged your preferred text element, place it within the background image block in your template.
5. Change Alignment by Adjusting Padding
You can align the text element by changing its padding settings. This will position the text element precisely where you want it over the background image.
6. Preview and Save
Before saving, make sure to preview the email template to ensure the text is visible and positioned correctly over the background image.
Tips
- Make sure your text color contrasts well with the background image for readability.
- Use the padding and alignment tools to position your text precisely where you want it over the image.
Conclusion
Adding text over a background image can make your email templates more dynamic and engaging. Always remember to preview your changes to ensure everything looks perfect.
Updated on: 02/02/2024
Thank you!