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:

crea_newsletter.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.png Allows to activate/deactivate the templates' construction lines
newsletter_fullscreen.png Allows to activate/deactivate the full screen display mode. This mode eases the construction of templates
newsletter_view_code.png Allows the HTML code visualization
newsletter_import_template.png Allows the template import by coping and pasting the source code
newsletter_toggle_images.png Allows to momentarily hide all the pictures in the template
newsletter_edit_code.png Allows to edit the source code
newsletter_open_style_manager.png After 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.png Permette 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.png Attiva la visualizzazione di tutti i blocchi ed elementi disponibili per la composizione del template

 

Blocchi disponibili

 

newsletter_1_section.png Inserisce una tabella con una cella
newsletter_1_2_section.png Inserisce una tabella con due celle divise verticalmente e disposte al 50% rispetto alla tabella
newsletter_1_3_section.png Inserisce una tabella con tre celle divise verticalmente e disposte ad 1/3 rispetto alla tabella
newsletter_3_7_section.png Inserisce 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.png Inserisce un bottone con possibilità di generare un link e modificarne il titolo
newsletter_divider.png Inserisce una riga di divisione
newsletter_text.png Strumento 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.png Strumento per inserire un'area di testo
newsletter_image.png Permette di inserire un'immagine, caricandola dal proprio computer o richiamando l'url assoluto dell'immagine, ubicata ad esempio, sul vostro sito web
newsletter_quote.png Permette di inserire del testo "quotato", ovvero tra virgolette
newsletter_link.png Permette 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.png Permette di impostare un'area, ove inserire un'immagine che dovrà essere linkata, ad esempio, al proprio sito web
newsletter_ordered_list.png Strumento per creare un elenco numerato
newsletter_unordered_list.png Strumento per creare un elenco puntato
newsletter_unsubscription_link.png Permette di inserire il link per la disiscrizione
newsletter_preview_link.png Permette di inserire il link per l'anteprima
newsletter_spacer_block.png Strumento per inserire uno spazio, tra gli elementi delle newsletter, con altezza configurabile a piacere
Back to top