Installer Shopializable : Application Facebook pour Magento et Prestashop

Introduction :

La nouvelle version de notre application Facebook est disponible. Elle vous permet de vendre vos produits de votre boutique Magento ou Prestashop sur votre profil Facebook. (Langues disponibles : Anglais, Français, Espagnol, Allemand très prochainement).

Ainsi tous vos amis pourront découvrir vos produits dans un cadre différent de l’habituel boutique d’e-commerce et aussi  signaler les produits qu’ils ont aimé à leurs connaissances…

Nous avons souhaité, dans cette nouvelle application, impliquer le visiteur grâce à la fonction “I love It”. Afin d’augmenter la visibilité de votre boutique et de vos produits sur votre réseau. Nous pensons qu’il est important pour un site d’e-commerce de se démarquer. Utiliser les réseaux sociaux pour sortir des habituels sentiers du référencement vous permet de générer un nouveau trafic non négligeable pour votre boutique en ligne.

Enfin nous avons donné un nom à ce module, pour pouvoir le reconnaître plus facilement. Shop et Socializable nous semblaient être deux mots clefs pertinents pour décrire cette application. Nous l’avons donc nommé : “Shopializable”.

Vous pouvez voir une démonstration de l’application sur notre compte Facebook (onglet shop) :

Sommaire :

• Installation pour Magento

• Installation pour Prestashop

• Ajouter un thème

• Participez, améliorez le module !

• Remerciements !

Installation pour Magento

La liaison entre Facebook et votre boutique Magento se fait en utilisant le WebService intégré dans la plateforme.

Pour que Shopializable fonctionne, nous avons juste besoin de créer un rôle et un utilisateur pour ce rôle.

Connectez vous à votre partie administrateur de votre boutique Magento.



Rendez vous dans “Système > Web Services > Rôles”.

Puis cliquez sur “Nouveau rôle”.



Pour le champ “Nom du rôle”, rentrez “Shopializable” et cliquez sur “Ressources du rôle”.



Nous allons passer à la partie la plus délicate de l’installation, faites bien attention de ne pas oublier d’options, ni d’en cocher une en trop.

Devant “Accès aux ressources”, choisissez “Personnaliser” et cochez les ressources suivantes :

• Récupérer les données de produits
• Récupérer les données de l’attribut
• Lien. Vous devez avoir seulement la case “Lien” coché, décochez les cases “Supprimer”, “Mettre à jour” et “Assigner”.
• Images de produit. Vous devez avoir seulement la case “Images de produit” coché, décochez les cases “Supprimer”, “Mettre à jour” et “Créer”.
• Récupérer l’arbre des catégories
• Récupérer les données de catégorie
• Produits assignés. Vous devez avoir seulement la case “Produits assignés” coché, décochez les cases “Supprimer”, “Mettre à jour” et “Assigner”.
• Récupérer les données de stock (vers le fin de la page).

Votre arbre de sélection devrait donc être exactement comme celui-ci :

Pensez à sauvegarder le rôle en cliquant sur le bouton correspondant.

Nous devons maintenant créer l’utilisateur pour ce rôle :
Rendez vous dans “Système > Web Services > Utilisateurs”.

Puis cliquez sur “Nouvel utilisateur”.



Remplissez le formulaire en notant bien les champs “Nom de l’utilisateur” et “Clé d’API”. En effet ceux-ci seront nécessaires pour l’installation de l’application Facebook.
Enfin cliquez sur “Rôle de l’utilisateur”.



Sélectionnez “Shopializable” (ou le nom du rôle que vous venez de créer), puis cliquez sur “Sauvegarder l’utilisateur”.

C’est tout ce dont nous avons besoin d’ajouter à votre boutique Magento.

Installation de Shopializable sur Facebook

Passons maintenant à l’installation de Shopializable sur votre profil Facebook.
Connectez vous à votre compte Facebook, puis rendez-vous ici, pour ajouter l’application.

Cliquez sur “Accéder à l’application”.



Vous devriez tomber sur un message telle que celui-ci :

Cliquez sur “Set up my shop”, une fenêtre devrait vous demander une autorisation d’accès. Cliquez sur “Autoriser”.

Vous êtes donc maintenant sur la page de configuration de Shopializable.
Dans un premier temps, nous allons configurer l’application pour utiliser votre boutique Magento.
En face de “Which System are you using”, sélectionnez “Magento”, puis cliquez sur “Submit”.

Ne cliquez pas encore sur “ok” juste en dessous, cette étape est pour après.

Remplissez le formulaire de la page, suivant vos désirs, (vous pouvez bien entendu choisir le français comme langue).
Pour que l’application puisse communiquer avec votre boutique, vous devez remplir scrupuleusement les champs login, et mot de passe (avec les identifiants que vous avez entré lors de la création de l’utilisateur “Nom d’utilisateur” et “Clé d’API”).
Rentrez correctement l’adresse de votre boutique Magento pour le champ “L’adresse de votre boutique Magento”. Si l’adresse n’est pas exacte, le module ne pourra fonctionner correctement. (Rentrez l’adresse absolue de votre boutique, sans index.php à la fin, exemple : www.magavenue.com/boutique ).

Enfin valider votre formulaire.

C’est à ce moment là, que vous pouvez faire une demande de génération de votre catalogue (pensez à vérifier que votre nom d’utilisateur et votre mot de passe API soient corrects).

