E-mail layout

Step 2 - Template >

E-mail layout

Previous pageReturn to chapter overviewNext page

The commands in this window are for defining the style of the e-mails created, for example, in the Contact Form Object or Shopping Cart.

First of all, you have to select the E-mail Item you want to define a style for, selecting it from the drop-down menu or clicking on it in the preview.

The elements of an e-mail that you can define styles for are:

E-mail Layout: the e-mails created by the Program all have an identical layout: a outer background with a central area for the message. You can include a border around the central area to visually separate the message from the background.

Image/Company Logo: you can add an image to the e-mail header. This could be a company logo or a banner that is as wide as the e-mail.

Message Content: this is the central area of the e-mail, where the message is written.

Footer Note: this is the text that ends the e-mail. It is normally a standard text, written in a smaller font.

The options for each E-mail Item are shown in the Style section:

E-mail Layout

Background Color: you can choose the color for the e-mail background.
Border Color / Border Width: you can define the color and thickness of the border that separates the main central area from the background.

Image/Company Logo

 

 

Image File: you can choose a picture to add to the e-mail header. Click on to select the .JPG, .GIF or .PNG file to import.
Alignment: you can choose how the picture is to be aligned in the header: Left, Center or Right.
Position: you can indicate whether you want the picture placed Inside the frame or Outside the frame of the main area.
Width: the width of the original picture is shown automatically, and you can modify it. The maximum width is 700 pixels, and depends on the e-mail layout. This parameter ensures that e-mails are always displayed correctly for all recipients.

Message Content

Background Color: you can select the background color of the message text.
Text Color: you can choose the color for the message text.
Font Type: specifies the font, style and size to use for the text. The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command.

Footer Note

 

 

 

 

Background Color: you can select the background color for the text in the footer.
Text Color: you can specify the color of the text in the footer.
Font Type: specifies the font, style and size to use for the text. The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command.
Alignment: you can specify how the notes in the footer are to be aligned: Left, Center or Right.
Position: you can whether you want the footer to be placed Inside the frame or Outside the frame of the main area.
Text: you can write the text of the footer. A default text on the confidential nature of the e-mail is available.