Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

Mises à jour

Montrez vos produits sur Facebook

29 mars 2012

Jean

Pouvoir montrer ses produits sur Facebook est une fonctionnalité qui nous était de plus en plus souvent demandée. Nous sommes contents de répondre à cette demande, et d'annoncer qu'UGAL vous donne maintenant la possibilité d'afficher vos produits automatiquement sur Facebook.

Logo Facebook

La mise en place n'est pas aussi simple que nous l'aurions souhaité, et la procédure à utiliser est détaillée ci-dessous.

Votre page Facebook

Une page Facebook est une page qui représente votre marque et vos produits. Vous en êtes l'administrateur, et elle est dissociée de votre profil Facebook personnel: les amis des votre page ne sont pas forcément vos amis personnels.

C'est sur une page Facebook que nous vous proposons d'afficher vos produits. Donc, si ce n'est pas déjà fait, rendez vous sur https://www.facebook.com/pages/create.php pour créer la page Facebook de votre marque. Vous devrez choisir le type de page (à priori "Marque ou produit") et donner quelques informations relatives à votre page.

Votre application Facebook

Afin d'afficher vos produits sur votre page Facebook, vous allez créer une application qui affiche vos produits depuis une iFrame. Cette iFrame est hebergée sur les serveurs de UGAL. Rien de compliqué, c'est juste un peu facstidieux. Voici les étapes:

  • Rendez vous sur le site Facebook developers.
  • Cliquez sur le bouton "Créer une application" en haut à droite de la page.
  • Donnez un nom à votre application, par exemple "Produits". Laissez les autres champs à leurs valeurs par défaut. Il vous sera éventuellement demandé de verifier votre compte avec Facebook en ajoutant votre numéro de mobile.

Vous arrivez maintenant sur la page de configuration de votre application. Elle ressemble à ça:

Configurez votre application facebook

Il y a quelques champs à remplir, les autres peuvent être laissés vides:

                 App Display Name: Produit
  Adresse électronique de contact: votre email

Choisissez "Onglet Page" dans la liste "Select how your app integrates with Facebook", et saisissez les valeurs suivantes pour les différents champs (remplacez "votresite" par le nom de votre site chez UGAL - n'utilisez pas votre propre nom de domaine, les connections https ne fonctionneront pas):

             Nom de l'Onglet page: Produits
                          Page tab URL: http://votresite.ugal.com/x/products/facebook/
                   Secure Page Tab URL: https://votresite.ugal.com/x/products/facebook/
                        Page Tab Width: Wide (810px)

Enregistrez les changements et ça y est, vous avez crée votre première application Facebook. Vous pouvez officiellement dire en soirée que vous êtes Developpeur Facebook.

Installez votre application sur votre page Facebook

Votre page et votre application Facebook sont maintenant prêtes. Il ne reste plus qu'à les lier en installant votre application sur votre page. C'est malheureusement plus compliqué que cela ne devrait l'être, faîtes nous signe si vous trouvez une méthode plus simple. Voici en tous cas les étapes que nous avons suivi:

Suivez l'URL magique suivante, après avoir bien sur pris le soin d'y remplacer les variables VOTRE_APP_ID et VOTRE_APP_URL par vos propres valeurs:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_APP_URL

Avec:

  • VOTRE_APP_ID est l'app ID que vous donne Facebook sur la page de votre application.
  • VOTRE_APP_URL est l'URL que vous avez donné dans Page Tab URL (http://votresite.ugal.com/x/products/facebook/)

Suivez cette URL et vous verrez le dialogue suivant:

Ajouter une application sur une page FacebookChoisissez la page Facebook ou vous souhaitez ajouter votre application, puis cliquez le bouton "Ajouter un onglet de page".

Finiiiiiiiii !

Ca y est, votre page Facebook doit maintenant contenir un Favori "Produits" (votre application) et vous pouvez cliquer dessus pour voir vos produits dans une interface 100% Facebook:

Votre application sur une page Facebook

Les liens mènent tous sur votre site, sans interface Facebook, le but étant de génerer du trafic sur votre site.

Nous sommes bien conscients que cette mise en place n'est pas des plus faciles. Nous pensons que Facebook aurait pu faire un effort pour rendre les choses un peu plus simples. N'hésitez en tous cas pas à nous contacter, nous serons ravis de vous aider.

Cette fonctionnalité est nouvelle sur UGAL et est disponible pour tous nos clients, sans aucun frais supplémentaire.

Commentaire de Den's

17 avril 2012 à 08:14 PM

Hum, ça m'a l'air assez "simple".
Excusez ma curiosité, mais je trouve que ces luminaires et éléments de décoration extérieure sont magnifiques et avec une belle mise en scène. Puisque ce ne sont manifestement pas des "UGAL Computers", de quelle banque de données d'images proviennent-ils ?

Commentaire de Jean - UGAL

18 avril 2012 à 09:15 AM

On aurait préféré que ce soit "super simple", mais malheureusement Facebook rend la chose un plus compliquée qu'elle ne pourrait l'être.

Non, ce ne sont pas des UGAL Computers sur l'illustration. Ce sont quelques produits de Collection P. Magnifiques en effet.

Commentaire de Yacine

5 février 2014 à 05:51 PM

Bonjour,

Je voudrais savoir si vous aviez une marche a suivre un peu plus a jours, car la plate forme de facebook a changé, je n'arrive donc plus a intégrer l'application a ma page. Le bouton se crée mais impossible d'obtenir les images !

Merci d'avance

Commentaire de Mathilde

5 février 2014 à 06:12 PM

Bonjour Yacine

quel est l'adresse de votre site? cette procédure est valable uniquement pour les sites faits avec UGAL.

merci

Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

La newsletter UGAL