Come aggiungere il pulsante “Pin It” di Pinterest in WordPress (4 modi)

Volete aggiungere un pulsante “Pin It” di Pinterest in WordPress?

Pinterest è un popolare sito di social networking che consente di condividere contenuti visivi e di ottenere più visitatori sul proprio sito web. Aggiungendo un pulsante “Pin It” al vostro sito, potrete incoraggiare più persone a condividere i vostri contenuti su Pinterest.

In questo articolo vi mostreremo come aggiungere il pulsante “Pin It” di Pinterest a WordPress.

Perché aggiungere il pulsante “Pin It” di Pinterest in WordPress?

Pinterest è un popolare sito di social media che consente agli utenti di raccogliere link a siti web e altri contenuti visivi attraverso la creazione di bacheche.

Quando gli utenti aggiungono i vostri contenuti alla loro bacheca Pinterest, aiutano altre persone a scoprire il vostro sito web. Pinterest è una fonte di traffico particolarmente importante se gestite un sito web di fotografia, un blog di moda o qualsiasi altro tipo di blog con molte immagini e video.

Aggiungendo un pulsante “Pin It” al vostro sito web, potete incoraggiare i visitatori a condividere i vostri contenuti su Pinterest.

Detto questo, vediamo come aggiungere un pulsante “Pin It” di Pinterest in WordPress. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Metodo 1: Utilizzo di conteggi condivisi (facile e veloce)

Il modo più semplice per aggiungere un pulsante Pinterest al vostro sito WordPress è utilizzare Shared Counts.

È uno dei migliori plugin di social media per WordPress che vi permette di aggiungere facilmente un pulsante di Pinterest al vostro sito, oltre ai pulsanti per tutti gli altri principali social network.

Per iniziare, è necessario installare e attivare il plugin Shared Counts. Per istruzioni dettagliate, potete seguire la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’installazione, è necessario andare su Impostazioni ” Conteggi condivisi per configurare il plugin.

Qui, scorrere la sezione Visualizzazione e fare clic sulla casella di testo “Pulsanti di condivisione da visualizzare”.

Si aprirà un menu a discesa in cui è possibile selezionare i servizi di social media che si desidera aggiungere. Ad esempio, è possibile utilizzare Shared Counts per aggiungere un pulsante “Mi piace” su Facebook, un pulsante di condivisione e retweet su Twitter e altro ancora.

Per creare un pulsante “Pin It”, selezionare “Pinterest” dal menu a tendina.

Successivamente, è possibile aprire il menu a tendina “Stile pulsante di condivisione” e scegliere uno stile per il pulsante Pinterest.

È inoltre possibile selezionare la posizione e il tipo di post in cui si desidera mostrare il pulsante Pinterest.

Quando si è soddisfatti della configurazione del pulsante, è sufficiente fare clic sul pulsante “Salva modifiche”.

Ora potete visitare qualsiasi post del vostro blog WordPress per vedere il pulsante Pinterest in azione.

Metodo 2: Usare uno shortcode personalizzato (consigliato)

A volte si può desiderare di controllare esattamente dove appare il pulsante “Pin It” sul sito. Ad esempio, potreste voler mostrare il pulsante Pinterest su pagine di destinazione specifiche o all’interno del contenuto del post.

Un’opzione è quella di creare il pulsante usando il codice e poi posizionarlo su ogni pagina o post usando uno shortcode personalizzato. In questo modo si ha la libertà di mostrare il pulsante “Pin It” in posizioni diverse, ma è necessario aggiungerlo manualmente a ogni pagina o post.

Il modo più semplice per aggiungere codice personalizzato a WordPress è utilizzare WPCode. È il miglior plugin per gli snippet di codice e consente di aggiungere PHP, CSS, JavaScript e altro ancora al vostro sito web. È anche possibile creare shortcode personalizzati, quindi è perfetto per aggiungere un pulsante “Pin It” al vostro sito web.

Per prima cosa, è necessario installare e attivare il plugin gratuito WPCode. Per ulteriori informazioni, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Una volta attivato il plugin, andare su Code Snippets ” Add Snippet.

Qui, potrete vedere tutti gli snippet preconfezionati che WPCode può aggiungere al vostro sito. Tra questi, uno snippet che consente di disabilitare completamente i commenti, di caricare tipi di file che WordPress di solito non supporta, di disabilitare le pagine degli allegati e molto altro ancora.

