Articoli in questa sezione

Funzionalità base

  • Aggiornato

Righe

Ogni modello di e-mail è formato da diverse righe. L'utente può aggiungere, spostare, copiare, eliminare e gestire le righe.

Per aggiungere una riga a un modello di e-mail vuoto, l'utente deve cliccare sul pulsante "Aggiungi riga" nell'area di lavoro principale.

e2a20378-0cd3-4a94-b91c-9d2e7caedf53.png

O usando Trascina e rilascia per lo strumento COLONNE dalla barra degli strumenti laterale destra principale.

2de04407-c962-495f-a39d-304de60809a4.png

Inoltre, è possibile aggiungere una riga tra due righe esistenti usando la funzionalità Trascina e rilascia o selezionando una riga esistente e aggiungendo una nuova riga sopra o sotto di essa.

774afde2-1b68-4294-bc79-16b9f15237e7.png

Ogni riga può essere spostata. Per spostare una riga, l'utente deve selezionarla, cliccare e tenere premuto sul pulsante "Sposta" e infine trascinare e rilasciare la riga in un altro punto.

3f506c14-ad4b-499e-9c7d-d75e79712ec6.png

Ogni riga può essere copiata. Per copiare una riga, l'utente deve selezionarla e cliccare sul pulsante "Copia" (nella barra rapida o nella barra laterale destra principlae). La riga verrà incollata sotto la riga originale con il contenuto già esistente.

8c2d36ee-ae46-4056-8f3a-faae427f0a4f.png

Ogni riga può essere eliminata. Per eliminare una riga, l'utente deve selezionarla e cliccare sul pulsante "Elimina" (nella barra rapida o nella barra laterale destra principlae). La riga verrà eliminata insieme al contenuto esistente.

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

L'utente può adattare la riga in una barra mobile. Ci sono impostazioni per le righe per Desktop e Mobile. La scheda Desktop ha tutte le impostazioni per le righe, mentre quella Mobile ha impostazioni relative alla visualizzazione su dispositivo mobile.

La sezione Colonne divide la riga selezionata in un numero selezionato di colonne.

af961cc7-9bef-4f54-8387-8fd61ab871fb.png

La sezione Proprietà colonne è formata da diverse schede, ognuna delle quali rappresenta le impostazioni per ogni colonna.

Le impostazioni disponibili per le colonne sono:

  1. Colore sfondo
    1. HEX
    2. RGB
    3. Paleta
  2. Padding
    1. Alto
    2. Destra
    3. Sinistra
    4. Inferiore
  3. Bordo
    1. Lato
      • Alto
      • Destra
      • Sinistra
      • Inferiore
    2. Colore
      • HEX
      • RGB
      • Paleta
    3. Tipo
      • Solido
      • Punteggiato
      • Tratteggiato

03847517-1e30-471b-aa1e-62673e265391.png

La sezione Proprietà righe ha le seguenti impostazioni per ogni riga:

  1. Colore sfondo
    1. HEX
    2. RGB
    3. Paleta
  2. Colore sfondo contenuto
    1. HEX
    2. RGB
    3. Paleta
  3. Immagine sfondo
    1. seleziona un'immagine dal PC locale
    2. trascina e rilascia immagine
  4. URL immagine
  5. Padding
    1. Alto
    2. Destra
    3. Sinistra
    4. Inferiore

c1890f3a-e018-450c-b802-8027678f5fbf.png

Le impostazioni di design reattivo possono essere attivate o disattivate.

28f0e20e-ab3a-4f84-9ffe-6424d5641f18.png

Colonne

Colonne: Ti permette di aggiungere colonne al tuo design per ottenerne una migliore disposizione. In pratica, Colonna significa Riga. Quando un utente aggiunge un elemento Colonna a un design, una nuova Riga viene aggiunta.

1a045cce-9a0e-412d-a94a-3abc3a5bb314.png

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

L'elemento Colonna ha la stessa impostazione dell'elemento Riga.

 

Titolo

Titolo: Aggiungi titoli (dal livello 1 al livello 4) al design. Puoi aggiungere un elemento Titolo nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, il Titolo può essere aggiunto a ciascuna Colonna.

899aebe8-72f1-4ff7-b630-a4b2b9c37280.png

