Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Inizio / Website Builder / Modifica delle Pagine e dei Contenuti / Come aggiungere le icone social a una pagina

Come aggiungere le icone social a una pagina

Riassumi questo articolo con:
Ultimo aggiornamento: Oct 06, 2026 • 1 min di lettura

Avere una presenza solida sui social media è fondamentale per qualsiasi sito web: aiuta ad aumentare il traffico, attirare nuovi potenziali clienti e migliorare la reputazione online.

Website Builder ti permette di aggiungere facilmente i link ai tuoi profili social nelle pagine del sito tramite il componente Icone social.

Come aggiungere un’icona social e modificarla

Ecco i passaggi per aggiungere una nuova icona social:

  1. Vai su Site Admin > Home e premi Modifica sito web per accedere all’editor visuale del tuo sito in Website Builder.
    Pulsante Modifica sito web per accedere all'editor visivo di Website Builder
  2. Vai su Pagine e seleziona la pagina in cui desideri aggiungere i link social.
    Interfaccia di Website Builder in cui la sezione Pagine è aperta e viene selezionata una pagina
  3. Scegli una sezione, quindi premi il pulsante Aggiungi nell’angolo in alto a sinistra.
    Una sezione selezionata su una pagina in Website Builder dove il pulsante Aggiungi è visualizzato in alto a sinistra
  4. Dalla finestra Aggiungi componente, scegli Icone Social. Puoi utilizzare la barra di ricerca per trovarlo più rapidamente. Il componente verrà creato con le icone social predefinite selezionate.
    Website Builder che visualizza il menu dei componenti in cui è selezionato il componente Icone Social
  5. Trascina il componente nella posizione desiderata all’interno della griglia della sezione attiva.
    Visualizzazione in modalità griglia di una sezione di pagina in Website Builder dove è possibile trascinare e rilasciare un componente
  6. Fai clic sul componente e seleziona Modifica dalla barra degli strumenti in alto.
    Un componente su una pagina di Website Builder che visualizza una barra degli strumenti con l'icona Modifica selezionata
  7. Per aggiungere una nuova icona, premi Aggiungi nuovo link.
    Menu di modifica di un componente Icone Social su una pagina in Website Builder con un pulsante evidenziato Aggiungi nuovo link
  8. Il nuovo link verrà aggiunto all’elenco delle icone preimpostate esistenti. Per modificare una delle icone, passa sopra con il mouse e premi il relativo pulsante freccia (>).
    Menu di modifica di un componente Icone Social con un'evidenziazione sul pulsante a freccia accanto a un'icona che espande le opzioni di modifica
  9. Nella finestra successiva, apri il menu Piattaforma per selezionare il tipo di social media.
    Menu Piattaforma per selezionare il tipo di social media per un'icona social all'interno di un componente in Website Builder
  10. Inserisci l’indirizzo del tuo profilo social nel campo Link.
    Campo Link per l'invio di un link a un profilo social per un'icona social all'interno di un componente in Website Builder

Come riordinare le icone social

Fai clic sul componente Icone Social e scegli Modifica dalla sua barra degli strumenti. Seleziona una delle icone, trascinala verso l’alto o verso il basso e rilasciala nella posizione preferita.

Opzioni di modifica per un componente su una pagina di Website Builder che elenca le icone social che possono essere riorganizzate spostandole

Come cambiare il design delle icone social

Per cambiare la combinazione di colori delle icone, seleziona il componente genitore e premi Modifica. Nella finestra successiva, apri la scheda Design.

Quindi, apri il menu Stile colore e seleziona una delle tre opzioni:

  • Originale: utilizza i colori originali del logo del social media dell’icona
  • Nero: utilizza un design monocromatico bianco e nero. Adatto per sfondi chiari.
  • Bianco: le icone sono completamente bianche. Adatto solo per sfondi molto scuri.
Opzioni di modifica per un componente Icone Social in Website Builder che visualizza le opzioni Stile colore per le icone

NOTA! La combinazione di colori selezionata si applica a tutte le icone nel componente principale.

Oltre al colore, puoi anche cambiare l’allineamento e la dimensione delle icone. Scegli una delle tre opzioni di allineamento disponibili (sinistra, centro, destra) dal menu Allineamento e sposta il cursore Dimensione per modificare la dimensione delle icone.

Menu di modifica per un componente Icone Social in Website Builder che visualizza le opzioni di allineamento e dimensione

Come eliminare un’icona social

Per eliminare un’icona, fai clic sul componente genitore e seleziona Modifica dalla sua barra degli strumenti. Scegli l’icona che desideri eliminare e premi la sua icona a freccia (>). Nella finestra successiva, premi Elimina per rimuovere l’icona dal componente.

Opzioni di modifica espanse per un'icona social all'interno di un componente in Website Builder che evidenziano il pulsante Elimina

Condividi questo articolo

Hai trovato utile questo articolo?

Aggiungi SiteGround alle tue fonti preferite su Google.