Qui è necessario passare il mouse sull’opzione “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet” quando appare.

Nella schermata successiva, digitate un titolo per lo snippet di codice. Questo è solo un riferimento, quindi potete usare qualsiasi cosa vogliate.

Si tratta di aggiungere PHP a WordPress, quindi basta aprire il menu a discesa “Tipo di codice” e scegliere “Codice PHP”.

A questo punto, è sufficiente incollare quanto segue nell’editor di codice:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }
  
add_shortcode('pin', 'get_pin');

Quindi, scorrere la pagina fino alla sezione “Inserimento”. Qui si può mantenere il metodo predefinito ‘Auto Insert’ per assicurarsi che il codice venga eseguito ovunque.

Se non è già selezionato, selezionare “Esegui ovunque”.

Infine, scorrere fino alla parte superiore dello schermo e fare clic sul cursore “Inattivo” in modo che sia visualizzato “Attivo”.

Poi basta fare clic sul pulsante “Salva snippet” o “Aggiorna” per rendere attivo lo snippet di codice.

Ora è possibile aggiungere un pulsante “Pin It” a qualsiasi pagina, post o area widget di WordPress utilizzando lo shortcode [pin].

Per istruzioni passo passo su come inserire lo shortcode, consultare la nostra guida su come aggiungere uno shortcode in WordPress.

Come aggiungere il pulsante “Pin It” di Pinterest usando l’editor del sito completo

Se utilizzate uno dei temi più recenti abilitati ai blocchi, potete aggiungere un pulsante “Pin It” in qualsiasi punto del vostro tema WordPress utilizzando uno shortcode personalizzato.

Questo è un modo semplice per aggiungere il pulsante a ogni pagina e post. È anche possibile aggiungere il pulsante “Pin It” ad aree che non si possono modificare con l’editor di contenuti standard di WordPress, come il modello della pagina 404 del sito.

Per iniziare, basta andare su Temi “ Editor nella dashboard di WordPress.

Per impostazione predefinita, l’editor completo del sito mostra il modello di home del tema.

Per aggiungere un pulsante “Pin It” a un’altra pagina, basta selezionare “Modello” o “Parti del modello” dal menu di sinistra.

A questo punto è possibile selezionare il modello che si desidera modificare.

In questo esempio, vi mostreremo come aggiungere un pulsante “Pin It” al modello di pagina singola del vostro sito. Tuttavia, i passaggi saranno simili indipendentemente dal modello scelto.

WordPress mostrerà ora un’anteprima del modello o della parte di modello.

Per modificare questo modello, fare clic sull’icona della matita.

A questo punto, fare clic sull’icona blu “+” nell’angolo in alto a sinistra.

Nella barra di ricerca visualizzata, digitate “Shortcode”.

Quando appare il blocco giusto, trascinarlo sul layout del modello.

Ora è possibile digitare il codice breve Pin nel blocco.

Dopodiché, basta cliccare su “Salva” per rendere attivo il nuovo shortcode.

Ora, se visitate il vostro sito web WordPress, vedrete il pulsante “Pin it” in azione.

Metodo 3: Utilizzo del codice e dell’FTP (non è richiesto alcun plugin WordPress)

Se non volete usare un plugin, potete aggiungere un pulsante Pinterest al vostro sito web aggiungendo del codice ai file del vostro tema.

La modifica diretta dei file del tema può causare molti errori comuni di WordPress e si perde tutto il codice personalizzato quando si aggiorna il tema WordPress. Per questo motivo, consigliamo sempre di utilizzare WPCode.

Tuttavia, se utilizzate questo metodo, dovrete iniziare a fare un backup completo del vostro sito WordPress. Questo vi aiuterà a ripristinare il sito nel caso in cui qualcosa si rompa accidentalmente.

Fatto questo, collegatevi al vostro hosting WordPress usando un client FTP e poi andate nella cartella /wp-content/themes/.

Da qui, è necessario aprire la cartella del tema corrente e individuare il file footer.php.

Quindi, è sufficiente fare clic con il tasto destro del mouse sul file e selezionare “Download” dal menu. In questo modo il file footer.php verrà scaricato sul computer.

A questo punto, è necessario aprire il file footer.php con un editor di testo semplice come Notepad e incollare il seguente script proprio prima del tag </body>.

<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

