Inserire e modificare le icone nei moduli di testo ricco

Le icone aiutano a richiamare l'attenzione su informazioni e azioni importanti nei contenuti di testo ricco. Inserite qualsiasi icona della libreria Font Awesome nei moduli di testo ricco dei post e delle pagine del blog. Una volta aggiunta l'icona, è possibile personalizzarne il colore, il posizionamento e le dimensioni.

Nota bene: le icone non possono essere aggiunte direttamente alle e-mail di marketing. Per utilizzare un'icona in un'e-mail, salvarla come immagine e inserirla nell'editor di e-mail.

Inserire un'icona

1. Navigare nel contenuto:
   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
   • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome del contenuto.
3. Fare clic sul modulo di testo ricco in cui si desidera che appaia l'icona.
4. Nella barra degli strumenti del testo ricco, in alto a destra, fare clic sul menu a discesa Inserisci e selezionare Icona.

5. Nel riquadro a comparsa, cercare l'icona nella barra di ricerca.
6. Fare clic sull' icona per inserirla nel modulo di testo ricco.
7. Al termine, fare clic su Pubblica o Aggiorna in alto a destra.

Modificare un'icona

È possibile modificare gli stili, l'allineamento o il collegamento ad altri contenuti di un'icona. È anche possibile sostituire un'icona o rimuoverla.

1. Navigare nel proprio contenuto:
   1. Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   2. Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
   3. Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome del contenuto.
3. Nell'editor dei contenuti, fare clic sulla propria icona per aprire l'editor delle icone.
   • Per modificare il colore dell'icona, fare clic sul menu a discesa backgroundColor e selezionare un colore. Per inserire un valore esadecimale o un valore di colore RGB , fare clic sulla scheda Avanzate .
   • Usare le icone di indent rientro per spostare l'icona a destra o a sinistra.
   • Usare le icone di allineamento blockAlignmentBottom per regolare la posizione dell'icona all'interno di un blocco di testo.
   • Per aggiungere un collegamento all'icona, fare clic sull'icona link e poi inserire un collegamento.
   • Per ridimensionare l'icona, fare clic e trascinare gli angoli dell'icona nell'editor o inserire i valori in pixel per la larghezza e l'altezza nella barra degli strumenti.
4. Per rimuovere un'icona da un modulo di testo ricco, fare clic sull'icona. Quindi fare clic sull' icona delete per eliminare l'icona..
5. Per sostituire l'icona, fare clic sull'icona. Quindi fare clic sull' icona replace replace e selezionare una nuova icona.
6. Al termine, fare clic su Pubblica o Aggiorna in alto a destra.

Modifica delle opzioni avanzate dell'icona

È possibile modificare le opzioni avanzate dell'icona per aggiungere testo sull'accessibilità o personalizzare il link dell'icona.

1. Navigare nel proprio contenuto:
   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
   • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome del contenuto.
3. Nell'editor dei contenuti, fare clic sull'icona .
4. Fare clic sull'icona di modifica edit .
5. Nel riquadro a comparsa, fare clic su Avanzate.
6. Se l'icona contiene un link, è possibile selezionare uno o più tipi di link. Questo indica ai motori di ricerca il modo in cui il link è collegato al sito web. Per saperne di più sui diversi tipi di link.
7. Selezionare uno scopo per l'immagine.
   • Se l'icona è destinata a trasmettere informazioni, selezionare Leggi per gli screen reader e aggiungere un titolo che ne descriva lo scopo.
   • Se l'icona non trasmette informazioni, selezionare Ignora per gli screen reader.

8. Fare clic su Applica.
9. Al termine, fare clic su Pubblica o Aggiorna in alto a destra.