How to make a background picture for your email how to#
In the drag-and-drop email editor, use a color picker tool to choose the color which matches your original background image and the email in general.Image source: Getty Images Find out why using email background images can help boost the performance of your campaigns, and learn how to best use them in your messages.Įmail marketing is not dead, and it isn’t dying. Stick to all design requirements we’ve mentioned before and remember to indicate the background color in case the actual image gets blocked by the email client. Adding a background image to the template Ways to create an email template in SendPulseįill in your template with the necessary content, preview and send a test email before you launch your campaign. To add a background image to a premade template, choose the first option and then any of the appealing template options in the drop-down menu. Then choose a way to create your template - in Layout Template Editor, in HTML Editor, or through Template import. First of all, go to the Email Templates menu in your SendPulse account and click “Add a template.” Adding a template in SendPulse SendPulse allows you to add a background image to your email template. How to set a background image in SendPulse To be on the safe side, you need to include the background color attribute or background color property to contrast the HTML content and make sure your message is readable. Provide an ALT text in the settings of the image so that the users will still see what you’ve sent them. Be forearmed: make sure you have a plan B for such cases. Add ALT textĪs we’ve mentioned above, some web clients block background images by default. While creating your template, set a backup color in the settings so that it correlates with the overall color pallette of your email. In cases when the background image fails to display, a default color will display. Email with a background image from Urban Decay Set fallback colorsĪnother precaution is choosing a background color. The colors of the preheader, the CTA, and the fonts all play together with the background image to make the whole email look balanced and legible. The company has chosen cool background, so they kept the rest of their design in a minimalistic way. In case your background is too showy, add minimum text or vice versa. Content keep in mind the 40 to 60 image-to-text ratio.Colors: choose three main colors in your background image and make sure they play together with the rest of the template pallette.Fonts: make sure you use readable fonts that don’t get lost among other background images.Location: place the background image in the center of the template.This way, the actual image size won’t exceed the sizes of the user’s browser and your template. Size: choose an image > 600px high and >1200 px wide.
You need to plan the overall look of your template - its content, fonts, text size, CTA’s location - and see whether they correlate with the background image you’ve chosen.
Follow design rulesįollowing some design standards is paramount for choosing a background image. We recommend sticking to the following rules to play a safe background image game. What if using background images in email is important for your campaign? We’ve gathered some essentials for you to consider while constructing a template with a background image. Background image support in email clients. However, adding a background image to your email copy might also turn out to be a pain in the neck - according to Litmus, not all email clients support background images. Meanwhile, adding a background image, you may be sure your message will be visible even if the background image gets blocked. Yet if the recipient’s email client blocks images, such an email won’t be displayed, so the users won’t see your message at all. Some email marketers may use a wholesome image which already contains text and pics for an email template. Take a look at how an email with a background image looks: An email with a background imageĪnd here’s the same email without a background image, but with a background color only. Such images are usually complementary to other content in the email, which means you can layer additional images, text, and calls-to-action on them. How to set a background image in SendPulseĪ background image is an image which is placed in the background of an email or its element.How to apply background images in email.
0 kommentar(er)
