Créer un bouton Enregistrer pour votre site

Conseils et résolution de problèmes

« Veuillez noter que si vous avez ajouté le bouton officiel Enregistrer à votre code avant juin 2016, le design est passé de « Pin it » à « Enregistrer » le 3 octobre 2017. »

Le bouton Enregistrer est la solution idéale pour améliorer la visibilité de votre entreprise sur Pinterest. En ajoutant le bouton Enregistrer aux pages de votre site, vous offrez à vos clients la possibilité d'enregistrer les contenus qui les intéressent sur Pinterest, où la communauté peut à son tour découvrir ce contenu. 
 
Si vous possédez un site WordPress, Blogger ou Tumblr, Wix ou Squarespace :
 
WordPress.com WordPress.com
Le bouton Enregistrer dans Wordpress ne nécessite aucun code supplémentaire sur votre site. Vous pouvez ajouter le bouton Enregistrer à toutes vos publications WordPress en l'activant dans les options de partage par défaut.
  1. Accédez à votre tableau de bord WordPress.
  2. Cliquez sur Paramètres, puis sur Partager.
  3. Dans la section Boutons de partage, faites glisser le service Pinterest de Services disponibles vers Services activés.
  4. Si vous souhaitez afficher l'image par défaut du bouton Enregistrer, dans le menu déroulant Style de bouton, sélectionnez Boutons officiels.
  5. Cliquez en bas de la page sur Enregistrer les modifications.
WordPress.org WordPress.org

Téléchargez un plug-in pour qu'un bouton Enregistrer s'affiche lorsque vous survolez une image, directement depuis le répertoire de plug-ins de WordPress.org .

Blogger Blogger
  1. Dans votre tableau de bord Blogger, accédez à la section Mise en page.
  2. Cliquez sur Modifier dans la section Articles du blog.
  3. Faites défiler la page jusqu'à atteindre Afficher les boutons Partager et cochez la case si ce n'est pas déjà fait.
  4. Si nécessaire, réorganisez les éléments dans la section Organiser les éléments, puis cliquez sur Enregistrer.
Tumblr Tumblr
Vous devez tout 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 Éditer HTML dans 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 Enregistrer de type "survol d'image" :
  1. Assurez-vous que vous avez bien ajouté la ligne JavaScript à votre code en suivant les étapes ci-dessus.
  2. Sur votre tableau de bord Tumblr, choisissez le blog que vous souhaitez modifier puis cliquez sur Personnaliser.
  3. Cliquez sur Éditer HTML dans l'écran Personnaliser.
  4. Faites défiler la page de code jusqu'en bas.
  5. Ajoutez data-pin-hover="true" avant la partie "src=" mentionnée dans l'étape 4 ci-dessus. La nouvelle ligne ressemble en principe à ceci : <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Cliquez sur Mettre à jour l'aperçu. Lorsque vous passez le curseur de la souris sur l'image d'exemple qui se trouve à droite, vous devriez alors voir apparaître le bouton Enregistrer. Dans le cas contraire, revenez à l'étape 4 et vérifiez que tous les éléments sont bien à leur place.
  7. Cliquez sur Enregistrer.
Wix.com Wix.com
  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 Enregistrer de Pinterest.
  4. Faites glisser le bouton Enregistrer à l'endroit où vous souhaitez qu'il s'affiche sur la page.
  5. Le bouton Enregistrer crée une épingle basée sur l'image et la description sélectionnées. L'épingle renvoie à la page affichée au moment où vous cliquez sur Enregistrer.
Squarespace Squarespace

