Editing your Template

Once you have opened your template by simply clicking on it, you will have a full view of the mailer to start editing.

• Element Editing Toolboxes

The IMAGE Element

When selecting an image in your template (it can be one that is either pre-placed in the template or if you make use of the drag-and-drop image element), the following toolbox will appear:

The first two options on the toolbox allows you to toggle the size display of your image or secondly to view it full size.
Image size display in mailers are mostly determined by the actual pixel ratio of the image – or at least that is what happens to the end result and how mail clients display it in inboxes. To ensure your image displays correctly, resize it to max 300px or max 600px to ensure they are mobile friendly, since most mail templates in MyMail work on a 600px width for the whole template. Remember 600 / 300 px size images should have a 0 padding setting in MyMail.

Should you toggle with the size bar / full size display, it may land up distorting your image OR enlarging it so much that it influences the rest of your mailer (especially if the actual ratio size is not right).

Best is to always test your mailer preview in different mail clients (eg. gmail for webmail and outlook)

The next option is to link your image. Select the image and click on the chain link.

The following dialog box will appear where you can type / paste in the propper URL of where the image link must go and secondly the image ALT tag. An ALT tag is more important than just a hover over word display – it also helps with indexing on search engines, mostly on website use. In Mailers it is also a good idea to add alt tags to your images for incase the client’s mailbox is blocking image downloads, then it will an empty block but with your ALT tag as message – which often helps draw the attention of users to allow images to download of a mailer. (Note: Embedding images, which was the old way of getting around inboxes that block image downloads, will unfortunately run your spam score up high, so not recommended). Alt tags are also useful for the sight empaired user who makes use of a sound reader to interpret mailers or websites.

Next option on the toolbox is to insert an image. Once you have chosen the option, it will lead you to the Media Manager where all your account images of previous templates would have been saved and of course all new ones you upload:

To upload a new image, simply click on the Upload Media button, to the right and browse to your image to use in the mailer.

Once it is uploaded, click on the Select button that hovers over the image, to insert it in the mailer place where you wanted it.

Other options available within the Media Manager with images, can be found on the kebab menu to the right of each image:

Click on the kebab menu and the two options available allows you to either copy the uploaded image’s link or to delete the image.

To exit the Media Manager, simply click on the X in the top right hand corner.

The following sections on the toolbox pertains to a border for your image. You can activate the border by choosing a colour, the style (dotted, dashed etc) and the width in pixels:

Thereafter you have the Row and Cell background colour selection options. Depending on the transparency (png / gif) type of your image, the background colour of the cell or row can be changed and your image could float surrounded by the colour, in a figure of speech.

Lastly the Padding (space above, below and left and right of your image) can be set. Padding can go up to 100px, all round. Please keep in mind when you set padding of our actual pixel ratio of the image you have inserted.