Crea un pulsante Salva per il tuo sito

Suggerimenti e risoluzione dei problemi

"Se hai aggiunto al codice il pulsante Salva ufficiale prima di giugno 2016, ti ricordiamo che abbiamo aggiornato il comando "Pin it" in "Salva" il 3 ottobre 2017".

Il pulsante Salva è il modo migliore per far conoscere la tua attività su Pinterest. Quando aggiungi il pulsante Salva alle pagine del tuo sito, i clienti potranno salvare le cose che gli piacciono su Pinterest e molte più persone potranno trovarle. 
 
Se hai un sito Wordpress, Blogger, Tumblr, Wix o Squarespace:
 
WordPress.com WordPress.com
Il pulsante Pin It di Wordpress non richiede codice supplementare sul tuo sito. Puoi aggiungere il pulsante Pin It a tutti i post di Wordpress attivandolo nelle opzioni di condivisione predefinite.
  1. Vai alla dashboard diWordpress
  2. Vai a Impostazioni, poi Condivisione
  3. Nella sezione Pulsanti di condivisione trascina il servizio Pinterest da Servizi disponibili a Servizi attivi
  4. Se vuoi visualizzare l'immagine predefinita del pulsante Pin It, cambia lo Stile del pulsante nel menu a discesa i Pulsanti ufficiali
  5. Fai clic su Salva modifiche nella parte inferiore della pagina
WordPress.org WordPress.org

Scarica un plug-in per il pulsante Pin It a comparsa dalla directory di plug-in WordPress.org.

Blogger Blogger
  1. Nella dashboard di Blogger, vai alla sezione Layout
  2. Fai clic su modifica nella sezione Post del blog
  3. Scorri fino a Mostra pulsanti di condivisionee verifica che la casella non sia già selezionata
  4. Riposiziona gli elementi necessari nella sezione Riposiziona elementi quindi fai clic su Salva
Tumblr Tumblr
Innanzitutto, devi aggiungere una riga in codice JavaScript.
 
Per aggiungere la riga di codice JavaScript:
  1. Nella tua dashboard di Tumblr, seleziona il blog che vuoi modificare, quindi fai clic su Personalizza
  2. Fai clic su Modifica HTML nella schermata Personalizza
  3. Scorri fino alla fine del codice
  4. Verifica che il codice contenga pinit.js . In tal caso, sei a posto.
  5. In caso contrario, aggiungi quanto segue direttamente sopra il tag </body> di chiusura: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Per aggiungere un pulsante Pin it a comparsa:
  1. Accertati di avere aggiunto la riga di codice JavaScript utilizzando la procedura sopra riportata
  2. Nella tua dashboard di Tumblr, seleziona il blog che vuoi modificare, quindi fai clic su Personalizza
  3. Fai clic su Modifica HTML nella schermata Personalizza
  4. Scorri fino alla fine del codice
  5. Aggiungi data-pin-hover="true" prima della parte “src=” del passaggio 4 sopra indicato. La nuova linea dovrà avere un aspetto simile a questo: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Fai clic su Aggiorna anteprima. Dovresti vedere apparire il pulsante Pin It quando sposti il cursore sull'immagine di esempio a destra. Se non lo vedi, torna al passaggio 4 e assicurati che tutto sia in ordine.
  7. Fai clic su Salva
Wix.com Wix.com
  1. Fai clic su Aggiungi (+) a sinistra dell'editor
  2. Fai clic su Social.
  3. Scorri verso il basso e fai clic su Pinterest Pin It.
  4. Trascina il pulsante Pin It nella posizione desiderata sulla pagina.
  5. Il pulsante Pin It creerà un Pin basato sull'immagine e la descrizione selezionate. Il Pin reindirizzerà alla pagina su cui ti trovi quando fai clic su Pin It.
Squarespace Squarespace

