Comment intégrer une boutique astore amazon dans un blogue wordpress

Comment intégrer une boutique astore amazon dans un blogue wordpress

Amazon propose un système de boutique en ligne appelé Astore qu’on peut créer soit même. Cela  va nous permettre de vous rémunérer au passage, si quelqu’un fait un achat via cette boutique. Depuis que je blogue, j’ai du gagner 300 € via amazon, ce qui est une broutille, mais vu le temps passé à créer des liens et des boutiques amazon, c’est pas mal du tout.

Pour créer une boutique, il faut déjà s’affilier gratuitement sur  partenaires.amazon.fr et si vous avez déjà un compte amazon pour vos achats, vous allez utiliser le même login et le même mot de passe.



Dans ce billet, je ne vais pas vous expliquer comment créer un astore, je le ferai plus tard dans un autre billet. Je pars du principe que vous pouvez vous débrouiller seul pour créer un astore. C’est très bien expliqué.

Dans ce billet, en revanche, je vais vous expliquer comment intégrer la boutique dans votre blogue wordpress, car il y a un petit problème, qui m’avait rebuté avant et que je viens de résoudre :

Le problème : l’espace d’une boutique est plus grand que la largeur de votre espace d’édition. Exemple sur ce blogue j’ai le droit à 600 pixels de large et la boutique doit tourner plutôt à 900 pixels de large. Il m’est donc impossible d’intégrer ma boutique sans faire une petite modification.

Thème pro

Si vous avez un thème pro comme les thèmes Elegant Themes* vous allez pouvoir choisir un modèle de page spécifique (full width page) sans barre latérale. Dans tous les thèmes Elegant Themes, il y a une série de template de pages qu’on choisira en fonction de ce qu’on a envie de faire. Dans mon exemple, j’ai choisi “Full Width Page” qui veut dire “Page pleine largeur”‘ : page sans la barre latérale.

Pour intégrer la boutique, il faut :

  •  Créer une page (nommez la boutique par exemple).
  •  Choisir le modèle “Full Width Page” ou équivalent.

  • Intégrer le code iframe de la boutique en ligne dans la page.

  • Publiez  et c’est en ligne.

Vous pouvez voir l’exemple en ligne sur  maristela.org/blog/boutique

Thèmes non pro

Si vous n’avez pas un thème qui possède plusieurs template de pages. Les choses se corsent un peu et il va falloir entrer un peu dans la structure du thème  et éditer une page en php. Rassurez-vous ce n’est tout de même pas très compliqué, puisque j’y suis arrivé ! Pour ceux qui lisent l’anglais l’explication est dans le codex à la page : http://codex.wordpress.org/Page_Templates#Custom_Page_Template 

Comment procéder. 

1) fait une copie du fichier  page_full.php*****  (ce qui est important dans le template de la  page c’est d’indiquer qu’il s’agit bien d’une page.  Dans mon fichier, j’ai mis

/*
Template Name: Full Width Page
*/
?>

2) Transférez ce fichier dans votre thème en cours via FTP

Et c”est fini ! Vous pourrez voir le nouveau fichier php en allant dans l’éditeur et en cherchant  (Full Width Page Page Template).

Il ne vous reste plus qu’à créer une page, choisir le modèle  “Full Width Page” dans l’attribut de la page et copier le code iframe de votre boutique, puis publiez.

Quelques précautions

  • Faites la manip sur un blogue de test pour bien comprendre le principe et voir si ça marche. 
  • Le code que j’ai fourni est celui que j’ai utilisé pour le test. Soyez prudent, car je n’assure pas de service après vente.
  • Si vous n’est pas sûr de vous, faites vous aider par un geek.

Conclusion

Même si une boutique ne va pas vous rapporter grand chose, une fois créée, elle tourne toute seule! Il n’y a plus rien à faire. Amazon va vous reverser des commissions quand vos gains dépasseront 50 euros. Vous serez de temps en temps averti pour mettre à jour votre boutique dans le cas où un item disparaît du catalogue.

***** attention, le code que j’ai mis dans ce fichier est on ne peut plus simple. Il n’y pas de mise en page via CSS, c’est rustique. Cela dit, vu que pour cette page vous n’allez y mettre que le code iframe de la boutique, il n’y pas besoin de sophistiquer la chose. Si vous voulez être puriste, vous pouvez inspirer du  code de votre page (page.php) et l’adapter en supprimant la ligne <?php get_sidebar(); ?> et en adaptant la largeur de contenu à la largeur de la boutique.

*lien d’affiliation.

 

---------------------------------------------




Delicious Bookmarquer sur Delicious
Ecrit par Thierry Roget

7 Responses to “Comment intégrer une boutique astore amazon dans un blogue wordpress”

  1. Rémi says:

    Encore mieux que le instore Amzon, la boutique avec Fresh Store Builder ! Mais c’est payant par contre 🙂

  2. Thierry says:

    @remi, franchement, pourquoi payer, pour faire un store amazon, c’est tellement simple de le faire à partir d’ Amazon.

  3. Rémi says:

    Avec Fresh Store Builder on a plus de control sur le design de sa boutique (le seo des pages etc…), les clients remplissent leurs paniers comme sur une boutique ecommerce sauf que à la fin ils checkout avec Amazon 🙂

  4. Yvan says:

    C’est vraiment très facile à mettre en place, merci pour le tuto.

    Le blog sur lequel je pourrais éventuellement le mettre en place n’est pas un thème pro, mais ça devrait facilement s’adapter.

  5. Rifat says:

    Sinon au niveau d’Amazon partenaires on peut aussi monter des sites spécialisés avec que des produits d’Amazon. J’en ai fais par exemple avec http://www.yaourtiere.net . Je tape yaourtière dans Amazon puis j’ajoute sur mon site en faisant une rapide présentation du produit.

    • Thierry says:

      @rifat, ce que j’ai déjà fait c’est d’ajouter un lien produit sur un de mes articles qui tourne bien via google search, ça donne quelques euros….

  6. Jeremy says:

    Bonjour,
    Plusieurs de mes connaissances font ceci avec Amazon et vu qu’ils y passent du temps, pour eux c’est pas mal rentable d’après ce qu’ils m’en disent. Pourquoi pas m’y mettre aussi, j’avais envie de lancer de nouvelles choses, maintenant avec ce tuto je vais pouvoir le faire très rapidement 🙂

Thème Elegant Themes. Site hébergé chez Dreamhost