Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Landing Pages

Inserire e modificare le icone nei moduli di testo ricco

Ultimo aggiornamento: agosto 24, 2021

Si applica a:

Tutti i prodotti e i piani

Puoi aggiungere qualsiasi icona nella libreria Font Awesome ai moduli di testo ricco sui post e le pagine del blog. Una volta che l'icona è stata aggiunta, è possibile personalizzare il suo colore, il posizionamento e le dimensioni.

Nota: le icone non possono essere aggiunte direttamente alle email di marketing. Per usare un'icona in un'email, salva l'icona come immagine, poi inseriscila nell'editor di email.


Aggiungi un'icona al tuo contenuto in un modulo rich text

  • Naviga al tuo contenuto:

    • Website Pages: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
    • Blog: Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
  • Passare il mouse sul nome del post o della pagina del blog e fare clic su Edit.
  • Clicca sul modulo rich text dove vuoi che appaia l'icona.
  • In alto a destra della barra degli strumenti rich text, clicca sul menu a discesa Inserte selezionaIcon.

insert-a-new-icon


  • Nella finestra pop-up, cerca l'icona nella barra di ricerca.
  • Clicca sull'icona per inserirla nel tuo modulo di testo ricco.

Modifica un'icona

Una volta inserita l'icona, puoi modificarne l'aspetto e la posizione o collegarla ad altri contenuti.

  • Naviga al tuo contenuto:

    • Website Pages: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
    • Blog: Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
  • Passa con il mouse sul nome del post o della pagina del blog e clicca su Edit.
  • Nell'editor dei contenuti, clicca sulla tuaiconaper aprire l'editor delle icone.
    1. Per modificare il colore dell'icona, clicca sul menu a discesa backgroundColor icon color e seleziona uncolore . Per inserire unvalore esadecimaleo un valore di colore RGB, vai alla scheda Advanced.
    2. Usate le icone indentate per spostare l'icona a destra o a sinistra.
    3. Usa le iconeblockAlignmentBottom alignment per regolare la posizione dell'icona all'interno di un blocco di testo.
    4. Per aggiungere un collegamento alla tua icona, clicca sull'iconalinklink.
    5. Per ridimensionare la vostra icona, cliccate e trascinate gli angoli dell'icona nell'editor o inserite i valori in pixel per la larghezza e l'altezza nella barra degli strumenti.
insert-an-icon-1
  • Per rimuovere un'icona da un modulo rich text, cliccate sull'immagine e poi sull'icona deletrash.
  • Per sostituire l'icona, clicca sull'immagine, poi clicca sull'icona replace replace
    e aggiungi una nuova icona.

Modificare le opzioni avanzate dell'icona

Puoi modificare le opzioni avanzate per la tua icona per aggiungere testo di accessibilità o personalizzare il link dell'icona.

  • Nell'editor di contenuti, clicca sull'icona.
  • Clicca sull'icona di modifica.
  • In alto a destra della finestra pop-up, fai clic suAdvanced.
  • Se la vostra icona è collegata, potete selezionare uno o più tipi di collegamento. Questo dice ai motori di ricerca come questo link si riferisce al tuo sito web. Scopri di più sui diversi tipi di link.
  • Seleziona uno scopoper la tua immagine.
    • Se la tua icona è destinata a trasmettere informazioni, seleziona Read by screen readers e aggiungi un titolo che descriva il suo scopo.
    • Se la tua icona non trasmette informazioni, selezionaIgnorato dai lettori di schermo.
select-an-icon-purpose-1