Comment ajouter un bouton de liste de souhaits Amazon à votre site Web WordPress

L'ajout d'un bouton de liste de souhaits Amazon à votre site WordPress permet aux visiteurs du monde entier d'enregistrer rapidement vos produits ou votre contenu directement dans leur liste de souhaits Amazon.

Bien qu'Amazon propose un bookmarklet universel avec cette fonctionnalité, vous ne pouvez pas garantir que vos lecteurs l'ont installé. Donc, si vous voulez vous assurer que chaque visiteur peut ajouter votre contenu ou vos produits WordPress à sa liste de souhaits Amazon, vous devez ajouter le bouton à votre site.

Dans cet article, je vais vous montrer comment ajouter un bouton de liste de souhaits Amazon à WordPress à l'aide du propre générateur de boutons d'Amazon. Ensuite, si vous êtes membre d'Elegant Themes, je vais vous montrer comment utiliser notre plugin de partage social Monarch pour accomplir la même chose.

À quoi sert le bouton Liste de souhaits d'Amazon ?

Il fut un temps où les listes de souhaits d'Amazon ne concernaient que les articles répertoriés sur Amazon. Ce n'est pourtant plus le cas depuis un bon moment .

Désormais, Amazon vous permet, à vous ou à vos visiteurs, d'ajouter des articles d'autres sites à votre liste de souhaits.

C'est ce que le bouton de liste de souhaits d'Amazon aide. C'est un bookmarklet pratique qui permet aux visiteurs d'enregistrer une page de n'importe quel site Web dans leurs listes de souhaits Amazon. Lorsqu'il est activé, il ressemble à ceci :

Les lecteurs peuvent déjà obtenir cette fonctionnalité en utilisant l'outil de liste de souhaits universel d'Amazon. Mais s'ils n'ont pas accès à l'outil, vous pouvez toujours fournir le bouton pour qu'ils puissent enregistrer votre contenu dans leur liste de souhaits.

Le bouton de liste de souhaits d'Amazon est-il réservé aux magasins de commerce électronique ?

Si vous exploitez une boutique de commerce électronique avec WordPress, le bouton de liste de souhaits d'Amazon est un excellent moyen de rappeler aux visiteurs de revenir dans votre boutique et de terminer leur achat (ou de les laisser demander vos articles en cadeau à d'autres). Vous pouvez même insérer dynamiquement les informations de votre produit pour améliorer l'apparence de l'entrée de la liste de souhaits.

Cela étant dit, il n'est pas nécessaire que vous vendiez réellement des produits pour utiliser le bouton de liste de souhaits d'Amazon. Cela fonctionne n'importe où, même sur les articles de blog. Ainsi, même si vous écrivez simplement sur des produits sur un blog d'affiliation, les visiteurs peuvent toujours trouver utile d'ajouter votre article à leur liste de souhaits afin qu'ils puissent se rappeler quoi/où acheter.

Une fois que les visiteurs ajoutent votre site à leur liste de souhaits, il apparaîtra avec un bouton Acheter ce site Web dans l'interface de liste de souhaits d'Amazon :

Comment ajouter le bouton de liste de souhaits Amazon à WordPress

Amazon propose un outil appelé Vendor Button qui vous permet d'ajouter le bouton universel de liste de souhaits Amazon à votre site WordPress. Vous pouvez choisir parmi une variété de styles et même personnaliser votre bouton avec des informations préchargées si vous le souhaitez.

Voici comment l'utiliser.

Étape 1 : Générez votre code de bouton de liste de souhaits Amazon

Pour commencer, rendez-vous sur la page Vendor Button sur Amazon. Ici, vous devrez :

• Choisissez un style pour le bouton
• Pré-charger le bouton avec des informations ( facultatif )
• Acceptez les conditions pour générer le code

Pour choisir entre différents styles de boutons, vous pouvez utiliser les flèches :

Si vous cliquez sur Afficher les options personnalisées , vous pourrez saisir des informations personnalisées sur le produit exact sur votre page. Vous n'êtes pas obligé de le faire - cela aide simplement le bouton à pré-charger les champs du formulaire avec les informations pertinentes :

