You can customize your email content by adding sender images, Gmail markups, and using custom fonts. This article describes how you can use these options to customize your content for email campaigns.
Add Sender Image for the Email
To add the sender image for all your email campaigns, use any one of the following methods:
Using BIMI
BIMI is a verification framework that authenticates the brand and enables the display of the brand logo in the avatar field of emails. Yahoo! Mail and Google have adopted the BIMI method. For more information on implementing BIMI, refer to Why, What, and How BIMI and How BIMI differs from other authentication methods.
Ensure the following:
- Ensure that DMARC authentication is based on organizational policy. Set it to either quarantine or reject.
- Publish the BIMI record to your DNS, which has the logo indicator in SVG format or a Verified Mark Certificate (VMC).
- You can contact the MoEngage Support team.
Using your email account
To use your email account for adding a sender image, the following prerequisites need to be met:
-
- Ensure that your sending address has a mailbox or email account.
- Ensure that you can easily add a sender image in the mailbox or email account.
Navigate to Settings and use the option to upload or change your sender image. For more information about adding sender images for Outlook and Google, refer to Outlook and Google.
Using Custom Fonts in Email
MoEngage Email campaigns support any custom fonts, including web-safe fonts. Contact MoEngage support to enable this feature for your workspace.
The MoEngage HTML Custom editor and the Drag and Drop editor currently support the following fonts:
- Arial
- Arial Black
- Avenir Next
- Bitter
- Brandon-Black
- Brandon-Black-Italic
- Brandon-Bold
- Brandon-Bold-Italic
- Brandon-Light
- Brandon-Light-Italic
- Brandon-Medium
- Brandon-Medium-Italic
- Brandon-Regular
- Brandon-Regular-Italic
- Brandon - Thin
- Brandon - Thin - Italic
- Brush Script MT
- Calibri
- Century
- Comic Sans MS
- Courier New
- Gilroy-Light
- Gilroy-Medium
- Gilroy-Regular
- Gilroy-Semi-Bold
- Helvetica
- Helvetica Neue
- IBM Plex Serif
- La
- Lucida Sa
- MADE Mellow Bla
- MADE Mellow Bo
- MADE Mellow Lig
- MADE Mellow Medi
- MADE Mellow Regul
- MADE Mellow Semi Bol
- Manrop
- Montserra
- Montserrat-Verdan
- Noto San
- Noto Sans S
- Noto Sans TC
- Noto Sans Thai
- Noto Sans Thai Looped
- Nunito
- Nunito Sans
- Open Sans
- Outfit Bold
- Outft ExtraBold
- Outfit Light
- Outfit Medium
- Outfit Regular
- Outfit SemiBold
- Palatino
- Pilate Demi
- Pilate Light
- Pilate Wide Book
- Pilate Wide Heavy
- Poppins
- Poppins-Light
- Proxima-Nova
- RIBasisGrotesque Black
- RIBasisGrotesque Bold
- RIBasisGrotesque Medium
- RIBasisGrotesque Regular
- Roboto
- Rubik
- Source Sans Pro
- Tahoma
- Telo Neo
- Times New Roman
- Trillium Web
- Treuchet MS
- Ubuntu
- Verdana
- sans-serif
- serif
- sofia_for_unileverbold
- sofia_for_unileverlight
- sofia_for_unileverregular
- sofia_for_unileversemi_bc
- sofia_probold
- sofia_prolight
- sofia_promedium
- sofia_proregular
- sofia_prosemibol
- ヒラギノ角ゴ Pro W3
- メイリオ
info |
Font Support for Gmail and Outlook
|
Font Compatibility and Fallback
Not all email clients fully support every font listed above. When a recipient's mailbox provider (such as Gmail or Yahoo) does not support a specific font, they apply their own standard, default fallback font to ensure readability.
The Custom Fonts feature of MoEngage allows you to manage this behavior by letting you specify your own tiered fallback options. This gives you greater control over how your emails display when custom fonts fail to render.
Using Gmail Markups
Markups help users interact with an email in Gmail without opening it by adding call-to-action buttons or links in the subject line. Gmail uses schema.org, a markup vocabulary, an open standard that can be used to add code (markup) to your email templates. With markups, you can highlight important information and improve conversions (click-through rates). For example, you can use Gmail markup to bring up cards in the inbox that highlight the travel information of the user (such as departure time, date, flight information, and so on). Similarly, you can add order confirmation, shipping/delivery information, and reservation details and highlight them or help users take action by adding actions to the email.
library_add_check |
Prerequisites Your domain should be registered with Google for the markups to work. For more information, refer to Registering with Google. |
Add Markups to Email Template
To add a markup to your email template, do the following:
- Choose the desired markup from the type that you want to add and navigate to it from here. For example, to add a one-click action to the email template, navigate to the one-click action reference page.
- Copy the Micro Data (not the JSON-LD) for the desired action and paste it to your Email Template in MoEngage during campaign creation.
Example
To show the flight details on a card in the flight reservation confirmation email, do the following:
-
- Copy the micro data from Flight Reservation.
-
Add this to the body of your Email Template (either past the code inside the custom HTML template's Body or add an HTML block in the drag and drop editor and paste this code inside it) and publish the campaign.
- Preview of Email delivered to the inbox
- Copy the micro data from Flight Reservation.