How to create a Newsletter from Editor
Create a Newsletter from scratch using the Icomm platform. Get to know in detail the editor's tools to design your newsletters.
Go to the Create News menu.
Select Create Newsletter.
Choose the EDITOR template.
Select the Campaign.
Write the Name and Description.
Click the Continue button.
You will be redirected to the editor for your piece.
The tools to create your piece are on the left side of the screen. On the right side, you can see the editing options for each of the tools. In the center of the screen, you will find the workspace to design your piece.
Drag a tool to the workspace.
This element can contain other elements of the piece. Its position, borders, style, border color, and background color can be modified. This tool allows you to save structures that are frequently used to use them in future designs (e.g. header and footer). You can also copy the block or delete it from the piece.
Usage modes:
The block allows you to save structures or parts of them so they can be used in future designs. It is important to select the block in the editor's path when saving the structure. Then, enter the name of the piece to save it.
To use a saved block in future designs, you can search for it using the Custom tool.
It can also be used when you need to add a background color, for example, to a text.
It is recommended to use blocks only when necessary. This element makes the newsletter assembly more complex and, therefore, heavier. That is, the fewer blocks you use in the piece, the fewer possible errors in the design.
It is recommended to save the block with all the elements that make it up, such as links, images, text, etc.
It allows you to divide the block into the necessary parts. In this way, different elements such as text and image or image and button can be combined inside.
Drag the tool to the workspace.
Adjust configuration:
Add or delete columns: with these buttons, you can add or remove columns.
Responsive: select it so that the piece is adaptable to all devices.
Adjust column size: with the Move selection, Direction, and Width buttons, configure the size of each of the columns.
This tool has a text editor that allows you to use the basic functions of a standard editor. It also allows you to customize fields.
Drag the tool to the workspace.
Write and customize the text with the text editor.
Customize fields:
Go to the Field button.
Choose General Fields or from the Profile.
General fields:
Choose the field you want to add to the message.
Select the Add button to include it in the text of the piece:
The options are: Email, Hour, Minute, Day (number), Day (name), Month (number), Month (name), Year, Custom QR, QR Link.
Profiles:
Write and select the profile that will receive the piece.
Search and select the profile.
Choose the field you want to add.
Select the Add button to include it in the text of the piece.
The image library on the platform works as a cloud, where all imported files are saved. The allowed image formats for creating newsletters are: JPG, PNG, and GIF. It is also recommended to use files up to 300 kb to avoid heavy pieces. Finally, it is important that the name of the image does not have spaces or special characters to display it correctly in the newsletter.
Drag the tool to the workspace
Click on "Replace" to upload the image
An image library will open where previously loaded images can be selected or uploaded from the PC. Create folders to organize the content of the library.
Select the Action
Apply: to add a selected image from the library
Upload Image: to upload a file from the PC
Create Folder to organize the content
Images with special characters or spaces cannot be uploaded, and folders cannot have spaces or special characters.
Image Configuration Options
Link: add a link to redirect contacts to a website.
Description: describe the image.
LinkRef: write a reference to identify the piece on the heat map. (Do not use special characters).
Size: Modify the size of the image in the piece, height and width in pixels.
Alignment: choose Left, Center, or Right to define the location of the image in the newsletter.
Position: configure the margins and spacing of the image within the piece.
Borders: add borders to the image.
Style: select a border style: Solid, Striped, or Dotted and its width.
Border Color: choose the color of the border.
Background Color: select a color for the border background.
Plain Text: must be a description of the newsletter. It will be analyzed by email providers' carriers (Gmail, Hotmail, Yahoo, etc.) to determine if our content is of relevant value.
Use this tool to redirect contacts to a page or link of interest.
Drag the tool to the workspace
Edit the button text
The tool has a text editor to customize the button text. It is also possible to add Custom Fields.
Configure the button function
Link: add a link to redirect contacts to a website.
LinkRef: write a reference to identify the button on the heat map.
Edit button shape and design
Radius: use this option to round the edges of the button.
Alignment: Left, Center, Right
Position: use this option to configure margins and button size.
Borders: add a border to the button.
Style: choose a border style: Solid, Striped, or Dotted.
Width: configure the border width.
Border Color: choose the border color.
Background Color: choose the button color.
It is a special module for mass consumption events. It is a timer that informs the validity time of the offer or promotion sent. It has an additional cost and is implemented together with the Icomm team.
Available for integration with VTEX. It allows sending personalized newsletters that include product offers within the piece. It is implemented together with the Icomm team.
Step by step
Go to the Create News menu.
Select Create Newsletter.
Choose the EDITOR template.
Select the Campaign.
Write the Name and Description.
Click the Continue button.
You will be redirected to the editor for your piece.
The editor
The tools to create your piece are on the left side of the screen. On the right side, you can see the editing options for each of the tools. In the center of the screen, you will find the workspace to design your piece.
Create a piece from scratch
Drag a tool to the workspace.
Elements and functions:
Blocks:
This element can contain other elements of the piece. Its position, borders, style, border color, and background color can be modified. This tool allows you to save structures that are frequently used to use them in future designs (e.g. header and footer). You can also copy the block or delete it from the piece.
Usage modes:
The block allows you to save structures or parts of them so they can be used in future designs. It is important to select the block in the editor's path when saving the structure. Then, enter the name of the piece to save it.
To use a saved block in future designs, you can search for it using the Custom tool.
It can also be used when you need to add a background color, for example, to a text.
It is recommended to use blocks only when necessary. This element makes the newsletter assembly more complex and, therefore, heavier. That is, the fewer blocks you use in the piece, the fewer possible errors in the design.
It is recommended to save the block with all the elements that make it up, such as links, images, text, etc.
Columns:
It allows you to divide the block into the necessary parts. In this way, different elements such as text and image or image and button can be combined inside.
Drag the tool to the workspace.
Adjust configuration:
Add or delete columns: with these buttons, you can add or remove columns.
Responsive: select it so that the piece is adaptable to all devices.
Adjust column size: with the Move selection, Direction, and Width buttons, configure the size of each of the columns.
Text:
This tool has a text editor that allows you to use the basic functions of a standard editor. It also allows you to customize fields.
Drag the tool to the workspace.
Write and customize the text with the text editor.
Customize fields:
Go to the Field button.
Choose General Fields or from the Profile.
General fields:
Choose the field you want to add to the message.
Select the Add button to include it in the text of the piece:
The options are: Email, Hour, Minute, Day (number), Day (name), Month (number), Month (name), Year, Custom QR, QR Link.
Profiles:
Write and select the profile that will receive the piece.
Search and select the profile.
Choose the field you want to add.
Select the Add button to include it in the text of the piece.
Image
The image library on the platform works as a cloud, where all imported files are saved. The allowed image formats for creating newsletters are: JPG, PNG, and GIF. It is also recommended to use files up to 300 kb to avoid heavy pieces. Finally, it is important that the name of the image does not have spaces or special characters to display it correctly in the newsletter.
Drag the tool to the workspace
Click on "Replace" to upload the image
An image library will open where previously loaded images can be selected or uploaded from the PC. Create folders to organize the content of the library.
Select the Action
Apply: to add a selected image from the library
Upload Image: to upload a file from the PC
Create Folder to organize the content
Images with special characters or spaces cannot be uploaded, and folders cannot have spaces or special characters.
Image Configuration Options
Link: add a link to redirect contacts to a website.
Description: describe the image.
LinkRef: write a reference to identify the piece on the heat map. (Do not use special characters).
Size: Modify the size of the image in the piece, height and width in pixels.
Alignment: choose Left, Center, or Right to define the location of the image in the newsletter.
Position: configure the margins and spacing of the image within the piece.
Borders: add borders to the image.
Style: select a border style: Solid, Striped, or Dotted and its width.
Border Color: choose the color of the border.
Background Color: select a color for the border background.
Plain Text: must be a description of the newsletter. It will be analyzed by email providers' carriers (Gmail, Hotmail, Yahoo, etc.) to determine if our content is of relevant value.
Button
Use this tool to redirect contacts to a page or link of interest.
Drag the tool to the workspace
Edit the button text
The tool has a text editor to customize the button text. It is also possible to add Custom Fields.
Configure the button function
Link: add a link to redirect contacts to a website.
LinkRef: write a reference to identify the button on the heat map.
Edit button shape and design
Radius: use this option to round the edges of the button.
Alignment: Left, Center, Right
Position: use this option to configure margins and button size.
Borders: add a border to the button.
Style: choose a border style: Solid, Striped, or Dotted.
Width: configure the border width.
Border Color: choose the border color.
Background Color: choose the button color.
Timer
It is a special module for mass consumption events. It is a timer that informs the validity time of the offer or promotion sent. It has an additional cost and is implemented together with the Icomm team.
ECommerce
Available for integration with VTEX. It allows sending personalized newsletters that include product offers within the piece. It is implemented together with the Icomm team.
Updated on: 11/14/2023
Thank you!