La génération n’est pas faite immédiatement, afin de soulager nos serveurs. Celle-ci sera faite au maximum 24 heures après la demande de génération. Mais une fois que vous l’avez faite, vous n’avez plus besoin de la refaire (hormis quand vous devez mettre à jour votre catalogue).

Votre boutique est désormais disponible sur Facebook, nous allons ajouter l’application à votre profil.
Rendez-vous sur votre profil Facebook.

En haut, à côté de votre photo de profil, cliquez sur le petit “+”, puis cliquez sur “Shop”.

Shopializable est bien en place sur votre profil Facebook, pensez à configurer correctement les différents réglages disponibles dans la partie configuration.

Pour que l’affichage de votre boutique soit plus agréable, vous pouvez utiliser un thème (template) pour votre boutique Shopializable. Ceux-ci sont disponibles à cette adresse, pour plus d’informations, consultez la partie “Ajouter un thème” de ce tutoriel.

Installation de Shopializable pour Prestashop

L’installation du module ne prends que quelques secondes.
Téléchargez le module sur notre boutique.

Une fois que vous l’avez téléchargé, décompressez le dans le dossier “modules” de votre arborescence Prestashop. (Pensez à vérifiez que les fichiers se trouvent bien dans le dossier “fb_link” et non dans un sous dossier, les fichiers doivent donc être situés dans /modules/fb_link/).

C’est tout pour l’installation de votre module, il ne nécessite pas d’installation sur la partie administrateur de Prestashop.

Installation de l’application Shopializable sur votre profil Facebook

Passons maintenant à l’installation de Shopializable sur votre profil Facebook.
Connectez vous à votre compte Facebook, puis rendez-vous ici, pour ajouter l’application.

Cliquez sur “Accéder à l’application”.



Vous devriez tomber sur un message telle que celui-ci :

Cliquez sur “Set up my shop”, une fenêtre devrait vous demander une autorisation d’accès. Cliquez sur “Autoriser”.

Vous êtes donc maintenant sur la page de configuration de Shopializable.

Remplissez les différents éléments du formulaire. Vous devez précisément définir l’adresse de votre boutique Prestashop dans le champ “L’adresse de votre boutique Prestashop en ligne”. Rentrez l’adresse exacte de votre boutique (exemple : www.magavenue.com/boutique), sinon le module ne pourra pas fonctionner.

Une fois que vous avez correctement configuré tous les éléments de la page d’administration, vous pouvez cliquez sur “Valider !” en bas de page.

Votre boutique est désormais disponible sur Facebook, nous allons ajouter l’application à votre profil.
Rendez-vous sur votre profil Facebook. En haut, à côté de votre photo de profil, cliquez sur le petit “+” et choisissez “Shop”.

Shopializable est maintenant en place sur votre profil Facebook, pensez à configurer correctement les différents réglages disponibles dans la partie configuration.

Pour que l’affichage de votre boutique soit plus agréable, vous pouvez utiliser un thème (template) pour votre boutique Shopializable. Ceux-ci sont disponibles à cette adresse, pour plus d’informations, consultez la partie “Ajouter un thème” de ce tutoriel.

Ajouter un thème

Voir les différents thèmes sur notre précédent article
L’ajout d’un thème pour votre boutique Shopializable se fait en quelques clicks. Rendez-vous sur notre boutique, puis choisissez un thème. Lors de votre commande, pensez à nous spécifiez, l’adresse de votre boutique, telle que vous l’avez préciser dans la partie configuration de Shopializable.

Pourquoi les thèmes sont-ils payants ?

L’ensemble de nos thèmes seront vendu au tarif de 10€. Ceux-ci permettent d’une part de rendre votre boutique Shopializable beaucoup plus esthétique, et d’autres parts, nous aident à maintenir l’application, qui nous demande de plus en plus de temps, et à participer aux frais d’hébergement.
Nous remercions donc toute personne choisissant un de nos thèmes ce qui nous permettra de continuer l’aventure avec vous.

Participez, Shopializable est votre application !

Nous sommes à votre écoute, pour tous les problèmes que vous pourrez rencontrer.

N’hésitez pas aussi, à nous demander de nouvelles fonctionnalités, ou de nouveaux thèmes. Pour cela contactez-nous !

Remerciements :

L’équipe de Magavenue souhaite dire un grand merci aux personnes nous ayant aidé et encouragé pour la réalisation du module et surtout à :

• Rodrigue Hajjar (développement)
• Rafael Rivera (traduction Espagnol)

Articles sur le même sujet :

1. Shopializable Installation : Facebook Application for Magento and Prestashop N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article. Have a look at our new release available at : http://www.magavenue.com/blog/application-facebook/shopializable-facebook-installation Introduction : The new version of our Facebook application has seen daylight! It permits you to...
2. Application Facebook pour Magento et Prestashop : vue d’ensemble N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article.Pour ceux qui ne connaissent pas encore cette application, elle permet de présenter et de vendre les articles de votre boutique Prestashop ou Magento sur votre compte Facebook...
3. Shopializable : Mise à jour pour afficher correctement les accents N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article.Une mise à jour vient d’être effectuée sur l’application Facebook : Shopializable (qui permet, pour ceux qui ne la connaîtrée pas encore, d’afficher votre boutique Prestashop ou Magento...