Custom positioning of View in Browser (VIB) Link

View in browser link in an email enables users to view the email content in the web browser. 

In the MoEngage Email Campaign module, the view in browser option is positioned at the top of the email campaign, above the header by default.

Modifying the Position of View in Browser link

To customize the position of the View in Browser link place the following HTML tag in the required position.

<a id="moe_email_vib">Enter text here</a>

The HTML tag can be added inside an HTML block in the Drag and Drop editor or directly in the HTML code editor and can be styled using CSS elements to customize the appearance such as color and font. 

Adding 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 is BIMI different from other authentication methods.

Ensure the following:

1. 1. Ensure that DMARC authentication is based on organizational policy. Set it to either quarantine or reject.
   2. Publish the BIMI record to your DNS, which has the logo indicator in SVG format or a Verified Mark Certificate (VMC). 

You can get in touch with us by dropping an email to support@moengage.com.

Using your email account

Prerequisites

• Ensure that your sending address has a mailbox or emailing account.
• Ensure that you can easily add a sender image in the mailbox or emailing account. 

Procedure

1. 1. Navigate to Settings
   2. 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 Google Annotations

Annotation is a feature supported in Gmail that allows to display few contents of the promotional email as a card and offers better email visibility. The sender or brand image can also be added while configuring the annotation. 

1. To understand how to annotate your email, refer here and ensure to review the generated Annotations code.
2. Add the Annotations code as an HTML content block at the top of the HTML in the Drag and Drop editor or in the Head tag while viewing the code in the HTML editor. 

Using Custom Fonts in Email

MoEngage Email campaign and channel support only web-safe fonts. The MoEngage HTML WYSIWYG Editor and the Drag and Drop WYSIWYG Editor support the following fonts:

• Arial
• Courier
• Georgia
• Helvetica
• Lucida Sans
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana
• ヒラギノ角ゴ Pro W3
• メイリオ
• Bitter
• Droid Serif
• Lato
• Open Sans
• Roboto
• Source Sans Pro
• Montserrat
• Ubuntu