L'elemento Titolo ha le impostazioni seguenti:

  1. Testo:
    1. Tipo di titolo
      1. H1
      2. H2
      3. H3
      4. H4
    2. Famiglia carattere
      1. Elenco di caratteri disponibili
    3. Peso carattere
      1. Regolare
      2. Grassetto
    4. Dimensione carattere in pixel
    5. Colore
    6. Allineamento testo
    7. Altezza linea in %
  2. Link
    1. Eredita stile del testo
      1. Sì
      2. No
        1. Colore
        2. Sottolineatura
  3. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  4. Design reattivo
    1. Nascondi su Desktop/Mobile

65fb81fe-ee26-467c-a6bc-46bf5ee118e4.png

Il testo nell'elemento Titolo può essere adattato con un pannello strumenti rapido. Il pannello rapido Titolo ha le seguenti impostazioni: Grassetto, corsivo, sottolineatura, depennamento, apice, pedice, inserisci/modifica link, emoticon.

d7407bd0-23d2-46a4-9fee-1365184c3f82.png

Testo

Testo: Testo è uno strumento integrato che permette di aggiungere del testo ai design. Puoi aggiungere un elemento Testo nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, il Testo può essere aggiunto a ciascuna Colonna.

223b7b22-826d-4233-bcd3-19b162ba7929.png

L'elemento Testo ha le seguenti impostazioni:

  1. Testo
    1. Famiglia carattere
      1. Elenco di caratteri disponibili
    2. Peso carattere
      1. Regolare
      2. Grassetto
    3. Dimensione carattere in pixel
    4. Colore
    5. Allineamento testo
    6. Altezza linea in %
  2. Link
    1. Eredita stile del testo
      1. Sì
      2. No
        • Colore
        • Sottolineatura
  3. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  4. Design reattivo
    1. Nascondi su Desktop/Mobile

81ad0757-da82-4668-9cc5-7da7da46c2da.png

Il testo nell'elemento Testo può essere adattato con un pannello strumenti rapido.  Il pannello rapido Testo ha le seguenti impostazioni:

  1. Grassetto
  2. Corsivo
  3. Sottolineatura
  4. Depennare
  5. Colore testo
  6. Colore sfondo
  7. Apice
  8. Pedice
  9. Inserisci/modifica link
    1. Personalizzato
      • Apri sito web
      • Invia a e-mail
      • Chiama numero di telefono
    2. Speciale
      • Annulla iscrizione
      • Visualizza online
      • Condividi su Facebook
      • Condividi su Twitter
  10. Emoticon
  11. Elenco puntato
    1. Predefinito
    2. Cerchio
    3. Quadrato
  12. Elenco numerato
    1. Predefinito
    2. Alfa basso
    3. Greco basso
    4. Romano basso
    5. Alfa alto
    6. Romano alto

4457dd4b-70e5-47a7-81d8-e97586ac5e29.png

Immagine

Immagine: Per rendere le e-mail più attraenti, puoi aggiungere immagini usando questo strumento. Puoi aggiungere un elemento Immagine nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, l'Immagine può essere aggiunta a ciascuna Colonna.

2f59da58-27b2-4f83-9a4b-98d1e5549ae6.png

L'elemento Immagine ha le seguenti impostazioni:

  1. Immagine
    1. Carica immagine
    2. Trascina e rilascia immagine
    3. URL immagine
    4. Larghezza automatica
      1. Auto
      2. Manuale
    5. Allinea
      1. Sinistra
      2. Centro
      3. Destra
      4. Giustifica
    6. Testo alternativo
  2. Azione
    1. Apri sito web
      1. URL
      2. Obiettivo
        • Nuova scheda
        • Stessa scheda
    2. Invia a e-mail
      1. Invia e-mail a
      2. Oggetto
      3. Testo
    3. Chiama numero di telefono
      1. Telefono
  3. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  4. Design reattivo
    1. Nascondi su Desktop/Mobile

98d529cd-9051-42a0-a8d8-8f8999c0afc8.png

Pulsante

Pulsante: Aggiungi qualsiasi tipo di pulsante nella tua e-mail. Puoi cambiare colori e stili. Puoi aggiungere un elemento Pulsante nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, il Pulsante può essere aggiunto a ciascuna Colonna.

3ab2fbc1-dae1-415d-8546-f8edfe400ef4.png

