How to customise your email design

Modified on Wed, 4 Mar, 2020 at 1:19 PM

TIP:  Watch our Customising your email design help video


Emails sent via Jezzam can be sent to three types of recipients:

  • Your Customers
  • Administrators
  • Your Staff


Jezzam allows you to customise the design of your emails for each of these recipient groups. In other words, you can have one design of email that is sent to your customers, a different design that is used for emails sent to your administrators and a further design that's used for emails to your staff.


The way you customise the design for emails is the same for each group.


Customising email design

  1. Log in to your Jezzam account admin panel
  2. Go to Settings > Communications
  3. Select the "Email design" tab


You will see there are different sections where you can customise the look and feel of the emails sent to your Customers, Administrators or Staff.


You can see that each email design consists of various elements that you can customise to change the look of your emails.


The table below explains the various elements available for customisation.


Note that some of these elements may not be available for the design template you have selected.


Design templateThese are professionally designed HTML email templates that you can choose.

They have been created to look great on different email apps and work across different devices such as tablets and phones.
Banner imageSome of the templates allow you to add an optional banner image.

You can choose from a selection of stock sample images or you can choose to upload your own custom image

The banner image you use will be used on all the emails sent to this recipient group.
FontYou can select from a number of different fonts.

The fonts available are all web safe fonts, meaning that they will display correctly on most devices.
ButtonsSome emails have buttons.  These allow the recipient to click and perform an action.

You can change both the colour of the button and the colour of the font displayed in the button.
Highlight colourSome design templates have a highlight or accented colour as part of the design.

You can change the highlight colour to match your brand.
Background colourSome design templates allow you to change the colour of the background around the edge of the email.



How to change the design

To customise the email design first select a Design template.  


TIP: It's a good idea to use the Preview button frequently to see how your design looks


Once you've selected your Design template, you can then modify various elements of the design to match it to your own brand.


You can change the Design template at any time and any modifications to other elements will remain.


For example you can change the font used, various colours used in the template and even add a banner (such as your logo).


Simply select the element and make the changes you want.


How to add your own image

Some design templates allow you to add your own image.  To do this:


  1. Under Banner imageselect Custom
  2. Click Choose image
  3. Find the image on your computer and click Open or OK to upload
  4. The image will upload 
  5. Click the Preview button to see what your design looks like

Image specifications:  You can upload a JPG or PNG with a maximum width of 600px and a maximum file size of 150Kb


For more information on image restriction please see: why is the file size for email images restricted?


TIP:  Using a PNG with a transparent background can be very effective in placing your logo on one of Jezzam's email designs


Previewing and testing your design

You can preview your design at any time by clicking the Preview button.


The preview uses sample data to allow you to see what your design looks like.


On the preview dialog, you can also send a test email so that you can review your design and see what emails will look like when sent to various email apps and devices.


Resetting your design

You can easily reset your design as follows:

  1. Click Reload default
  2. Click Yes


Note: the reset will only be saved if you click Save to save your design.


How to Undo your changes

You can undo any changes to the last save point as follows:

  1. Click the Undo button at the bottom of the page


Saving your design

Remember to save your design as follows:

  1. Click on the Save button at the bottom of the screen

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article