Comment Créer Une Landing Page Facebook – Vues Non Fans et Fans ? Vidéo

comment-creer-une-landing-page-facebook-fan-gate

C’est avec plaisir que je vous présente un nouveau tutoriel vidéo qui a pour objectif de vous montrer comment introduire une Fan Gate sur une landing page Facebook afin de permettre l’affichage d’une vue différente en fonction que vous soyez ou pas un fan.

Il s’agit à mon avis d’un des meilleurs formats pour une landing page Facebook efficace à savoir l’offre d’un contenu exclusif à vos fans s’ils deviennent membres de votre communauté.

Le tutoriel se déroule en 4 étapes :

1° – Préparation du contenu
2° – Installation de l’application Iframes App de Wildfire
3° – Configuration de l’application
4° – Attribution d’un onglet par défaut

Comme expliqué dans la vidéo, Iframes App est une application gratuite pour l’instant mais qui deviendra prochainement payante. Sauf normalement pour les personnes qui sont déjà des utilisateurs.

Quels sont les avantages de cette application ?

  • gratuité
  • pas de code pour l’installation
  • très simple à utiliser
  • fonctionne avec https

Note

Je vais contacter Wildfire car j’ai remarqué qu’une barre de défilement apparaît quelques secondes lors du chargement de la landing page. Je vous tiens au courant …

Et le mot de la fin !

J’en profite pour vous rappeler que vous pouvez me rejoindre sur ma Page Facebook (contenu exclusif FB) ou encore vous abonner au flux RSS du blog.

Par ailleurs, la newsletter ne fera plus double emploi prochainement avec le flux RSS. Elle diffusera un contenu différent et proposera aux membres inscrits un mini-cours gratuit sur les médias sociaux sous la forme d’une série de courtes vidéos. Mettez-vous donc à jour pour ne rien manquer des prochaines informations :-)

Have fun !

Isabelle Mathieu

A propos de Isabelle Mathieu

Isabelle Mathieu dirige un cabinet de conseil spécialisé dans les audits, les stratégies et les formations en médias sociaux. Elle édite Emarketinglicious.fr depuis 2010 et est régulièrement interviewée à titre d'expert sur des problématiques social media: l'Express, 01Net, 20minutes etc. En 2012, Isabelle Mathieu a été élue dans le Top 10 des influenceurs européens par Salesforce et en 2013, mentionnée comme l'un des experts marketing européens par Hubspot.

