Inserire e modificare le icone nei moduli di testo ricco

È possibile aggiungere qualsiasi icona della libreria Font Awesome ai 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, salvatela come immagine, quindi inseritela nell'editor di e-mail.

Aggiungere un'icona ai contenuti in un modulo di testo ricco

• Navigate nel vostro contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, vai a Marketing > Sito web > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, vai a Marketing > Landing page.
  • Blog: Nel tuo account HubSpot, vai a Marketing > Sito web > Blog.

• Passare il mouse su una pagina o un post e fare clic su Modifica.
• Fare clic sul modulo di testo ricco in cui si desidera che appaia l'icona.
• Nella barra degli strumenti del testo ricco, in alto a destra, fare clic sul menu a discesa Inserisci e selezionare Icona.

• Nel riquadro a comparsa, cercare l'icona nella barra di ricerca.
• Fare clic sull' icona per inserirla nel modulo di testo ricco.

Modificare un'icona

Una volta inserita l'icona, è possibile modificarne l'aspetto e la posizione, oppure collegarla ad altri contenuti.

• Navigare verso il proprio contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, vai a Marketing > Sito web > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, vai a Marketing > Landing page.
  • Blog: Nel tuo account HubSpot, vai a Marketing > Sito web > Blog.
• Passare il mouse su una pagina o un post e fare clic su Modifica.
• Nell'editor di contenuti, fare clic sulla propria icona per aprire l'editor di icone.

1. • Per modificare il colore dell'icona, fare clic sul menu a discesa backgroundColor e selezionare un colore. Per inserire un valore esadecimale o RGB del colore, fare clic sulla scheda Avanzate .
   • Usare le icone indent indent iconiconiconper spostare l'icona a destra o a sinistra.
   • Usare le icone di allineamentoblockAlignmentBottom per regolare la posizione dell'icona all'interno di un blocco di testo.
   • Per aggiungere un link all'icona, fare clic sull'iconalinklink, quindi inserire un link.
   • 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.

• Per rimuovere un'icona da un modulo di testo ricco, fare clic sull'immagine, quindi sull'icona delcestino delete ..
• Per sostituire l'icona, fare clic sull'immagine, quindi sull'icona replace replace e aggiungere una nuova icona.

Modifica delle opzioni avanzate delle icone

È possibile modificare le opzioni avanzate dell'icona per aggiungere testo di accessibilità o personalizzare il collegamento all'icona.

• Nell'editor dei contenuti, fare clic sull'icona.
• Fare clic sull'icona di modificaedit .
• Nel riquadro a comparsa, fare clic su Avanzate.
• Se l'icona ha un link, è possibile selezionare uno o più tipi di link. In questo modo si indica ai motori di ricerca il modo in cui il link è collegato al sito web. Per saperne di più sui diversi tipi di link.

• 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.
• Fare clic su Applica.