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

Permette di testare in anteprima la visualizzazione, scegliendo tra:

  • Desktop
  • Tablet
  • Mobile
newsletter_view_components.png Permette di attivare o disattivare le linee di costruzione del template
newsletter_fullscreen.png Permette di attivare o disattivare la modalità di visualizzazione a tutto schermo. Questa modalità facilita il lavoro di costruzione del template
newsletter_view_code.png Permette di visualizzare, in una popup, il codice HTML del template
newsletter_import_template.png Permette di importare un template, copiando ed incollando il codice sorgente
newsletter_toggle_images.png Permette di disattivare/nascondere momentaneamente, tutte le immagini presenti nel template
newsletter_edit_code.png Permette di modificare il codice sorgente
newsletter_open_style_manager.png Dopo aver selezionato un elemento nel template della newsletter, cliccare questa icona per accedere a tutte le opzioni di modifica disponibili (Dimensioni, Stili, Decorazioni)
neewsletter_settings.png

Dopo aver selezionato un elemento nel template della newsletter, cliccare questa icona per accedere a tutte le opzioni di settaggio disponibili, differenti in base alla tipologia di elemento selezionato. Di seguito alcuni esempi:

  • Testo: ID e Titolo
  • Link: Titolo, Href (Url), Target (Stessa finestra, Nuova finestra)
  • 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