Come posso aggiungere i Link social al mio sito Website Builder?

Questa guida spiega come aggiungere link ai social media al tuo sito web in Website Builder utilizzando il componente Link social.


Passaggio 1: aggiungi un componente Link social al tuo sito

  1. Apri Website Builder dal pannello di controllo one.com.
  2. Dal menu a sinistra, fai clic su Social e trascina una delle opzioni del componente nell'area di lavoro.

Screenshot che mostra l'editor di Website Builder. Il menu a sinistra è aperto alle opzioni dei social media e una freccia rossa indica il componente con le icone dei social media.


Passaggio 2: aggiungi i link ai tuoi social

Modifica i link in modo che indirizzino alle tue pagine social. Puoi farlo selezionando il componente e cliccando su Modifica icone > Link.
  1.  
    • Clicca sull'icona con i tre puntini per Modifica, nascondi o elimina un'icona social. Nascondere un link influisce solo su quel componente social specifico, mentre eliminarlo influisce su tutti gli altri componenti social che potresti avere sul tuo sito.
    • Cambia l'ordine delle icone cliccando su un collegamento e trascinandolo su o giù mentre tieni premuto il bottone del mouse.
    • Digita un indirizzo E-mail o un URL di una delle tue pagine social per aggiungere una nuova icona. Puoi aggiungere link a Facebook, Instagram, Twitter, Pinterest, LinkedIn, YouTube, E-mail, Yelp, Vimeo, Snapchat, Reddit, Tumblr, Tripadvisor e Foursquare.

Screenshot che mostra il menu flottante aperto delle icone dei social media. Il menu è aperto nella scheda dei link; una lente di ingrandimento ingrandisce le impostazioni e una freccia rossa punta all'icona con i tre punti.


Passaggio 3: Modifica lo stile delle tue icone

Regola l'aspetto delle icone in Modifica icone > Stile.

  • Cambia la forma delle icone: puoi scegliere tra normale (predefinita), circolare, quadrata o arrotondata.
  • Puoi scegliere tra un'icona con un colore pieno (riempimento) o un'area trasparente (knockout) che mostra lo sfondo.
  • In Colore, seleziona Multicolore per visualizzare i colori predefiniti dei social media, oppure nero (scuro) o bianco (chiaro).

Regola la dimensione e la spaziatura delle icone come preferisci e scegli dove vuoi posizionarle sul tuo sito. Metti il componente nell'intestazione o nel piè di pagina se vuoi che le icone siano visibili su tutte le pagine.

Screenshot che mostra il menu flottante aperto delle icone social. Il menu è aperto sulla scheda Stile; una lente di ingrandimento mette a fuoco le opzioni di colore e due frecce rosse indicano rispettivamente il menu a discesa per le forme e le opzioni di colore.


Passaggio 4: aggiungi animazioni alle tue icone

Puoi aggiungere effetti di animazione alle tue icone per farle risaltare di più. Ad esempio, puoi usare un effetto slide-in o un effetto rimbalzo, che farà risaltare le icone sullo schermo quando un visitatore scorre la pagina verso il basso.

Puoi aggiungere animazioni selezionando il componente e cliccando su Modifica icone > Animazioni.

  • Seleziona un effetto di animazione: puoi scegliere tra dissolvenza in entrata, scorrimento in entrata o rimbalzo.
  • Selezionando dissolvenza in entrata o scorrimento in entrata, è possibile scegliere la direzione da cui il componente deve entrare nello schermo. Le opzioni sono centro, alto, basso, sinistra o destra.
  • Seleziona la velocità dell'animazione: può essere lenta, media o lunga.
  • Scegli se vuoi ritardare l'inizio dell'effetto e, in tal caso, per quanto tempo deve essere il ritardo.
Screenshot che mostra la scheda Animazioni aperta nel menu flottante. Una lente di ingrandimento ingrandisce le diverse impostazioni.

Passaggio 5: Pubblica le tue modifiche

Fai clic su Salva e Pubblica per rendere visibili le modifiche sul tuo sito web.

Suggerimento: se vuoi visualizzare le icone social in verticale, puoi farlo aggiungendo un componente Link social separato per ogni icona e nascondendole tutte tranne una. Quindi posizionale una sopra l'altra.

Screenshot che mostra le icone sul sito web in modalità anteprima. Una freccia rossa indica le icone.

Non hai accesso a Website Builder? Puoi provarlo gratuitamente per 14 giorni e creare un sito web in pochissimo tempo. Inizia subito la tua prova gratuita


Articoli correlati:

Questo articolo ti è stato utile?

Non trovi quello che stai cercando?

Inizia una chat

È il modo più veloce per contattarci – in inglese, tutti i giorni dell’anno.