Widgets du site

En plus des boutons Enregistrervous pouvez également ajouter le bouton S'abonner et Enregistrer un tableau et des widgets de profil à votre site Web. Le bouton S'abonner permet aux membres de s'abonner à votre profil Pinterest et de voir les contenus que vous enregistrez directement sur leur page d'accueil. Les autres widgets vous aident à mettre en valeur vos épingles, tableaux et profil sur votre site Web afin que la communauté puisse suivre votre activité sur Pinterest.
 
Créez ces boutons et widgets pour votre site Web à l'aide de notre générateur de widget.

Créer un widget vous-même

Follow button Follow button

Follow button

Pour créer un bouton S'abonner :

  1. Saisissez l'URL de votre profil dans le générateur de widget.
  2. Cliquez sur Créer.
  3. Collez sur votre site le code que nous vous avons transmis, à l'endroit où vous souhaitez afficher le bouton S'abonner.
Le code devrait ressembler à quelque chose comme ça : (le texte rouge est une variable qui dépend de vos informations)
 

Pin widget Pin widget
 
Pour créer un widget Épingle :
  1. Copiez l'URL de votre épingle préférée et accédez au générateur de widget.
  2. Saisissez l'URL de l'épingle.
  3. Cliquez sur Créer.
  4. Collez sur votre site le code que nous vous avons transmis, à l'endroit où vous souhaitez afficher l'épingle.
Le code devrait ressembler à quelque chose comme ça : (le texte rouge est une variable qui dépend de vos informations)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Pour créer un widget Profil :

  1. Saisissez l'URL de votre profil dans le générateur de widget.
  2. Personnalisez la taille de votre widget Profil.
  3. Cliquez sur Créer.
  4. Collez sur votre site le code que nous vous avons transmis, à l'endroit où vous souhaitez afficher le widget.
Le code devrait ressembler à quelque chose comme ça :(le texte rouge est une variable qui dépend de vos informations)
 

Board widget Board widget

board widget

Pour créer un widget Tableau :

  1. Saisissez l'URL du tableau dans le générateur de widget.
  2. Personnalisez la taille de votre widget Tableau.
  3. Cliquez sur Créer.
  4. Collez sur votre site le code que nous vous avons transmis, à l'endroit où vous souhaitez afficher le widget.
Le code devrait ressembler à quelque chose comme ça :(le texte rouge est une variable qui dépend de vos informations)
 


Instructions pour créer vos widgets sur les services d'hébergement les plus populaires

WordPress.com WordPress.com
Il vous suffit d'ajouter le lien vers l'épingle, le profil ou le tableau dans votre blog. Lorsque vous le publiez, WordPress convertira automatiquement le lien en un widget.

Blogger Blogger
  1. Créez le widget depuis le générateur de widget et collez le code.
  2. Cliquez sur le bouton Disposition sur le côté gauche de votre page de gestion de blog.
  3. Trouvez un emplacement pour votre widget, et cliquez sur Ajouter un gadget.
  4. Faites défiler l'écran vers le bas et cliquez sur HTML/JavaScript.
  5. Dans le champ Contenu collez le code fourni par le générateur de widget (utilisez le titre de votre choix dans le champ prévu à cet effet).
  6. Cliquez sur Enregistrer.

Tumblr Tumblr
Avant d'ajouter le widget, vous devez d'abord ajouter une ligne JavaScript.
 
Pour ajouter la ligne JavaScript :
  1. Sur votre tableau de bord Tumblr, choisissez le blog que vous souhaitez modifier puis cliquez sur Personnaliser.
  2. Cliquez sur Edit HTML (Modifier le HTML) depuis l'écran Personnaliser .
  3. Faites défiler la page de code jusqu'en bas.
  4. Vérifiez si votre code contient pinit.js. Si tel est le cas, vous n'avez plus rien à faire !
  5. Sinon, ajoutez le code suivant juste après la balise de fermeture </body>  :<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Pour ajouter un bouton S'abonner ou un widget Épingle, Profil ou Tableau à du  texte, des photos, des citations, des liens textes ou des liens audio et vidéo  :

  1. Assurez-vous que vous avez bien ajouté la ligne JavaScript à votre code en suivant les étapes ci-dessus.
  2. Composez un post comme à votre habitude.
  3. Cliquez sur <html> dans la zone de légende (ou la zone de texte principale s'il s'agit d'un post composé uniquement de texte). Vous devriez voir le code de votre post s'afficher. Si ce n'est pas le cas, cliquez à nouveau sur le bouton jusqu'à ce que le code apparaisse.
  4. Trouvez l'emplacement idéal dans votre post pour votre widget et collez le code indiqué par le générateur de widget.
  5. Supprimez <!-- Please call pinit.js only once per page --> et  <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Enregistrez votre post.

Veuillez noter que le widget ne sera pas affiché sur votre tableau de bord, mais il apparaîtra sur le post une fois celui-ci publié.

 

Wix.com Wix.com

Pour ajouter un bouton S'abonner :

  1. Cliquez sur  Ajouter  (+) sur le côté gauche de votre éditeur
  2. Cliquez sur Réseaux sociaux
  3. Faites défiler la page jusqu'en bas et cliquez sur le bouton Pinterest "S'abonner"
  4. Faites glisser le bouton S'abonner où vous le désirez sur votre page.


Problèmes communs

Votre widget ne s'affiche qu'en tant que lien.

Essayez les conseils de dépannage suivants :

  • Assurez-vous de bien avoir inséré la ligne de code JavaScript dans votre page de code, juste avant la balise de fermeture </BODY>.
  • Si la ligne de code JavaScript est affichée à plusieurs reprises sur votre page, essayez de supprimer toutes les lignes à l'exception de la dernière.
  • Si vous utilisez à la fois la ligne de code JavaScript asynchrone avancée et la ligne de code JavaScript standard, supprimez l'une des deux.
  • Si vous utilisez un plugin tiers, assurez-vous que pinit.js ne figure pas déjà dans le code. Si pinit.js figure déjà dans le code, vous n'avez pas besoin de l'ajouter.

Certains services d'hébergement ne prennent pas en charge le JavaScript. Vous ne serez donc pas en mesure d'ajouter le code fourni par notre générateur de widget. Il existe peut-être d'autres moyens d'ajouter des widgets !

Articles liés