Scopri come creare un pulsante Pin It per il tuo sito Squarespace qui

 
Se vuoi creare un pulsante tu da solo, innanzitutto decidi che tipo di pulsante Salva vuoi aggiungere. Esistono 3 tipi tra i quali è possibile scegliere: 
 
  • Passaggio del mouse su un'immagine (vedi esempio): il pulsante Salva viene visualizzato ogni volta che qualcuno passa il mouse su una qualsiasi immagine della pagina.
    Learn how to build it Learn how to build it
    1. Vai al generatore di widget.
    2. Seleziona Image hover nella sezione Tipo di pulsante.
    3. Personalizza le dimensioni e la forma del tuo pulsante. 
    4. Visualizza un'anteprima del pulsante passando il mouse sull'immagine di esempio. Puoi anche fare clic sul pulsante Pin It per vedere come funziona.
    5. Quando sei soddisfatto del pulsante, copia il codice nella seziona Copia il codice.
    6. Incolla il codice sopra il tag </body> di ogni pagina, nel punto dove desideri che il pulsante venga visualizzato nel sito.
  • Qualsiasi immagine  (vedi esempio): se qualcuno fa clic su questo pulsante, può salvare qualsiasi immagine del sito. È molto semplice.
    Learn how to build it Learn how to build it
    1. Vai al generatore di widget.
    2. Seleziona Qualsiasi immagine sotto la sezione Tipo di pulsante.
    3. Personalizza le dimensioni, la forma, il testo e l'immagine per il pulsante. 
    4. Visualizza un'anteprima del pulsante passando il mouse sull'immagine di esempio. Puoi anche fare clic sul pulsante Salva per vedere come funziona.
    5. Quando sei soddisfatto del pulsante, copia il codice che appare sul lato destro della pagina.
    6. Incolla il codice tra i tag <body> e </body> di ogni pagina, nel punto dove desideri che il pulsante venga visualizzato nel sito.
  • Un'immagine (vedi esempio): si tratta di un pulsante Salva per una singola immagine della pagina e richiede una maggiore programmazione.
    Learn how to build it Learn how to build it
    1. Vai al generatore di widget
    2. Personalizza la dimensione, la forma, il testo oppure l'immagine per il pulsante. 
    3. Aggiungi l'URL delle pagine web che contengono le immagini per le quali vuoi creare un pulsante Salva (può essere la home page o qualsiasi altra pagina del tuo sito)
    4. Apri una nuova finestra nel browser e visita il sito web
    5. Fai clic con il pulsante destro del mouse sull'immagine per la quale desideri creare il pulsante Salva
    6. Seleziona Copia URL immagine
    7. Torna al generatore di widget e incolla l'URL dell'immagine nel campo Immagine
    8. Scrivi una descrizione dell'immagine
    9. Fai clic su Crealo! per un'anteprima del pulsante
    10. Quando sei soddisfatto del pulsante, copia il codice che appare sul lato destro della pagina
    11. Incolla il codice tra i tag <body> e </body> di ogni pagina, nel punto dove desideri che il pulsante venga visualizzato nel sito

Problemi comuni

Il contatore del pulsante Salva non viene visualizzato/non è corretto
Quando fai clic sul pulsante Salva non si apre una nuova finestra per la selezione delle bacheche
Il pulsante a comparsa non funziona
Pinterest ha dei problemi a comunicare con il mio sito

Il contatore mostra il numero di Pin associati all'URL specificato nel codice del pulsante. Se questa pagina è diversa dalla pagina su cui ti trovi, il contatore potrebbe mostrare un numero diverso dal quello atteso.

Se utilizzi un contatore con il pulsante Salva per qualsiasi immagine, il contatore mostrerà un conteggio di tutti i Pin associati all'URL della pagina nella quale ti trovi al momento.

Se usi un contatore di fianco al pulsante e nella pagine non ci sono Pin, il contatore non verrà visualizzato. Apparirà quando avrai almeno un Pin proveniente dalla pagina.

Se utilizzi un pulsante Salva fornito da un plugin di terze parti, contatta il creatore del plugin per vedere se può correggere il problema. 

Se usi un pulsante Salva personalizzato, prova i seguenti suggerimenti:

  • Accertati di avere inserito la riga di codice JavaScript nel codice della tua pagina, direttamente sopra il tag di chiusura
  • Se la riga di codice JavaScript è presente più volte sulla tua pagina, prova a rimuovere tutte le righe tranne l'ultima.
  • Se utilizzi sia la riga di codice JavaScript asincrono avanzato che la riga di codice JavaScript regolare, rimuovi una di esse.
  • Se utilizzi un plug-in di terze parti, accertati che non aggiunga già una riga pinit.js al tuo codice. Se lo aggiunge, non devi farlo tu.
Alcuni servizi di hosting non supportano JavaScript, quindi non potrai aggiungere il codice dal nostro generatore di widget. Tuttavia, potrebbero disporre di metodi alternativi per l'aggiunta dei widget.

Prova i seguenti suggerimenti per la risoluzione dei problemi:
 
  • Assicurati che le immagini abbiano almeno 100 px in una dimensione (altezza o larghezza) e almeno 200 px nell'altra (le immagini devono avere almeno 120 px x 120 px affinché il pulsante Salva a comparsa venga visualizzato)
  • Assicurati che le immagini non siano specificate nello sfondo CSS e assicurati che ogni immagine abbia un attributo src che inizia con "img"
  • Aggiungi il codice del pulsante a comparsa appena prima del tag di chiusura

Significa che Pinterest va in timeout prima di poter creare un Pin sul tuo sito. Sfortunatamente, non si tratta di un problema che possiamo risolvere, dal momento che solitamente si verifica quando un sito è lento. Ti consigliamo di investigare il problema.