Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Adding a Facebook Like button

Esistono due modi per aggiungere un pulsante 'Mi piace' di Facebook al tuo sito: puoi decidere di mostrare i pulsanti 'Mi piace' insieme agli altri pulsanti Condividi o utilizzare questa guida per aggiungere dei pulsanti 'Mi piace' personalizzati alle pagine e ai post del blog con i Blocchi codice.

We recommend using our built-in Share button, but a code-based solution might be a good option if you have coding knowledge and want more control over where the button appears.

Note: The Facebook Like button won't post directly to the visitor's Facebook timeline, but may appear in their friends' News Feeds, depending on their feed and Facebook's algorithms.
Gli step illustrati in questa guida includono l'uso di Iniezione di codice e l'aggiunta di un codice avanzato a Blocchi codice. Si tratta di funzionalità Premium, disponibili nei piani Business e Commerce.

Prima di iniziare

Facebook's custom Like button code isn't compatible with our built-in Facebook Share button. To avoid having an empty space in your Share button list, disable the Facebook Share button by following these steps:

  1. Nel Menu Home, clicca su Marketing e quindi sui pulsanti Condividi.
  2. Uncheck Facebook before adding this code.

To learn more, visit Adding share buttons.

Step 1 - Create a Like button

To add a Facebook Like button to your site, you'll need to create the button using Facebook's developer tools. You can find those here.

In the URL to Like box, enter your Site URL or the URL of the page on your site you'd like the button to apply to.

In the Width box, enter the width you'd like your plugin to be in pixels. This will depend on the space of the area where you'd like your button to appear. Facebook automatically sets the height of the plugin.

Select a style from the Layout drop-down menu.

Seleziona un tipo di azione dal menu a discesa Tipo di azione.

Check Show Friends' Faces to display profile thumbnails when two or more friends like this post. Check Include Share Button to display a Share Button with the Like Button.

Click Get Code.

Step 2 - Add the Javascript SDK code

Copy the Javascript SDK code from the first box.

Apri il tuo sito Squarespace in una nuova scheda. Nel Menu Home clicca su Impostazioni, quindi su Avanzate e infine su Iniezione di codice.

Incolla il codice Javascript SDK nella casella Intestazione. Clicca su Salva.

Note: For more help with this panel, visit Using Code Injection.

Step 3 - Add the Like button code to a page

In Facebook's developer tools, copy the Like button code from the second box.

This code is used to add a Like button to a specific area of your site. You can add this to any content area using the Code Block.

Apri l'editor per la pagina o il post dove vorresti aggiungere il pulsante Mi piace. Clicca su un punto di inserimento e seleziona Codice dal menu Blocchi.

In the Code Editor, paste the Like button code. Click Save.

Nota: talvolta, come misura di sicurezza, il codice incorporato è disabilitato quando sei connesso. Se non vedi il codice, disconnettiti o visualizza la pagina utilizzando la modalità Privato / Incognito del browser. Per maggiori informazioni, visita Perché non riesco a vedere il codice personalizzato mentre sono connesso al mio sito?

Step 4 - Add post-specific Like buttons to blog posts (optional)

You can modify the code to display a unique Like button below each of your blog posts. When visitors click this Like button, it will like the specific blog post, rather than your site as a whole.

Nel pannello Pagine, passa il mouse sopra il titolo di una pagina del blog e clicca su gear-icon accanto al titolo per aprire le Impostazioni pagina.

Nella scheda Avanzate , incolla il codice del pulsante Mi piace di Facebook (dallo Step 3) nella casella Iniezione di codice elemento post.

Replace your site URL in the code with {permalink}.

Clicca su Save (Salva).

The_code_pasted_into_the_Post_Blog_Item_Code_Injection_box.png

The Facebook Like button will display directly after the content for each blog post.

Note: This third-party customization falls outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, since this is a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Third-party customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

To add a "Like on Facebook" option to your site without custom code, try Share buttons.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 44 su 59
Adding a Facebook Like button