Skip to main content

6.1.6 Nuovo Newsletter editor

Dalla versione 20.04 di vtenext, è disponibile un nuovo editor che permette di creare template per le newsletter in maniera semplificata. Non serve conoscere il codice HTML, basta solo spostare gli elementi necessari a comporre la propria comunicazione, gestendoli con un drag&drop.

Ecco come si presenta il nuovo tool di composizione del template newsletter:

image-1653489986176.png

Di seguito verranno descritte tutte le icone degli strumenti disponibili:

newsletter_responsive_icons.png

Allows to test the preview choosing among:

  • Desktop
  • Tablet
  • Mobile
newsletter_view_components.pngAllows to activate/deactivate the templates' construction lines
newsletter_fullscreen.pngAllows to activate/deactivate the full screen display mode. This mode eases the construction of templates
newsletter_view_code.pngAllows the HTML code visualization
newsletter_import_template.pngAllows the template import by coping and pasting the source code
newsletter_toggle_images.pngAllows to momentarily hide all the pictures in the template
newsletter_edit_code.pngAllows to edit the source code
newsletter_open_style_manager.pngAfter selecting an element in the newsletter template click on this icon to access all the editing options available (Size, Style, Decorations)
neewsletter_settings.png

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.
newsletter_open_layer_manager.pngPermette di visualizzare il dettaglio dei livelli sui quali il template è costruito. In questo modo si può agevolmente passare, ad esempio, da un div all'altro per poterne modificare le proprietà.
newsletter_open_blocks.pngAttiva la visualizzazione di tutti i blocchi ed elementi disponibili per la composizione del template

 

Blocchi disponibili

 

newsletter_1_section.pngInserisce una tabella con una cella
newsletter_1_2_section.pngInserisce una tabella con due celle divise verticalmente e disposte al 50% rispetto alla tabella
newsletter_1_3_section.pngInserisce una tabella con tre celle divise verticalmente e disposte ad 1/3 rispetto alla tabella
newsletter_3_7_section.pngInserisce una tabella con due celle divise verticalmente e disposte rispettivamente, al 25% quella di sinistra ed al 75% quella di destra, rispetto alla tabella
newsletter_button.pngInserisce un bottone con possibilità di generare un link e modificarne il titolo
newsletter_divider.pngInserisce una riga di divisione
newsletter_text.pngStrumento per inserire un blocco di test, il testo può essere formattato solamente diversificando i blocchi (ogni blocco di testo può avere un'unica formattazione)
newsletter_text_section.pngStrumento per inserire un'area di testo
newsletter_image.pngPermette di inserire un'immagine, caricandola dal proprio computer o richiamando l'url assoluto dell'immagine, ubicata ad esempio, sul vostro sito web
newsletter_quote.pngPermette di inserire del testo "quotato", ovvero tra virgolette
newsletter_link.pngPermette di inserire un link. Una volta selezionato questo strumento, si dovrà agire sull'icona delle impostazioni, per settare l'url del link
newsletter_link_block.pngPermette di impostare un'area, ove inserire un'immagine che dovrà essere linkata, ad esempio, al proprio sito web
newsletter_ordered_list.pngStrumento per creare un elenco numerato
newsletter_unordered_list.pngStrumento per creare un elenco puntato
newsletter_unsubscription_link.pngPermette di inserire il link per la disiscrizione
newsletter_preview_link.pngPermette di inserire il link per l'anteprima
newsletter_spacer_block.pngStrumento per inserire uno spazio, tra gli elementi delle newsletter, con altezza configurabile a piacere

Back to top