Découvrez comment créer un bouton Enregistrer pour votre site Squarespace ici

 
Si vous souhaitez créer votre propre bouton, commencez par choisir le type de bouton Enregistrer que vous souhaitez ajouter. Trois possibilités s'offrent à vous : 
 
  • Survol d'image (cliquez ici pour un exemple) : lorsqu'un internaute passe le pointeur de la souris sur n'importe quelle image de la page, le bouton Enregistrer apparaît.
    Learn how to build it Learn how to build it
    1. Accédez au générateur de widget.
    2. Sélectionnez Survoler l'image dans la section Type de bouton.
    3. Personnalisez la taille et la forme de votre bouton. 
    4. Affichez un aperçu du bouton en passant le pointeur de la souris sur l'image d'exemple. Vous pouvez également cliquer sur le bouton Enregistrer pour voir si tout fonctionne.
    5. Lorsque le bouton vous convient, copiez le code qui figure sous Copier le code.
    6. Collez le code juste avant la base de fermeture </body> de chacune des pages de votre site sur lesquelles vous souhaitez que le bouton apparaisse.
  • N'importe quelle image  (cliquez ici pour un exemple) : en cliquant sur ce bouton, les membres Pinterest peuvent enregistrer n'importe quelle image du site. Cette approche est facile à mettre en œuvre.
    Learn how to build it Learn how to build it
    1. Accédez au générateur de widget.
    2. Sélectionnez Toutes les images dans la section Type de bouton
    3. Personnalisez la taille, la forme, la langue et l'image de votre bouton. 
    4. Affichez un aperçu du bouton en passant le pointeur de la souris sur l'image d'exemple. Vous pouvez également cliquer sur le bouton Enregistrer pour voir si tout fonctionne.
    5. Lorsque le bouton vous convient, copiez le code qui figure à droite sur la page.
    6. Collez le code entre les balises <body> et </body> de chacune des pages de votre site sur lesquelles vous souhaitez que le bouton apparaisse.
  • Une image (cliquez ici pour un exemple) : ce bouton Enregistrer réservé à une seule image de la page nécessite un codage plus complexe.
    Learn how to build it Learn how to build it
    1. Accédez au générateur de widget.
    2. Personnalisez la taille, la forme, la langue ou l'image de votre bouton. 
    3. Ajoutez l'URL des pages Web qui contiennent l'image pour laquelle vous souhaitez créer un bouton Enregistrer (il peut s'agir de votre page d'accueil ou de n'importe quelle page de votre site)
    4. Ouvrez une nouvelle fenêtre dans votre navigateur et accédez à votre site.
    5. Cliquez avec le bouton droit de la souris sur l'image pour laquelle vous souhaitez créer un bouton Enregistrer
    6. Sélectionnez Copier l'URL de l'image.
    7. Accédez de nouveau au générateur de widget et collez l'URL de l'image dans le champ Image.
    8. Rédigez une description de l'image.
    9. Cliquez sur Créer pour afficher un aperçu du bouton.
    10. Lorsque le bouton vous convient, copiez le code qui figure à droite sur la page
    11. Collez le code entre les balises <body> et </body> de chacune des pages de votre site sur lesquelles vous souhaitez que le bouton apparaisse.

Problèmes connus

Le compteur du bouton Enregistrer ne s'affiche pas ou affiche des informations inexactes
Le sélecteur de tableau ne s'ouvre pas dans une nouvelle fenêtre lorsque vous cliquez sur le bouton Enregistrer
Le bouton de survol ne fonctionne pas.
Pinterest rencontre des difficultés à communiquer avec mon site.

Le compteur indique le nombre d'épingles qui renvoient vers l'URL que vous avez spécifiée dans le code du bouton. Si cette page est différente de la page sur laquelle vous vous trouvez actuellement, le compteur peut afficher une valeur différente de celle attendue.

Si vous utilisez un compteur avec le bouton Enregistrer activé pour toutes les images, le compteur indique le nombre d'épingles qui renvoient vers la page sur laquelle vous vous trouvez actuellement.

Si le compteur que vous utilisez figure à côté du bouton et qu'aucune épingle ne renvoie sur cette page, le compteur ne s'affiche pas. Dès lors qu'au moins une épingle renvoie vers cette page, le compteur s'affiche.

Si vous utilisez un bouton Enregistrer fourni par un plug-in tiers, contactez le créateur du plug-in pour qu'il essaie de résoudre le problème. 

Si vous utilisez votre propre bouton Enregistrer, suivez les conseils ci-dessous :

  • Vérifiez que vous avez bien inséré la ligne de code JavaScript dans le code de la page, juste avant la balise de fermeture.
  • 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 !

Pour essayer de résoudre le problème, suivez les conseils ci-dessous :
 
  • Vérifiez que vos images font au moins 100 pixels sur un côté (hauteur ou largeur) et au moins 200 pixels sur l'autre côté (pour que le bouton de survol Enregistrer puisse être affiché, la taille des images doit être d'au moins 120 pixels par 120 pixels)
  • Vérifiez que vos images ne sont pas spécifiées dans l'arrière-plan CSS et vérifiez que chaque image possède un attribut src qui commence par "img".
  • Ajoutez le code du bouton de survol juste avant la balise de fermeture.

Cela signifie que la session Pinterest se ferme avant que nous puissions créer une épingle sur votre site. Nous ne sommes malheureusement pas en mesure de résoudre ce problème, qui est généralement dû à la lenteur du site concerné. Nous vous recommandons d'investiguer le problème de votre côté.