Creatives tab helps in configuring WeChat, email, text, and coupon templates for use in campaigns. These templates can then be used for sending discount coupons, reminders, and offers to customers through emails and SMSs.

On the CAMPAIGNS tab, click Creatives. You will see the Email Templates category by default.

Aul8rbGrigwhUkE2XNfHDVRZdDz7jDp9Lw.png

In the top drop-down list, choose the Image Gallery from the drop down(Email Templates/ Coupon Templates/ Images/ WeChat Templates/Mobile Push) to view the existing images for that category.

Using Image Gallery for Email Templates

Image Gallery consists of a library of images. The images can be used when creating templates or when adding messages in a campaign. You can search for a specific image through the search box. When you select an image, the properties (dimensions and image size) of the image appear below it. To upload new images, click the Upload Image button. It should be noted that while uploading an image, file size should not be more than 5MB.

You can also search for an image using the search box.


Emails help announce offers, invite customers to take advantage of a special event, or include coupons that customers can avail for discounts. An email template can be used to design a single message that can be sent to a target audience. The single message might include custom tags that will vary depending on the profile of the recipient. 


To create a new email template, click New Template or to edit an existing template click the template that you want to edit and use. For information on creating Email templates, see Creating Email Templates.

Images are not sent along with your email messages directly, instead, they will be linked from your Media library (Gallery). Hence, you first need to upload/import images to the media library from your computer and insert images from the library into the email template.

To insert an image, double-click on the Image placeholder, you will see the Media Library window and select the desired image from the library. If the media library won't open up, click the Jump to Gallery button in the Image Toolbox on the right and select the desired image.


To upload images from local computer to the media library, use the Upload option. To import images that are hosted on the web, use Import images from URL.

Customizing Inserted Images

Once you insert an image into the email template, customize the image properties by clicking on the image.
You can add hyperlink and alternative text to the image.

Add Link to an image
Because the images are visually strong, it is a good practice to use them as links – readers will probably try to click on them.
Adding Alternative text to an image
The alternative text is displayed when the image is not available. Email clients often do not display images by default unless the user manually confirms to display images. In some rare cases images may not be displayed at all. Hence, it is good to have at least a text describing what the image should convey to the user, or provide some clickable link.

Resizing and aligning an Image
If the Image is smaller than its container, it won’t be stretched but will shrunk if it is larger than the container.
To reduce the size of an image, use the slider or input field in the Size toolbox. The image can be aligned to the left, center or right inside its container element.

Note:

  • The widest view of a responsive template is 600px. Hence, it is recommended to use larger images than this.
  • To display images, email client has to download the images which could be a slow process if the image size is too big.
  • It is also recommended to consider mobile devices and slow internet connections when you minimize the size of the images.


Adding Margin, Border, Background and Padding to an Image
Similar to the Box, use Margin set distance to the other objects (Example: Text). To put image and text next to each other, set image and its container size such that the image and the next object has some space between them.


Setting top and bottom margins are preferred for responsiveness as it would not cause any problems in mobile view.
To create a “frame” effect around your image, add background color, padding, border and margin. It will leave sufficient space between the image and other elements.