Si vous utilisez le bouton de votre boutique de commerce électronique, vous pouvez également générer dynamiquement ces informations en suivant les instructions du développeur d'Amazon.

Une fois que vous êtes satisfait de la configuration de votre bouton, cochez la case pour accepter les conditions d'utilisation d'Amazon et copiez le code de votre bouton :

L'outil d'Amazon a un problème potentiel - Voici comment le résoudre

Il y a un problème avec le générateur de code d'Amazon : il utilise toujours http non sécurisé dans l'URL. Cela signifie que si votre site utilise SSL (comme vous devriez l'être), le script ne se chargera pas car la plupart des navigateurs bloquent l'exécution des scripts non sécurisés.

Ne vous inquiétez pas, cependant. C'est facile à réparer .

Tout ce que vous avez à faire est d'ajouter un « s » à l'URL dans le script généré par Amazon. Super simple - juste comme ça :

Ce changement oblige Amazon à charger le script en toute sécurité afin que les navigateurs ne l'empêchent plus de se charger sur les pages SSL. A part ça, ça ne change rien aux fonctionnalités.

Maintenant, avec votre script correctement codé en main, vous êtes prêt à ajouter le bouton à votre site.

Ajout d'un bouton de liste de souhaits Amazon à des publications ou des pages individuelles

Pour insérer le bouton Amazon ajouter à la liste de souhaits dans une publication ou une page individuelle, il vous suffit de coller le script dans l'onglet Texte de l'éditeur WordPress comme suit :

Et lorsque vous publiez ou mettez à jour votre article, votre bouton doit apparaître sur la version en direct de votre site :

Ajout d'un bouton de liste de souhaits Amazon à Divi Builder

Si vous utilisez le Divi Builder, vous pouvez coller le même script dans soit :

• L'onglet Texte d'un module de texte
• Le module de code

J'ai testé les deux méthodes. Sachez simplement que vous ne verrez peut-être pas le bouton avant d'avoir enregistré vos modifications et consulté la version en direct de votre site.

Ajout d'un bouton de liste de souhaits Amazon à la barre latérale

Pour ajouter le bouton Ajouter à la liste de souhaits à votre barre latérale, tout ce que vous devez faire est de coller le même script dans l'onglet Texte du texte Widget:

Ensuite, vous verrez votre bouton de liste de souhaits Amazon dans votre barre latérale où le widget est positionné :

Pour les membres de thèmes élégants - Utilisez Monarch

Si vous êtes membre d'Elegant Themes, vous avez déjà un accès facile au bouton de liste de souhaits d'Amazon sous la forme de notre plugin de partage social Monarch.

Le bouton de réseau Amazon dans Monarch ajoute un bouton de liste de souhaits Amazon à vos emplacements de bouton de partage habituels.

Pour l'ajouter à votre site, rendez-vous dans Outils → Paramètres Monarch. Choisissez ensuite l'onglet Réseaux et cliquez sur Ajouter des réseaux :

Sélectionnez le réseau Amazon :

Et puis suivez les autres étapes pour ajouter des icônes de réseaux sociaux à votre site. Vous pouvez choisir parmi tous les emplacements et styles de partage social de Monarch.

Une fois que vos boutons de partage social sont en ligne, vos visiteurs peuvent cliquer sur le bouton Amazon pour enregistrer des éléments dans leurs listes de souhaits.

Envelopper les choses

Que vous utilisiez le bouton Vendor d'Amazon ou le partage social Monarch, l'ajout d'un bouton de liste de souhaits Amazon à votre site WordPress est assez simple.

Si vous souhaitez simplement inclure le bouton sur des publications individuelles, le bouton du fournisseur est agréable car vous avez un contrôle total sur le moment où il apparaît (et cela fonctionne dans Divi Builder). Mais pour un bouton à l'échelle du site, Monarch offre certainement la mise en œuvre la plus rapide et plus de contrôle sur le positionnement.

Quelle est votre méthode préférée pour ajouter un bouton de liste de souhaits Amazon à WordPress ?

Image miniature de l'article par Ghariza Mahavira / shutterstock.com