Una volta fatto ciò, è necessario salvare il file e poi caricarlo nuovamente nella cartella del tema corrente.

Quindi, individuare il file del modello nel tema in cui si desidera aggiungere il pulsante. Di solito si tratta del file single.php, ma può variare a seconda del tema WordPress. Se non siete sicuri, potete consultare la nostra guida per principianti sulla gerarchia dei template di WordPress.

Per modificare il file del modello, è sufficiente scaricarlo dalla cartella del tema e aprirlo per modificarlo.

È necessario scegliere la posizione in cui mostrare il pulsante “Pin It”. Molti siti web mostrano i pulsanti di condivisione sociale direttamente sotto il titolo del post, ma potete utilizzare qualsiasi posizione desideriate.

Dopo aver scelto una posizione, è sufficiente aggiungere il seguente codice:

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

Lo snippet di codice sopra riportato aggiunge l’immagine in evidenza del post, il titolo, la descrizione e l’URL nel parametro URL di condivisione.

Il frammento di codice qui sopra aggiungerà un pulsante di condivisione verticale a tutti i post. Se invece si desidera visualizzare un pulsante di condivisione orizzontale, è sufficiente modificare la sezione count-layout="vertical"> in count-layout="horizontal">.

Quando siete pronti, salvate il file e caricatelo direttamente sul vostro tema tramite FTP.

Metodo 4: Aggiungere il pulsante Pin It di Pinterest alle vostre immagini

Se gestite un blog di moda, fotografia, gastronomia o di altro tipo che utilizza molte immagini, potete aggiungere un pulsante Pinterest sopra le immagini. In questo modo i visitatori potranno condividere i vostri contenuti semplicemente passando il mouse sull’immagine che desiderano appuntare.

Il modo più semplice per aggiungere un pulsante Pinterest alle immagini è utilizzare Weblizar Pin It Button On Image Hover And Post.

Per prima cosa, è necessario installare e attivare il plugin. Per maggiori dettagli, potete consultare la nostra guida su come installare un plugin di WordPress. Dopo l’attivazione, selezionate PinIt Button dal menu di sinistra per configurare le impostazioni del plugin.

Qui si può scegliere se aggiungere il pulsante “Pin It” ai post o alle pagine.

Quindi, trovare la sezione “Mostra il pulsante Pin It al passaggio dell’immagine” e assicurarsi che sia impostata su “Sì”.

Inoltre, il plugin consente di mostrare il pulsante Pin It sui dispositivi mobili e di modificare le dimensioni del pulsante.

Una volta soddisfatti della configurazione del plugin, non dimenticate di cliccare su “Salva” per memorizzare le modifiche. Ora è sufficiente visitare il vostro sito web e passare il mouse su un’immagine qualsiasi per vedere il pulsante Pinterest in azione.

Volete rimuovere il pulsante “Pin It” da un’immagine specifica? Per farlo, dovete ottenere l’URL dell’immagine in WordPress.

Dopodiché, è sufficiente andare alla pagina del pulsante PinIt, ma questa volta selezionare la scheda ‘Escludi immagini’. A questo punto è possibile aggiungere l’URL dell’immagine nel campo che, per impostazione predefinita, mostra “Enter Image SRC URL”.

A questo punto, fare clic sul pulsante “Aggiungi”.

È inoltre possibile rimuovere il pulsante Pinterest da una pagina specifica selezionando la scheda “Escludi pagine”. Qui è sufficiente digitare il nome della pagina che si desidera escludere e poi cliccare sul pulsante “Aggiungi”.

Alternativa: Se cercate un plugin più potente per aggiungere pulsanti Pinterest Pin It alle vostre immagini, vi consigliamo Tasty Pins.

Tasty Pins vi permette di aggiungere facilmente pulsanti “Pin It” su tutte le vostre immagini. Potete anche aggiungere banner “Pin It” completamente personalizzabili alla prima immagine dei vostri post.

Con Tasty Pins potete anche aggiungere una casella di follow di Pinterest, impostare descrizioni di Pinterest, disabilitare il pinning su determinate immagini, nascondere immagini specifiche di Pinterest dalla vostra pagina e altro ancora.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un pulsante “Pin It” di Pinterest al vostro blog WordPress. Potreste anche voler consultare la nostra guida su come creare una newsletter via e-mail o il nostro confronto tra i migliori software di web design.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.