Using Images in Stationery Layouts

Document created by user.oxriBaJeN4 Employee on Sep 4, 2015Last modified by user.Yo2IBgvWqr on Sep 29, 2017
Version 14Show Document
  • View in full screen mode

You can significantly improve the look and feel of your stationery layouts by including images (e.g. company branding, photos). This greatly improves the marketing perception of your organization, as external recipients are exposed to your company’s branding displayed in a consistent manner. Images can be displayed as:

  • Static elements that don’t perform actions (e.g. company branding).
  • Clickable components (e.g. to record a user's email address, promote products / services). Clicks generated by the image are available in the stationery reporting module.


Image Requirements


All images used in a stationery layout must meet the following requirements:

  • The image must be a common image file format (e.g. .GIF, .JPG, .JPEG, or .PNG).
  • It is recommended images have a minimum resolution of 72 dpi.
  • A guideline for image sizes is 270px for width, and 100px in height. However, almost any dimensions can be used (e.g. vertical or horizontal banners).


To use an image in a stationery layout you must:

  1. Upload the image to the image library.
  2. Add an image tag to your stationery layout.
  3. Assign the image to the stationery layout tag.


Uploading an Image to the Image Library


To use an image, the file must first be uploaded to the image library. Once there, it can be added to a stationery layout. To upload an image to the image library:

  1. Log on to the Administration Console.
  2. Click on the Administration toolbar button. A menu drop down is displayed.
  3. Click on the Stationery | Images menu item.
  4. Select a Folder into which the image will be placed.
    You cannot place an image in the Root folder. 
  5. Click on the New Image button.
  6. Complete the Image Upload section as follows:

    Field / OptionDescription
    Select ImageUse this field to select the image to be uploaded.
    1. Click on the Choose File button.
    2. Select the Image to be uploaded.
    3. Click on the Open button. The file name is displayed in the field.
    Image InformationThis is a display only field that displays information about an uploaded image (e.g. file path, file size). When uploading a new image this field displays "Not loaded".
  7. Click on the Upload and Preview button. A preview of the image is displayed.
  8. Click on the Save and Exit button. All the images located in the same folder are displayed.


Adding an Image Tag to a Stationery Layout


After an image is uploaded to the image library, you can add a reference to it in your stationery layout. The first part of this process involved adding a HTML tag to the stationery layout with the following components:


MC type=clickimageYesThis is the Mimecast HTML tag for an image component.

As there can be multiple images in a stationery layout, it is important you can identify which image is which. Replace "XXX" with a unique textual reference name of your choice. For example, if there are two images in the layout (one at the top and one at the bottom) you could use:

  • <mc type=clickimage code=imagetop>
  • <mc type=clickimage code=imagebottom>
Resize=trueNoIf specified, the image is resized when viewed on devices with smaller screens. For example if the width of a device's screen is 375px, but an image is 500px, the image is resized to the width of the device.


For example:

            <MC type=clickimage code=producta resize=true>


Assigning an Image to the Stationery Layout Tag


With the image added to a stationery layout in the HTML, you need to link the reference to the image. Without doing this, the image displays as a yellow box in the layout:


Unlinked Image in HTML


To link an image to the HTML:

  1. Click on the Yellow Box. The stationery layout's properties are displayed.
  2. Click on the Lookup button to the right of the "Assigned Image" field.
  3. Select the folder where the image to be assigned is located.
  4. Click on the required image. The image is previewed inside the stationery layout.
  5. Click on the Save and Exit button.


See Also...


3 people found this helpful