Mail Components

Last modified on 2022/11/08 13:23

Definition

Mail components are used to define variable components in emails sent via process steps (workflows or business rules).

  • Any modification made to a mail component element will automatically be propagated to each new email.
  • You can use different mail component templates to format the Send Email steps quickly when a ticket is created, closed or approved.
EndDefinition

Mail components are inserted in the email of a process using tags.

  • You can click Roles-Tags window icon.png next to the Message field to access a list of mail components in a dedicated tab called Mail Components.
  • You insert the mail component using the following format: #[MAIL_PART.Mail_component_name]#.
  • It is evaluated when the tag is called by the system when sending the email.

Example

Automatic insertion of a signature in notification emails for the Front Office Incident workflow using a mail component

1. Create a mail component called ServiceDesk_Signature

Contents in the mail component: EasyVista Support team

2. Insert the mail component in the message of the notification email sent in workflow steps.

Message of the email: Your incident dated #SUBMIT_DATE# has been registered under reference #RFC_NUMBER#. Signed: #[MAIL_PART.ServiceDesk_Signature]#

The signature is automatically added to each email sent in a Send Email step.

Result: Your incident dated #SUBMIT_DATE# has been registered under reference #RFC_NUMBER#. Signed: EasyVista Support team

3. Update the mail component.

 New contents in the mail component: EasyVista Support team. You can consult our wiki at any time.

This modification will automatically be taken into account in each new notification email sent in the workflow, without having to change the message of the email.

Message of the email: Your incident dated #SUBMIT_DATE# has been registered under reference #RFC_NUMBER#. Signed: #[MAIL_PART.ServiceDesk_Signature]#

Result: Your incident dated #SUBMIT_DATE# has been registered under reference #RFC_NUMBER#. Signed: EasyVista Support team. You can consult our wiki at any time.

Notes

  • The name of the mail component should not contain any spaces. If required, use the - or _ characters.
  • You insert a mail component in the email text editor using the following format: #[MAIL_PART.Mail_component_name]#.
  • A mail component can contain tags but it cannot include other mail components.

Best Practice

  • To ensure that no syntax errors are made, you should use the data entry wizard to insert tags in a mail component.
  • We recommend that you enter tags manually only if you are copying and pasting from an existing mail component in order to adapt it to another context.
  • Adapt the mail component templates to your business requirements and style guide for the Send Email steps when a ticket is created, closed or approved.
  • Certain customer configurations may block the display of images. This may be due to images from non-public resource folders or blocked by the customer's antispam tool, or a Web browser that is not up-to-date, etc. To ensure they are correctly displayed, you should first encode the images in base64. You can use the following site, Convert your images to base64.

Caution

  • To select a tag in the data entry wizard, click the tag you want and close the window. You are not required to click any button to validate.
  • In the event of an error, delete the instruction in the Contents field manually and open the data entry wizard again.

Menu access

Administration > Parameters > Mail Components

Screen description

         Mail component.png

Tag: Name of the mail component.

Contents: Text in the mail component. 

  • Click Roles-Tags window icon.png to insert tags using the data entry wizard.
  • Use the toolbar to format text.
             Toolbar.png
    • Move the cursor over each icon in the toolbar to see its infotip.
    • A contextual toolbar available for certain objects is displayed when you click the object, e.g. image, hyperlink or table.

Description

Text formatting

Police toolbar.png  Bold/Italic/Underline/Strikethrough

Paragraph toolbar.png  Align text  (Left/Center/Right/Justified)

Font Size Color toolbar.png  Font/Font size/Text color

Tabulation toolbar.png  Decrease indent/Increase indent (tab)

Managing images

Image icon.png  Insert/Edit an image
         Image detail.png

Source: URL of the image to insert in the mail component.

Image description: Description specifying an alternate text for the image, if this one cannot be displayed.

Dimensions: Pixels width and height of the image. If you want to resize the image while maintaining the aspect ratio, you should check the Constrain properties box. Enter the dimension you want: the other dimension is automatically adjusted.

Note: If you want to modify the properties of an image (background color), click Html Editor icon.png to switch to the Html mode, make your changes then click [ OK ].

Enriched text

Line icon.png  Insert horizontal line

Special character icon.png  Insert special character

Table icon.png  Insert table: Move the cursor to select the number of rows and columns you want.
         Table detail.png

Click the table displayed in the text editor to modify its properties. A contextual toolbar will appear.
         Table toolbar.png

Hyperlink toolbar.png  Insert a hyperlink
         Hyperlink detail.png

Url: URL of the link.

Text to display: Hyperlink text.

Title: Infotip displayed when the cursor hovers the link.

Target : By default, the link will be opened in the current tab or window. Select the New window option to open the link in a new tab or window.

Document editing

Undo toolbar.png  Undo/Return to the last modification

Paste as text icon.png  Paste as text: Paste on the text as unformatted text (cancel formatting).

Full screen icon.png  Full screen: Used to switch from a minimized window to full screen mode.

Html Editor icon.png  HTML code editor : Used to toggle between the HTML code editor and the Wysiwyg preview.

Mail component templates

Description of templates

You can download three templates. Each one of them enables you to format the Send Email steps quickly when a ticket is created, closed or approved.
    Open url.png See the installation procedure.

Basic template Modern template Trendy template
Simply designed notifications that display standard incident notification information

Download icon.png Mail component - Basic template

