Template Builder

Create Template

CUSTOM EMAIL TEMPLATES

To create a custom email template, follow the steps below:

Click on Services Manager -> Email Templates.

Click CREATE TEMPLATES.

Enter template details, and click NEXT.

The page redirects to Advanced Email Composer.

1593 — Figure 4: Advanced Email Composer

Advanced Email Composer

The advanced email composer is a comprehensive and intuitive layout, and is accessible from the Connect Utility Tray. It allows users to view and create custom email instances and send emails via the Connect platform.

The email composer can manage the variables being used in the instance. The output of the composer will be provided as HTML to Connect that will be passed to the SES API to send the email to the recipient(s).

The Advanced Email Composer is divided into the following frames:

Navigation Panel
Layouts
Styles
Source Mode
Workspace Area

NAVIGATION PANEL

This panel enables users to create, view, and save the template. It also allows users to view the email in Mobile and Desktop modes.

LAYOUTS

This mode enables users to design a template by a simple drag and drop feature from the available layouts. It facilitates to edit images and content with the help of an in-built editor.
Following template cards are available in the layout:

Formatting Instructions
Header
Menu
Banner
Footer
Image
Hero Image
Left Image
Right Image
Imaged Button
Image Title Button
Image Button
Image Title
Image Text
Imaged 2-text columns
Images 3-text columns
Images 2-columns
Images 3-columns
Button
Title Text
Text
Separator
Spacer
Resizable
Social
Conditional

STYLES

This mode enables users to customize and format the template cards used in the workspace area.
Following formatting instructions are available in this mode:

Formatting Instructions	Description
Background color	Defines the background color in RGB format.
Text color	Defines the text color in RGB format.
Border styles	Following options are available: Border width: Defines the width of the border. Border color: Defines border color in RGB format. Border style: Defines border style.
Paddings & Margins	Following options are available to customize the padding and margins: Padding Top Padding Right Padding Bottom Padding Left Margin Top Margin Right Margin Bottom Margin Left
Font Style	Following options are available: Font: Lists available fonts. Font style: Lists available font style (Normal, Italic, Oblique). Font weight: Lists the available font weight. Font size: Increase or decrease the font size. Font variant: Defines if the text is Normal or small-caps. Line height: Increase or decrease the height of the template card selected.
Text Style	Following options are available: Text align Text decoration Text indent Letter spacing Word spacing Text transform
Background Style	Following options are available: Background repeat: Used to repeat the background along the x-axis or y-axis. Background position: Alignment position of the background. Background Attachment: Defines whether the attachment should be fixed or scroll.
Position Style	Provides the position of the selected template card: Position: Static, Relative, Absolute, or Fixed. Top Left Right Bottom
Extras	Customize the template card using the available options: Cursor Visibility Overflow Float
CSS3 Styles	Defines the Border radius, Text shadow, and Box shadow.

SOURCE MODE

In this mode, user can enhance or modify the HTML code that may have come from an external party. It helps user customize the templates that cannot be done in graphical mode. All the edits in the source mode can be previewed, cleared, viewed or saved.

WORKSPACE AREA

This is a work area to design static, personalized, and conditional email templates.