52 commentaires

  • Adrien dit :

    Explication très complète et jolie voix. Merci !

  • Dejardin-V. dit :

    Merci pour ce tutoriel vidéo….clair et complet!

    :-)

  • Brigitte dit :

    Merci encore pour cette vidéo très compréhensible !

  • super !!!
    voilà une solution qui me va bien vu que mon téléphone est toujours bloqué en attente !!
    petite info : avec quel logiciel avez-vous fait votre landing page avec tous ses liens ?
    merci merci

  • Brigitte dit :

    Avec le lien qui est indiqué soit : http://iframes.wildfireapp.com/

    J’ai essayé de remplacer ma page de bienvenue qui était encore en FBML mais je trouve dommage de ne pas pouvoir faire la page en HTML/CSS puisque ça me refuse le « background:url ». Le texte est donc peu net puisqu’il est intégré à la photo : http://www.facebook.com/pre.du.walhalla .

  • clement dit :

    Merci isabelle pour ce tuto :-)
    tres pratique !!!

    Clément

  • Fabrice dit :

    Excellent, moi j’avais tout fait à la main pour un onglet de ma page fan en passant par du code php (assez simple à faire en fait) mais les inconvénients sont de devoir héberger les fichiers, et surtout la gestion de l’https !

    En revanche, cette application ne permet pas d’avoir une page avec du contenu dynamique pour les fans (comme ton exemple redbull dans la vidéo) :(.

  • Isabelle dit :

    @brigitte et @fabrice : l’application comporte des limitations. On ne peut pas utiliser de javascript ni certaines propriétés css … Mais elle demeure très pratique pour les non techs :-) On m’a déjà fait parvenir deux autres apps que je n’ai pas eu encore le temps de tester. Si je trouve quelque chose d’intéressant, j’écrirai un billet dessus :-)

  • Brigitte dit :

    C’est sûr qu’elle est très pratique et elle permet même de faire cette landing page sans entrer son n° de carte bancaire ou son n° de téléphone mobile !
    Merci en tout cas Isabelle d’avoir partagée l’info :-)

  • Marie-Noelle dit :

    Merci Isabelle pour ce tutoriel! Il est bien pratique.
    Je vais mettre à jour mes pages :D

  • Isabelle dit :

    De rien Marie-Noelle :)

  • Chrys dit :

    Merci Isabelle pour ce tuto !

    Après l’avoir suivi, du coup, j’ai fais une Fangate + liens internes, une Fan page + infos vip et des onglets iframes + html avec un peu de code JS.

    J’ai encore un petit pb de scrolling juste en bas. A corriger donc…

    ça donne ça pour le moment :

    http://www.facebook.com/pages/Esupcom-Ecole-supérieure-de-communication/152602891471375

    Je recherche maintenant un bon site qui teste et met en avant des Facebook Apps pour des pages.

    Quelqu’un aurait quelques bonnes adresses pour aller plus loin ? ;-)

  • Brigitte dit :

    Bonjour Isabelle,

    Ce matin, la landing page faite avec « Wildfire’s iFrames for Pages » ne fonctionne ni sur ma page, ni sur la tienne, Isabelle ! Il s’affiche un message d’erreur (erreur 503 : service indisponible). C’est peut-être momentané ? À suivre …

  • Isabelle dit :

    @brigitte : bonjour, cela fonctionne à nouveau pour moi, et toi ?

  • Brigitte dit :

    Ça fonctionne de nouveau pour moi aussi ;-)
    Sans doute un problème de serveur de l’application.

  • Le Peutrec dit :

    Bonjour Isabelle,

    Merci pour ce video-tuto.
    Bon ceci dit j’ai un petit problème … j’ai beau mettre ma landing page en onglet par défaut dans permission, rien n’y fait !!!! Le mur « passe par dessus » et arrive toujours en premier. Y’a pas une autre technique que j’aurais zapper ??

  • Isabelle dit :

    @lepeutrec : malheureusement il s’agit de la seule technique que je connaisse

  • benJAMIN dit :

    Bonjour
    Merci pour ce tuto par contre est ce qu’on peut bloquer le contenu de notre page pour celui qui n’est pas encore fan ? C’est quand meilleur moyen non ? On peut le faire avec le modul iwipa qui contient iframe mais c’est payant !!
    Qu’elle photo peut on mettre pour donner envie de cliquer sur fan d’après vous ?
    Merci encore

  • Waxelly dit :

    Merci beaucoup pour ce tutoriel, je suis pleinement satisfaite ! Je suis désormais fan de ta page Facebook :-)

    Waxelly.

  • Romain dit :

    Bonjour,
    Merci pour vos articles enrichissants :)
    J’aurai une question : est-il possible de rediriger l’internaute vers notre « mur » une fois que celui-ci à cliqué sur « j’aime » ? (et non qu’il reste sur l’onglet?)
    Merci, et bonne continuation !

  • Isabelle dit :

    Bonjour Romain et merci :) Pas à ma connaissance.

  • Bonjour, je vous remercie pour votre tutoriel très bien fait. J’avais néanmoins quelques problemes pour paramétrer iwipa. J’ai installé une autre application : ThruSocial pour ma page Facebook qui m’a permis d’intégrer des videos, et d’autres modules : par exemple le feed RSS de mon blog. Pour d’autres fonctions le module est payant. Le paramétrage est très facile à faire. Seul bémol, j’ai y mit le Share bouton de facebook qui s’est transformé en « j’aime ».
    http://www.facebook.com/pages/Tomate-Joyeuse/150068428393599

  • stephanie dit :

    Bonjour
    merci pour votre explication très claire. j’ai cependant une question : je souhaite modifier ma page de bienvenue mais lorsque je clique sur « accéder à l’application » il m’indique que l’application est déjà installée sans que je puisse accéder à une quelconque page de modification. Savez vous comment faire? Cordialement

  • Isabelle dit :

    Bonjour Stéphanie, j’ai eu un problème similaire avec l’une des applications que j’avais installée plusieurs fois pour mes tutoriels vidéos. J’avais contourné le problème en retrouvant l’application soit sur le Profil soit sur la Page (modifier la page – applications) (je ne me souviens plus quelle option exacte) et en modifiant les paramètres. Une autre solution consiste à supprimer l’application et à la ré-installer :
    1° – paramètres de confidentialité
    2° – Applications et sites web > Modifier vos paramètres
    3° – Applications que vous utilisez > Sélectionner l’app > supprimer
    4° – supprimer TOUT onglet qui aurait été crée sur votre Page en cliquant sur la croix.
    5° – vérifier que l’application n’est pas présente dans vos applications Page (Modifier page > Applications). Si c’est le cas, cliquer sur la croix.
    6° – si vous avez effectué toutes ces opérations, vous devriez ré-installer l’app sans souci.
    Bon courage :)

  • Julia dit :

    Bonjour Isabelle,

    Je vous contact car je suis actuellement en stage au journal Marseille l’hebdo à Marseille et je suis en charge de la page Facebook de celui ci.

    J’ai créé une fan page et bien sur j’aurai aimé mettre en place une landing page, le seul problème c’est que je n’ai pas de connaissance informatique, juste quelques notions.

    Donc serait il possible de m’expliquer comment créer la landing page, avec photo et texte(quels programmes utiliser…) je saurai après la mettre en place grâce à votre explication très complète !

    Merci beaucoup

  • Gabri_l_ dit :

    Bonjour,

    J’aurais besoin d’un renseignement complémentaire au sujet de la fan gate. J’ai créé la vue pour les « non fan », mais lorsque l’on clique sur j’aime j’aurais aimé que les internautes soient redirigés directement sur le mur. Cela n’est-il pas possible ? J’ai peur que les envoyer sur une deuxième fan gate soit un frein pour eux…

    Merci d’avance et bonne journée,
    Gabri_l_

  • Isabelle dit :

    Bonjour Julia, vous trouverez à cet effet des tutoriels vidéo sur ma chaine youtube : http://www.youtube.com/user/isabellemathieupro Bon courage ;)

    Bonjour Gabri, j’ai répondu à cette question plus haut. Ma réponse est toujours : « Pas à ma connaissance ». Il demeure à l’initiative des utilisateurs de cliquer sur l’onglet Mur ;)

  • stephanie dit :

    Rebonjour
    Merci beaucoup pour votre réponse, je m’excuse de vous répondre aussi tardivement, je n’ai pu m’y pencher avant.
    Quand vous dites enlever tous les onglets, il s’agit uniquement de ceux de wildfire ou d’autres aussi présenst (ce qui est mon cas comme iframe apps). En effet, j’ai suivi votre conseil, enlever toute trace de l’appli de wildfire mais quand je la réinstalle, ma page revient.

  • Isabelle dit :

    @stéphanie : oui je parle bien seulement de l’onglet wildfire. Lorsque la page revient c’est que l’application n’a pas été totalement désinstallée : je suis passée par là aussi ;) Si vous n’y arrivez toujours pas, je vous invite à prendre contact directement avec l’éditeur : pour cela, cliquez sur l’onglet « Contacter le développeur » :)

  • Charlotte dit :

    Bonjour Isabelle,

    Merci pour ce tuto très clair.
    Par contre j’ai un souci quand je me connecte via un autre compte que le mien l’image n’apparait pas.
    Auriez-vous une solution ?

    Merci de votre aide.

  • william dit :

    Merci Isabelle c’est vraiment génial . tutoriel tres clair et tres simple à utiliser !
    Je m’occupe de ca cet apres midi maintenant le plus long ca va etre de créer les 2 images !

    William de Couteauxduchef.com

  • Isabelle dit :

    @Charlotte : bonjour, pensez à vérifier le format, le poids et la longueur de l’image :-)

    @william : merci ! Un site mono-produit : hum j’aime bien ;)

  • Net dit :

    Bonjour,

    Merci pour cette vidéo bien efficace !

    Savez-vous où je pourrai trouver des infos pour le même type de ‘module’ (vue fan et non fan) mais avec la possibilité d’accéder à un contenu exclusif pour le fan?
    Par exemple une vidéo ou morceau de musique dont la lecture ne peut se faire que si l’utilisateur Facebook est fan.

    Merci beaucoup :)

    • Isabelle dit :

      Bonjour, Justement lorsque un fan atterrit sur votre vue fan, vous lui donnez accès à ce que vous souhaitez en contenu exclusif : bon de réduction, offre promotionnelle etc …

  • Bonjour,

    J’ai installé comme vous l’avez si bien expliqué cette application sur une de mes landing page, mais je voudrais pouvoir l’installer sur d’autres pages que je gère, et là c’est la cata, je ne trouve pas le moyen de refaire la même chose sur une autre page à partir du même compte.

    Si vous avez la solution je suis preneur.

    Cordialement

    Alain Reynaud

  • Antoine dit :

    Merci, très bon tuto. Simple question, lorsque je veux changer le nom du nouvel onglet, plus rien n’apparait dans ma page des applications. C’est comme si je n’avais plus aucune application. Quelqu’un à une solution?

  • Isabelle dit :

    Bonjour Alain, Merci ! Vous devrez installer l’application sur chacune de vos Pages Facebook sur lesquelles vous souhaitez installer une landing Page. Pour cela, dirigez-vous vers l’onglet Applications de votre Profil, trouvez Wildfire’s iFrames for Pages, cliquez sur « Install app » et choisissez la Page pour installer l’application :)

    Bonjour Antoine, c’est ennuyeux … Je n’ai pas rencontré cette difficulté alors que j’ai refait plusieurs fois cette opération. Cela pourrait être un bug. Aussi je vous invite à prendre contact directement avec le développeur pour lui soumettre ce problème. Bon courage !

  • Renaud dit :

    Je découvre ton tuto vidéo. Très clair très simple. Bravo
    Mais tu le savais déjà.

    A bientôt.
    Renaud

  • Marine dit :

    Bonjour Isabelle,

    merci pour ce tutorial très bien expliqué.
    J’ai pour ma part un souci concernant l’onglet par défaut : je n’ai pas cette option dans « Gérer les permissions ». En cherchant un peu j’ai trouvé d’autres utilisateurs dans mon cas mais jamais la solution, ej ne sais pas d’où cela provient, une idée ?

    Merci !

  • Renaud dit :

    @Marine J’ai eu le même soucis de permission Marine. Et je me suis rendu compte que j’avais créer une page communauté. et dans ce cas là cela ne fonctionne pas. Il faut créer une page d’entreprise.

  • Marine dit :

    Merci Renaud, ça confirme mon hypothèse. Je suppose que lorsqu’on change le type de page il faut un délai pour que ce soit pris en compte et que l’option apparaisse.

  • Renaud dit :

    Pour ma part j’ai fait le changement sur une page de test la semaine dernière, et j’ai automatiquement vu le lien apparaitre. Je n’ai pas eu d’attente.
    Tenez moi au courant si vous avez des PB. Je n’ai peut-être pas tout pris en compte.
    A bientôt.

  • Bonjour, oui c’est exact les Pages communauté offrent moins de fonctionnalités qu’une Page traditionnelle :)

  • Marine dit :

    En changeant de « communauté » à « Entreprise->Internet/logiciel » l’option ne s’affiche toujours pas pour moi :o(
    Si quelqu’un a une idée d’où ça peut venir, je suis preneuse !
    Merci beaucoup.

    Marine

  • Renaud dit :

    Tu as bien refait toutes les manip qu’Isabelle propose dans sa vidéo ?
    ça doit marcher, je l’ai fait sur une autre page pour vérifier tout à l’heure.
    Mais j’ai du refaire toute la procédure d’Isabelle pour que cela fontionne.

    cf http://www.facebook.com/pages/La-boite-aux-paniers-normands/210435175641191
    c’est une page que j’utilise en formation pour aborder les landing page

  • Pierre dit :

    Bonjour à tous,

    Il semble que le site http://iframes.wildfireapp.com soit out !
    Ca m’arrange pas, je voulais justement installer une landing page… Y a t-il d’autres moyens d’obtenir le même résultat ?

  • Pierre dit :

    Annulation de mon commentaire ci-dessus ! Visiblement, ce site est comme un clignotant : une fois il fonctionne, une fois il fonctionne pas, une fois il fonctionne…

  • Sarah dit :

    Bonjour,

    Mon entreprise a une page Fan Facebook avec une landing page personnalisée.
    Mon problème est le suivant : les non fan de la page arrivent directement sur mon application, tandis ce que les utilisateurs qui ont cliqué sur « J’aime » arrivent sur le mur.

    Comment faire pour que même les fans arrivent directement sur la landing page ?

    Merci

  • Jegthegui dit :

    Merci beaucoup ! Du premier coup !

  • Richard dit :

    Merci pour ce tuto, Wildfire n’est plus accessible. Mais ça fonctionne très bien avec Iframe apps sur mes pages https://www.facebook.com/iframe.apps?fref=ts

    • isabellemathieu dit :

      Merci Richard pour la mise à jour. Wildfire ayant été racheté par Google, je ne pense pas que l’application ait été maintenue.