Template Builder
Emails is an additional channel on IMIconnect and allows users to send and receive emails via Connect.
Create Template
CUSTOM EMAIL TEMPLATES
To create a custom email template, follow the steps below:
- Click on Services Manager -> Email Templates.
Figure 1: Email Templates
- Click CREATE TEMPLATES.
Figure 2: Create Template
- Enter template details, and click NEXT.
Figure 3: Enter Template Details
- The page redirects to Advanced Email Composer.
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
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 |
Figure 5: Layouts
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. |
Figure 6: Styles
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.
Updated almost 2 years ago