Notifications that highlight the different ways of contacting the Service Desk with specific panes

Download icon.png Mail component - Modern template

Easy-to-read visual notifications that display minimal information from the Incident Summary field (to be created) and Root Cause field

Download icon.png Mail component - Trendy template

Basic template.png Modern template.png Trendy template.png

Description of template elements

Each template is made up of five elements that you can adapt based on your business requirements and style guide.

..._Top

Banner at the top of the email displaying the corporate logo

Basic template Modern template Trendy template
Basic template - Top.png Modern template - Top.png Trendy template - Top.png

..._Creation

Body of the email containing information on the creation of the ticket

Basic template Modern template Trendy template
Basic template - Creation.png Modern template - Creation.png Trendy template - Creation.png

..._Approval

Body of the email containing information on the resolution of the ticket and approval buttons (accept or reject)

Basic template Modern template Trendy template
Basic template - Validation.png Modern template - Validation.png Trendy template - Validation.png

..._Closing

Body of the email containing information on the closing of the ticket

Basic template Modern template Trendy template
Basic template - Closure.png Modern template - Closure.png Trendy template - Closure.png

..._Bottom

Banner at the bottom of the email displaying the contact details and business hours of the Service Desk

Basic template Modern template Trendy template
Basic template - Bottom.png Modern template - Bottom.png Trendy template - Bottom.png

Procedure and Wizards

How to create a mail component and use it in a Send Email step

Step 1: Create the mail component

1. Select Administration > Parameters > Mail Components in the menu.

2. Click + New.

3. Specify the information on the mail component.

  • Enter a mail component name that does not contain any spaces.
  • Enter the contents.
    • Click Roles-Tags window icon.png to select the relevant tags using the data entry wizard.
    • Use the toolbar to format the text. You can also define the configuration you want by clicking Html Editor icon.png to switch to HTML mode.

4. Click Finish.
 

Step 2: Use the mail component in a Send Email step

1. Display a process step for creating an email.

2. Click Roles-Tags window icon.png next to the Subject and Message fields to select tags.
         Tags - Workflow example.png

The data entry wizard will appear.
         Tags - Mail Components list.png

3. Select the Mail Components tab.

4. Click the tag you want to insert in the email.

5. Close the data entry wizard.
The tag syntax will automatically be inserted.

Note:  
*You can also enter the tag manually. You must ensure that the syntax is as follows: #[MAIL_PART.Mail_component_name]#.

  • To modify or delete the mail component inserted in the email, delete it manually and, if required, select another.

How to install and use a mail component template

Step 1: Import the mail component template to Service Manager

1. Download the file below to your workstation based on the template you want.
         Open url.png See the Description of templates.

2. Extract the file you downloaded.

3. Import the file to Service Manager by selecting Administration > Import / Export > Import in the menu.

Five elements will be imported: Top, Creation, Closing, Approval, Bottom.
         Open url.png See the Description of elements
 

Step 2: Configure the mail component elements

1. Select Administration > Parameters > Mail Components in the menu.

2. Run the Update wizard for an element.

3. Customize the mail component elements.

  • ..._Top
    • Replace the image with your corporate logo.

      Best Practice icon.png  Certain customer configurations may block the display of images. To ensure the image is correctly displayed, you should first encode the logo in base64. You can use the following site, Convert your images to base64.

  • ..._Creation
    • Generate an auto-connection link to your platform.
    • Copy the generated link and paste it to replace the hyperlink in the text, Click here.
  • ..._Approval
    • Modify the email address of the recipient to be used when users click Accept and Reject.
    • Generate an auto-connection link to your platform.
    • Copy the generated link and paste it to replace the hyperlink in the text, Click here.
  • ..._Closing
    • Generate an auto-connection link to your platform.
    • Copy the generated link and paste it to replace the hyperlink in the text, Click here.
  • ..._Bottom
    • Complete the information related to your Service Desk, e.g. business hours, phone and email address.
       

Step 3: Configure the Send Email steps in a process (workflow or business rule)

1. Go to the relevant workflow or business rule.

  • Workflow: References > Other References > Workflows (Operation/Transition)
  • Business rule: Administration > Business Rules > Related Processes

2. Double-click the Send Email step associated with the creation, closing or approval of a ticket.
The properties window for the step will appear.

3. Click Roles-Tags window icon.png next to the Message field.
The data entry wizard will appear.

4. Select the tags to be displayed in the message based on the type of step.

  • Select the Mail Components tab.
             Tags - Mail Components list.png
  • Click the tag you want to insert in the email based on the type of step.
    • Creation step: select the following tags, ..._Top, ..._Creation, ..._Bottom.
    • Approval step: select the following tags, ..._Top, ..._Approval , ..._Bottom.
    • Closing step: select the following tags, ..._Top, ..._Closing , ..._Bottom.
  • Close the data entry wizard.
    The syntax of each tag will automatically be inserted in the Message field.

5. Format the contents of the email by placing the three tags as required in the email.

Note: For the Trendy template, place the elements one below the other. Insert a line break after each tag. These tags should not be placed side by side.
         Workflow - Step example.png
 

Step 4: Check that the mail component works correctly

1. Create an incident.

2. Process and close it.

3. Perform approval. At each Send Email step, check that the different mail component elements are correctly configured.

Wizards

Udpate
Delete

List of files to download

Note: See the procedure for installing them.

Tags:
Powered by XWiki © EasyVista 2022