TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere il pulsante Pin It di Pinterest sulle immagini Weebly?

8

Pinterest è uno dei modi più semplici per condividere le tue immagini con un pubblico più ampio e renderle popolari. Ciò contribuirà anche a indirizzare più traffico verso il tuo sito Weebly da parte di utenti interessati. Ti sei mai chiesto come le persone aggiungono il pulsante di condivisione Pinterest visibile al passaggio del mouse su tutte le immagini di una pagina? In realtà è semplice come aggiungere poche righe di codice per abilitare questo e spiegheremo con un esempio in questo articolo.

Correlati: Come configurare AddThis e ShareThis social sharing in Weebly?

Passa il mouse sopra l’immagine qui sotto per vedere il pulsante di condivisione di Pinterest.

Come aggiungere il pulsante Pin It di Pinterest sulle immagini Weebly?

Come aggiungere il pulsante Pin it di Pinterest sulle immagini Weebly?

Aggiungi lo script seguente sotto la sezione del codice a piè di pagina della tua pagina Weebly per abilitare il pulsante di condivisione delle immagini di Pinterest:

<script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>

Questo è tutto!!! Sì davvero è così!!!

Ora tutte le immagini aggiunte su quella pagina avranno un pulsante Pinterest visibile al passaggio del mouse. Ciò include le immagini caricate utilizzando l’immagine, la presentazione e l’elemento della galleria.

Pinterest offre uno strumento di creazione di widget per creare diversi tipi di pulsanti di condivisione per siti Web e app.

Come aggiungere il pulsante Pin It di Pinterest sulle immagini Weebly?

Creazione e personalizzazione del pulsante Pin It per il tuo sito

  1. Vai al generatore di widget e scegli il tipo di pulsante che desideri aggiungere. Oltre al pulsante Pin It hai altre opzioni come il pulsante follow, pin, board e profilo da aggiungere al tuo sito.
  2. Fai clic sull’opzione "Pin It" e quindi scegli l’opzione "Image Hover" dal menu a discesa del tipo di pulsante.
  3. È possibile creare due tipi di pulsanti: uno è arrotondato con sfondo rosso e l’altro è rettangolare con sfondo rosso/bianco/grigio. Il pulsante rotondo è disponibile solo con sfondo rosso e non ci saranno ulteriori opzioni di personalizzazione per il pulsante rotondo. In questo esempio, creeremo un pulsante rettangolo, quindi deselezionare l’opzione rotonda e scegliere una dimensione del pulsante grande.
  4. Scegli il colore grigio per il tuo bottone.
  5. Scegli la lingua del testo del pulsante come inglese o giapponese.
  6. Controlla l’anteprima del pulsante passando il mouse sull’immagine di anteprima.
  7. Copia il codice generato e incollalo nella sezione piè di pagina della tua pagina Weebly.

In una singola pagina, sarai in grado di aggiungere un solo tipo di pulsante poiché più script non funzioneranno su una singola pagina. Ma puoi incollare lo script per pulsanti di stile diverso su diverse pagine del tuo sito, il che significa che su una pagina puoi mostrare pulsanti rotondi e su un’altra pagina puoi mostrare pulsanti rettangolari con sfondo bianco. Puoi anche incollare lo script nella sezione "Impostazioni > SEO > Codice piè di pagina " per essere efficace a livello di sito e tutte le immagini sul tuo sito avranno il pulsante Pinterest Pin It.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More