Comment mettre un widget Pinterest sur son site web

Vous voulez ajouter un widget Pinterest de votre profil, vos tableaux ou encore vos épingles à votre site web pour donner à votre compte plus de visibilité ?

Les widgets permettent à votre audience de s’abonner en un clic à votre profil Pinterest, ou de découvrir vos tableaux et contenus épinglés.

📌 Ces bouts de code se placent facilement dans votre site web pour mettre en lumière votre compte Pinterest.

➡️ Découvrez dans cet article comment mettre les différents widgets Pinterest étape après étape.

Les avantages de widgets Pinterest

Installer des widgets Pinterest sur son site web présente plusieurs avantages pour augmenter votre visibilité :

• Augmenter votre nombre d’abonné·es grâce au bouton « suivre » situé dans le widget de profil
• Mettre en avant un tableau Pinterest ou une épingle
• Ajouter de la preuve sociale
• Garder les visiteurs plus longtemps sur son site

Etape 1 : Ajouter le code JavaScript

Dans un premier temps, il faut insérer le code JavaScript ci-dessous à la fin de la section body (corps) ou au début de la section footer (pied de page) de votre site web.

<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>

💡 Ajouter le code via une extension WordPress

Pour plus de facilité, vous pouvez installer l’extension WPCode Lite (version gratuite).

Une fois installée, rendez-vous dans Extrait de code, puis en-tête et pied de page et coller le code dans la section Corps, puis enregistrer les modifications.

📌 Pour plus d’informations, vous pouvez consulter la page Pinterest dédiée.

Etape 2 : insérer les codes des widgets Pinterest

Widget de profil

Si vous souhaitez mettre un widget de votre profil Pinterest sur votre site web, vous devez copier le code ci-dessous à l’endroit désiré, en ajoutant l’URL de votre profil à la place de l’exemple indiqué en gras.

<a
  href="https://www.pinterest.com/nomdevotreprofil/"
  data-pin-do="embedUser"
  data-pin-board-width="400"
  data-pin-scale-height="320"
  data-pin-scale-width="80"
>
</a>

💡 Les widgets peuvent ralentir le chargement de la page. Veillez à intégrer le widget profil à un endroit stratégique de votre site (comme par exemple la barre latérale).

📌 Pour plus d’informations ou pour modifier les paramètres d’affichage de votre profil, vous pouvez consulter le tutoriel officiel des widgets de profil Pinterest

Widget de tableau

Pour ajouter un widget de tableau Pinterest, voici le code à copier, en veillant à ajouter l’URL de votre tableau, à la place de celle en gras.

<a
  data-pin-do="embedBoard"
  data-pin-board-width="400"
  data-pin-scale-height="240"
  data-pin-scale-width="80"
  href="https://www.pinterest.com/nomdevotreprofil/nomtableau/"
></a>

📌 Pour vous aider et pour configurer l’affichage de votre tableau, vous pouvez vous rendre sur le tutoriel officiel des widgets de tableau Pinterest

Widget d’épingle

Ce widget peut vous aider à rendre populaire une épingle, en lui apportant davantage de visibilité.

Pour intégrer un widget d’épingle Pinterest à votre site web, vous pouvez coller le code suivant, en veillant à remplacer l’exemple par l’URL de votre épingle.

<a href="https://www.pinterest.com/pin/1234567890/" data-pin-do="embedPin"></a>

📌 Pour plus d’information sur l’affichage du widget, vous pouvez vous rendre sur le tutoriel officiel des widgets d’épingles Pinterest