# 6.1.6 New Newsletter editor

From vtenext 20.04, a new newsletter editor is available and allows creating newsletter in a easier way. HTML code knowledge is not needed, all the elements needed can be managed using the drag and drop function.  
Here you can see the new tool:

[![6.1.6 [1].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/6-1-6-1.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/6-1-6-1.png)

Here below you can find all the icons of the tools available:

<table border="1" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0" style="width: 100%; height: 2627px;"><tbody><tr style="height: 116px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 116px;">[<span style="color: #616161;">![newsletter_responsive_icons.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_responsive_icons.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_responsive_icons.png)</td><td style="width: 673px; vertical-align: middle; height: 116px;">Allows to test the preview choosing among:

- Desktop
- Tablet
- Mobile

</td></tr><tr style="height: 57px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 57px;">[<span style="color: #616161;">![newsletter_view_components.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_view_components.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_view_components.png)</td><td style="width: 673px; vertical-align: middle; height: 57px;">Allows to activate/deactivate the templates' construction lines</td></tr><tr style="height: 57px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 57px;">[<span style="color: #616161;">![newsletter_fullscreen.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_fullscreen.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_fullscreen.png)</td><td style="width: 673px; vertical-align: middle; height: 57px;">Allows to activate/deactivate the full screen display mode. This mode eases the construction of templates</td></tr><tr style="height: 56px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 56px;">[<span style="color: #616161;">![newsletter_view_code.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_view_code.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_view_code.png)</td><td style="width: 673px; vertical-align: middle; height: 56px;">Allows the HTML code visualization</td></tr><tr style="height: 57px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 57px;">[<span style="color: #616161;">![newsletter_import_template.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_import_template.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_import_template.png)</td><td style="width: 673px; vertical-align: middle; height: 57px;">Allows the template import by coping and pasting the source code</td></tr><tr style="height: 55px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 55px;">[<span style="color: #616161;">![newsletter_toggle_images.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_toggle_images.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_toggle_images.png)</td><td style="width: 673px; vertical-align: middle; height: 55px;">Allows to momentarily hide all the pictures in the template</td></tr><tr style="height: 54px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 54px;">[<span style="color: #616161;">![newsletter_edit_code.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_edit_code.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_edit_code.png)</td><td style="width: 673px; vertical-align: middle; height: 54px;">Allows to edit the source code</td></tr><tr style="height: 54px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 54px;">[<span style="color: #616161;">![newsletter_open_style_manager.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_open_style_manager.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_open_style_manager.png)</td><td style="width: 673px; vertical-align: middle; height: 54px;">After selecting an element in the newsletter template click on this icon to access all the editing options available (Size, Style, Decorations)</td></tr><tr style="height: 182px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 182px;">[<span style="color: #616161;">![neewsletter_settings.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/neewsletter_settings.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/neewsletter_settings.png)</td><td style="width: 673px; vertical-align: middle; height: 182px;">After selecting an element in the newsletter template click on this icon to access all the setting options available. The options change according to the selected element. Here below some examples:

- Text: ID e Title
- Link: Title, Href (Url), Target (Same window, Different window)
- Image: Alt
- ecc.

</td></tr><tr style="height: 57px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 57px;">[<span style="color: #616161;">![newsletter_open_layer_manager.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_open_layer_manager.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_open_layer_manager.png)</td><td style="width: 673px; vertical-align: middle; height: 57px;">Allows to display the layers on where the template is built. In this way the user can easily switch from one div to another.</td></tr><tr style="height: 57px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 57px;">[<span style="color: #616161;">![newsletter_open_blocks.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_open_blocks.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_open_blocks.png)</td><td style="width: 673px; vertical-align: middle; height: 57px;">Activates the display of all the blocks and elements available to build the template</td></tr><tr style="height: 85px;"><td class="align-center" colspan="2" style="width: 809px; vertical-align: middle; height: 85px;">Available blocks

</td></tr><tr style="height: 104px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 104px;">[<span style="color: #616161;">![newsletter_1_section.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_1_section.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_1_section.png)</td><td style="width: 673px; vertical-align: middle; height: 104px;">Adds a tab with a cell</td></tr><tr style="height: 93px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 93px;">[<span style="color: #616161;">![newsletter_1_2_section.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_1_2_section.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_1_2_section.png)</td><td style="width: 673px; vertical-align: middle; height: 93px;">Adds a tab with two cells vertically divided</td></tr><tr style="height: 96px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 96px;">[<span style="color: #616161;">![newsletter_1_3_section.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_1_3_section.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_1_3_section.png)</td><td style="width: 673px; vertical-align: middle; height: 96px;">Adds a tab with three cells vertically divided</td></tr><tr style="height: 100px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 100px;">[<span style="color: #616161;">![newsletter_3_7_section.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_3_7_section.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_3_7_section.png)</td><td style="width: 673px; vertical-align: middle; height: 100px;">Inserts a tab with two cells vertically divided, 25% on the left and 75% on the right</td></tr><tr style="height: 97px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 97px;">[<span style="color: #616161;">![newsletter_button.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_button.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_button.png)</td><td style="width: 673px; vertical-align: middle; height: 97px;">Adds a button with the possibility of generating a link and changing its title</td></tr><tr style="height: 103px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 103px;">[<span style="color: #616161;">![newsletter_divider.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_divider.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_divider.png)</td><td style="width: 673px; vertical-align: middle; height: 103px;">Adds an horizontal division line</td></tr><tr style="height: 105px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 105px;">[<span style="color: #616161;">![newsletter_text.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_text.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_text.png)</td><td style="width: 673px; vertical-align: middle; height: 105px;">Tool to add a text block, text can be formatted only by diversifying the blocks (each block can have only one format)</td></tr><tr style="height: 109px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 109px;">[<span style="color: #616161;">![newsletter_text_section.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_text_section.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_text_section.png)</td><td style="width: 673px; vertical-align: middle; height: 109px;">Tool to insert a text area</td></tr><tr style="height: 109px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 109px;">[<span style="color: #616161;">![newsletter_image.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_image.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_image.png)</td><td style="width: 673px; vertical-align: middle; height: 109px;">Allows to insert an image, uploading it from the computer or linking the URL</td></tr><tr style="height: 106px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 106px;">[<span style="color: #616161;">![newsletter_quote.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_quote.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_quote.png)</td><td style="width: 673px; vertical-align: middle; height: 106px;">Allows to insert a “quoted” text</td></tr><tr style="height: 103px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 103px;">[<span style="color: #616161;">![newsletter_link.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_link.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_link.png)</td><td style="width: 673px; vertical-align: middle; height: 103px;">Allows to insert a link. Once this tool is selected click on the settings icon to set the link’s URL</td></tr><tr style="height: 99px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 99px;">[<span style="color: #616161;">![newsletter_link_block.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_link_block.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_link_block.png)</td><td style="width: 673px; vertical-align: middle; height: 99px;">Allows you to set an area, where you can insert an image that will have to be linked, for example, to your website</td></tr><tr style="height: 101px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 101px;">[<span style="color: #616161;">![newsletter_ordered_list.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_ordered_list.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_ordered_list.png)</td><td style="width: 673px; vertical-align: middle; height: 101px;">Tool to create a numbered list</td></tr><tr style="height: 104px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 104px;">[<span style="color: #616161;">![newsletter_unordered_list.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_unordered_list.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_unordered_list.png)</td><td style="width: 673px; vertical-align: middle; height: 104px;">Tool to create a bullet list</td></tr><tr style="height: 107px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 107px;">[<span style="color: #616161;">![newsletter_unsubscription_link.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_unsubscription_link.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_unsubscription_link.png)</td><td style="width: 673px; vertical-align: middle; height: 107px;">Allows to insert the unsubscription link</td></tr><tr style="height: 109px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 109px;">[<span style="color: #616161;">![newsletter_preview_link.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_preview_link.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_preview_link.png)</td><td style="width: 673px; vertical-align: middle; height: 109px;">Allows to insert the preview link</td></tr><tr style="height: 95px;"><td class="align-center" style="width: 136px; vertical-align: middle; height: 95px;">[<span style="color: #616161;">![newsletter_spacer_block.png](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/scaled-840-0/newsletter_spacer_block.png)</span>](https://usermanual.vtenext.com/uploads/images/gallery/2020-06-Jun/newsletter_spacer_block.png)</td><td style="width: 673px; vertical-align: middle; height: 95px;">Tool to insert a space, among the newsletter’s elements</td></tr></tbody></table>