Blocchi link social

Aggiungi alle pagine icone che rimandino ai tuoi profili social, come Facebook o Instagram.

Ultimo aggiornamento 9 ottobre 2023

Utilizza i blocchi link social per aggiungere icone social in ogni sezione del sito in cui sia possibile farlo. Le icone sono collegate agli URL aggiunti nel pannello Link social. Di solito, questo tipo di blocchi vengono aggiunti a un piè di pagina, in modo che siano presenti in tutte le pagine del tuo sito.

Per visualizzare un elenco di logo di piattaforme disponibili e se il sito visualizza altre icone social integrate, visita Aggiungere icone social.

Suggerimento

per aiutarti a iniziare, il tuo sito potrebbe includere un Blocco link social nel contenuto della demo. Per personalizzare il blocco, clicca su di esso, quindi clicca su Modifica o sull'icona della matita.

Guarda un video

Prima di iniziare

La scheda Contenuto dei blocchi link social riflette le informazioni aggiunte al pannello Link ai social del tuo sito. Quando aggiorni i link ai social in un blocco di link social, questi si aggiornano anche nel pannello dei link ai social.

Per questo motivo, tutti i Blocchi link social mostrano le stesse icone social. Se aggiungi o rimuovi un link social in un Blocco link social, tutti gli altri blocchi dello stesso tipo presenti nel sito rifletteranno la modifica. Non è possibile avere vari Blocchi link social che mostrino icone social diverse tra loro.

Per aggiungere un Blocco link social:

  1. Modifica una pagina o un post, clicca su Aggiungi blocco o su un punto di inserimento, quindi clicca su Link ai social. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Nella scheda Contenuto , aggiungi o modifica le icone social.
  4. Fai clic su Design per modificare il design dei link social.

Aggiungere o modificare icone social

Per aggiungere una nuova icona social:

  1. Nella scheda Contenuto, clicca su Aggiungi link ai social.
  2. Copia e incolla nel campo vuoto un URL per una pagina di profilo o un indirizzo e-mail.
  3. Premi Invio sulla tastiera.

Per modificare un singolo link ai social, clicca su di esso nella scheda Contenuto. Qui è possibile:

  • Modificare l'URL o l'indirizzo e-mail del link ai social.
  • Disattiva l'opzione Visualizza icona social per nascondere temporaneamente l'icona dal tuo sito.
  • Eliminare il link ai social. È bene ricordare che l'eliminazione di un link ai social comporta la sua immediata rimozione da qualsiasi punto del tuo sito.

Per modificare l'ordine dei link ai social, clicca su Modifica nell'angolo superiore destro della scheda Contenuto, quindi clicca e trascina l'icona a destra del link ai social che desideri spostare. 

Puoi anche aggiungere e modificare link ai social nel pannello Link ai social del tuo sito. Ricorda che tutte le modifiche apportate nel pannello Link ai social interesseranno tutti i Blocchi link social del tuo sito e viceversa.

Modificare il design

Personalizza il design delle icone utilizzando le seguenti impostazioni nella scheda Design:

Suggerimento

queste impostazioni non riguardano icone social integrate, che dispongono di impostazioni di stile proprie.

Impostazione Opzioni
Bordo

Modifica la forma del bordo che circonda le icone. Scegli tra:

  • Nessun bordo
  • Square
  • Circle
  • Quadrato arrotondato

Seleziona uno stile per il bordo tra le seguenti opzioni:

  • Knockout
  • Bordato
  • Opaco

Per modificare la larghezza del contorno, utilizza il cursore dello spessore.

Alignment (Allineamento)

Modifica l'allineamento delle icone rispetto al container del blocco. Scegli tra:

  • Sinistra
  • Centro
  • Destra
Size (Dimensione)

Modifica le dimensioni dell'icona. Scegli tra:

  • XS
  • S
  • M
  • L
  • XL

Cambiare il colore delle icone

Puoi modificare i colori delle icone in un Blocco link social per adattarle al brand del tuo sito. Le opzioni a disposizione variano in base alla versione del sito.

Per modificare i colori delle icone:

  1. Durante la modifica di una pagina, apri Stili sito, quindi clicca su Colori.
  2. Clicca sull'icona della matita sul tema del tuo Blocco Link social.
  3. Scorri verso il basso fino a Blocco link social.
  4. Utilizza Colore principale per cambiare il colore delle icone social. Se utilizzi un bordo Opaco per le icone, puoi anche utilizzare il tweak Colore secondario.
  5. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Non è possibile i colori predefiniti del branding di ciascun servizio.

  1. Clicca su Modifica nella pagina con il Blocco link social, quindi clicca su Modifica sul blocco.
  2. Clicca sulla scheda Design .
  3. In Colore, scegli tra Nero, Bianco o Standard. Con Standard, ciascuna icona corrisponderà al brand del servizio. Ad esempio, l'icona di Facebook sarà blu.

Eliminare un link ai social

Prima di eliminare un link ai social, ricorda che l'eliminazione da un blocco di link ai social lo elimina dal pannello dei link ai social del tuo sito e da tutti gli altri blocchi di link ai social. Non è possibile esporre icone social diverse in blocchi di link ai social diversi.

Per eliminare un link ai social:

  1. Clicca su Modifica nella pagina, quindi clicca sull'icona della matita nel blocco link social.
  2. Nella scheda Contenuto, clicca sul link ai social che desideri eliminare.
  3. Clicca su Elimina link ai social e poi su Elimina. In questo modo il link viene rimosso immediatamente da tutti i blocchi di link social e dal pannello dei link ai social. Questa azione non può essere annullata.

In alternativa, è possibile nascondere temporaneamente un link ai social disattivando l'opzione Mostra icona social.

Per eliminare più link ai social:

  1. Nella scheda Contenuto, clicca su Modifica nell'angolo in alto a destra.
  2. Clicca sull'icona con il segno meno accanto ai link ai social che vuoi eliminare. In questo modo verranno rimossi immediatamente da tutti i blocchi social e dal pannello dei link ai social. Questa azione non può essere annullata.
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.