L'elemento Pulsante ha le seguenti impostazioni:

  1. Azione
    1. Apri sito web
      1. URL
      2. Obiettivo
        • Nuova scheda
        • Stessa scheda
    2. Invia a e-mail
      1. Invia e-mail a
      2. Oggetto
      3. Testo
    3. Chiama numero di telefono
      1. Telefono
    4. Link speciali
      1. Annulla iscrizione
      2. Visualizza online
  2. Opzioni pulsante
    1. Colore testo
    2. Colore sfondo
    3. Larghezza automatica
      1. Auto
      2. Manuale
    4. Famiglia carattere
    5. Peso carattere
      1. Regolare
      2. Grassetto
    6. Dimensione carattere
    7. Allineamento
      1. Sinistra
      2. Centro
      3. Destra
      4. Giustifica
  3. Spaziatura
    1. Altezza linea
    2. Padding
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
    3. Bordo
      1. Lato
        • Alto
        • Destra
        • Sinistra
        • Inferiore
        • o valore singolo per ogni lato
      2. Tipo
        • Solido
        • Punteggiato
        • Tratteggiato
      3. Larghezza
    4. Bordo arrotondato
      1. Angolo
        • Sinistra superiore
        • Destra superiore
        • Sinistra in basso
        • Destra in basso
        • o valore singolo per ogni lato
      2. Arrotonda valore
  4. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  5. Design reattivo
    1. Nascondi su Desktop/Mobile

542cc4f5-f8a4-4c48-a875-3665c8311806.png

Il testo nell'elemento Pulsante può essere adattato con un pannello strumenti rapido. Il pannello rapido Pulsante ha le seguenti impostazioni:

  1. Grassetto
  2. Corsivo
  3. Sottolineatura
  4. Depennare

98ef2222-4b45-4d33-8498-26d15f8e7098.png

Divisore

Divisore: Dà una spaziatura adeguata in qualsiasi punto del design desiderato. Puoi aggiungere un elemento Divisore nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, il Divisore può essere aggiunto a ciascuna Colonna.

835ae30e-65ee-4bc4-923f-7cade51b3557.png

L'elemento Divisore ha le seguenti impostazioni:

  1. Linea
    1. Larghezza
    2. Linea
      1. Tipo
        • Solido
        • Punteggiato
        • Tratteggiato
      2. Peso
      3. Colore
    3. Allinea
      1. Sinistra
      2. Centro
      3. Destra
      4. Giustifica
  2. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  3. Design reattivo
    1. Nascondi su Desktop/Mobile

a7951536-88f7-4f09-9ae6-19de9954a5b0.png

Elemento HTML

HTML: L'HTMl è uno strumento integrato che permette agli utenti di aggiungere HTML personalizzato ai loro design. Puoi aggiungere un elemento HTML nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, l'elemento HTML può essere aggiunto a ciascuna Colonna.

06082894-c6b7-492e-b407-605c98660cb7.png

L'elemento HTML ha le seguenti impostazioni:

  1. HTML
    1. Area per aggiungere/modificare codice HTML
  2. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  3. Design reattivo
    1. Nascondi su Desktop/Mobile

a84b3708-9c84-4927-9f9b-0815058ece21.png

Menu

Menu: Menu è uno strumento integrato usato per creare menu di navigazione. Puoi aggiungere un elemento Menu nel design solo alla Riga esistente. Se una Riga è divisa in diverse Colonne, l'elemento Menu può essere aggiunto a ciascuna Colonna.

72cf9806-08fb-41e4-aba6-01d758067860.png

L'elemento Menu ha le seguenti impostazioni:

  1. Elementi menu
    1. Testo
    2. Azione
      1. Apri sito web
        1. URL
        2. Obiettivo
          • Nuova scheda
          • Stessa scheda
      2. Invia a e-mail
        1. Invia e-mail a
        2. Oggetto
        3. Testo
      3. Chiama numero di telefono
        1. Telefono
      4. Link speciali
        1. Annulla iscrizione
        2. Visualizza online
    3. Elimina elemento
    4. Aggiungi nuovo elemento
  2. Stili
    1. Famiglia carattere
    2. Peso carattere
      1. Regolare
      2. Grassetto
    3. Dimensione carattere
    4. Colore testo
    5. Colore link
    6. Allinea
      1. Sinistra
      2. Destra
      3. Centro
      4. Giustifica
    7. Layout
      1. Orizzontale
      2. Verticale
    8. Separatore
    9. Padding
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  3. Generale
    1. Padding contenitore
      1. Alto
      2. Destra
      3. Sinistra
      4. Inferiore
      5. o valore singolo per ogni lato
  4. Design reattivo
    1. Nascondi su Desktop/Mobile

d7b9c232-9d03-4ce1-8150-cbb603baa913.png

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 0 su 0
Torna in alto

Articoli correlati