Comment Créer Une Landing Page Facebook Avec Iwipa ? Tutoriel Vidéo

Envie de créer une landing page facebook ? En y intégrant un mini-site ? Et tout ça en moins de 15 mn – ou presque ;) ? Ne cherchez pas plus loin : vous êtes au bon endroit ! J’ai testé pour vous Iwipa, l’application la plus populaire pour la création d’une landing page Facebook.

Mais qu’a t-elle donc de si particulier ? Et bien elle permet de créer sur votre landing page un menu composé de plusieurs onglets qui peuvent se dérouler. Bref autant dire que vous pouvez incorporer un vrai mini-site que vous construirez principalement à l’aide de … widgets.

L’utilisation d’Iwipa est vraiment très simple bien que l’ergonomie de l’application pourrait être améliorée en ce qui me concerne. Aucun code n’est nécessaire sauf si vous souhaitez vraiment vous y mettre. Pour ce tutoriel, j’ai choisi d’intégrer les onglets suivants :

  • accueil : la page d’atterrissage qui pour moi sera composée d’une image
  • youtube : pour mes vidéos
  • twitter : pour mes derniers tweets
  • contact : un formulaire pour me joindre
  • formulaire ou plutôt newsletter : pour permettre l’abonnement à ma newsletter

Il est possible de créer un très grand nombre d’onglets tellement il y a de widgets disponibles. Avec par exemple, un onglet shop pour une e-boutique ou un widget ebay, une fan box, une boite de partage pour les médias sociaux etc … The sky is your limit !

Vous disposez de 12 thèmes gratuits. Mais si vous voulez quelque chose qui vous ressemble vraiment, il faudra passer par du CSS.

Quelques précisions sur les services/widgets/dimensions que j’ai utilisés

  • accueil : j’ai passé la taille de mon image à 510 px en raison des marges présentes par défaut sur Iwipa
  • youtube : sélectionnez la vidéo de votre choix > partager > intégrer
  • twitter : choisissez le widget de profil. Faîtes-vous plaisir avec les couleurs. Là-aussi, j’ai gardé 510 px de large
  • contact + formulaire / newsletter : vous pouvez créer gratuitement jusqu’à 3 formulaires avec le très bon service de wufoo

Les tutoriaux d’Iwipa sont sur leur page Facebook (Support > Video Tutorials et Tips & Tricks).

Est-ce la fin ?

Non pas vraiment. Si vous n’êtes pas inscrit au flux RSS ou à la newsletter du blog ou encore si vous ne me suivez pas sur ma page Facebook, honte à vous ;) Mais vous pouvez vous rattraper tout de suite en effectuant ces actions ;)

Si vous avez des questions, n’hésitez pas à les poser dans les commentaires. J’y répondrai avec plaisir en fonction de mes compétences :) Vous pouvez aussi y poster vos *superbes* landing pages réalisées avec Iwipa :)

 

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

  • Alix dit :

    Le lien pour l’application Twitter pour Facebook ne fonctionne pas :(

  • Isabelle dit :

    @alix : je viens de cliquer dessus et j’arrive bien sur le site : http://twitter.com/about/resources/widgets/
    :-)

  • Jo dit :

    Merci beaucoup pour ce tuto… et en français s’il vous plaît.

    Les explication sont très claires, l’outil à l’air puissant et intuitif, je vais l’essayer rapidement car Iwipa à l’air plus souple que les applis permettant d’intégrer des iframes…

    Cordialement, jo…

  • Isabelle dit :

    Merci Jo et bienvenue :)

  • Chrystelle CHEDJOU dit :

    C’est tellement genereux de partager ces informations de votre part. Merci beaucoup.
    Cependant j’ai traverse toutes les etapes avec succes mais je suis bloquee au niveau de la publication de la page, elle est faite mais je ne la vois pas (ni mes fans) lorsque j’ouvre ma page, pourtant je peux voir tout le travail que jai fait lorsque je clik sur welcome, en fait, pouvez vous me dire comment publier le tout?
    Merci encore pour votre aide.

  • Chrystelle CHEDJOU dit :

    Ca y est, un peu de recherche,il fallait juste que je reprogramme ma page d’acceuil, bref marci encore pour tout!

  • G. dit :

    Bonjour,

    J’ai suivis à la lettre votre tuto mais j’ai un problème:

    Lorsque les utilisateurs facebook non-fan de ma page se rendent sur ma page, ils ont directement accès au mur de la page et non à la landing page.

    Comment faire pour que ce soit la première page qu’ils voient ?

    Votre site est super et vos explications sont claires ! Bonne continuation :)

  • Isabelle dit :

    Bonjour Audrey, voici la procédure : modifier la pge > gérer les permissions > onglet affiché par défaut > choisir l’onglet, bonne continuation :)

  • Alicia dit :

    Bonjour,

    merci pour ce tuto très intéressant !
    J’ai tout de même une petite question, j’ai le même problème que celui évoqué précédement par « G. » et je n’arrive pas à trouver « gérer les permissions ». Pourriez-vous être plus précise.

    Merci et bonne journée

    Alicia

  • Alicia dit :

    Problème résolu

    Bonne continuation

    Alicia

  • Dafy dit :

    Bonjour,

    Super tuto :)
    J’ai tout réussi à programmer sauf une chose :/
    L’atterissage sur ma page d’accueil :( en effet, tant qu’on est pas fan, on attérit bien sur cette nouvelle page mais dès qu’on est fan, on atterrit directement sur le mur :/ Pourtant mon paramètre est bon, je ne comprend pas :(

    Pourriez-vous m’aider ?
    Merci d’avance :)

    Dafy

    • Isabelle dit :

      Bonsoir Dafy :) Je ne pense pas qu’il soit possible de rediriger un membre devenu fan vers votre mur à partir de la fan gate. Il reste à l’initiative de l’utilisateur de cliquer sur l’onglet Mur de votre Page.

  • Dafy dit :

    Mais malheureusement je me suis mal exprimée désolée.
    J’aimerais que, aussi bien mes fans que mes non-fans, tombent sur la page créée à l’aide d’Iwipa. pour le moment, seuls mes non-fans tombent dessus et les fans arrivent sur le mur :/

  • Isabelle dit :

    Bonjour Dafy, c’est le principe même de la fan gate. Il y a une page d’atterrissage pour vos non-fans. Une fois qu’ils sont fans de votre Page et qu’ils reviennent sur votre Page, ils atterrissent sur le mur de votre Page. De toutes façons, il faut comprendre qu’une fois fan de votre Page, les membres de votre communauté suivront vos mises à jour à partir du fil d’actualité et non de votre Page. On parle d’un min de 95% des fans …

  • David dit :

    vraiment excellent ! c’est très bien expliqué. Bravo.

  • Isabelle dit :

    Avec plaisir David :-)

  • Pierre dit :

    Merci Isabelle ….Video super clair! grâce à vous j’ai une jolie fan page (mémoires d’ailleurs)avec Iwipa
    1) j arrive à mettre dans l’onglet You tube seulement 2 vidéos est ce un Bug ?

    Je suis impatient de découvrir les autres fonctionnalités d’iwipa pour exploiter cette interface aux mieux…Un grand merci

  • Elise dit :

    Génial toutes ces infos ! Merci beaucoup !
    Par contre, lorsque l’on crée une landing page, pouvez-vous me confirmer que l’internaute n’est pas obligé de cliquer sur « J’aime » pour accéder aux autres informations de la page concernée (Infos et autres onglets indiqués sur la gauche) ?
    Quelqu’un sait-il également comment modifier le format de l’image du profil d’une page Facebook (lorsqu’on est administrateur bien sûr) afin d’avoir une image « rectangulaire verticale » et non « rectangulaire proche d’un carré »? Un peu comme la page Nocibé France par exemple (http://www.facebook.com/pages/Nocib%C3%A9-France/104095453961).

    Merci d’avance pour vos réponses.

  • Caroline dit :

    Tout d’abord un énooooooorme merci!!!!!!!J’ai passé des nuits blanches à tout essayer avant de voir votre tuto parfaitement clair…
    Il me reste un doute: vu que FlickR ne donne plus d’Html, comment avez-vous transformé votre image en html?Cela m’évitera une autre nuit blanche;-)

    Merci encore!!!!!

  • Pierre dit :

    Réponse à Elise

    Pour modifier mon image profile face Book en format rectangulaire, j’utilise une application en ligne qui s’appelle PIC SCATTER…. suivre les instructions, c’est facile.

  • Elise dit :

    Bonjour Pierre,

    Merci pour ces informations. Je vais essayer avec l’appli que vous me conseillez.

  • Isabelle dit :

    @elise : bonjour et merci ! Une Page Facebook est publique. Les membres n’ont pas besoin de cliquer sur le bouton « J’aime » pour consulter vos onglets :)
    Je n’ai pas testé la solution de Pierre (merci pour l’info :), mais vous avez aussi le logiciel The Gimp en open source (gratuit) http://bit.ly/jjtVhi

    @caroline : merci ;) c’est expliqué dans le tutoriel : j’ai hébergé l’image sur mon serveur et j’ai rentré l’URL dans le champs URL des « Propriétés de la Page ». Je ne suis par contre pas familière avec la procédure pour Flickr :) Bon courage !

  • Elise dit :

    Bonsoir Isabelle et merci de votre retour!
    Connaissez-vous d’autres applications similaires à Iwipa ? Tigerlily est-elle une solution performante et facile à utiliser ?

    Bonne continuation !

  • almahmud dit :

    Bonjour,
    est-ce je peux intégrer mon mur facebook dans la Landing Page Facebook Avec Iwipa?
    merci d’avance

  • Isabelle dit :

    Merci Elise. Je n’ai pas encore utilisé Tigerlily et je ne peux donc pas émettre de jugement :) Pour d’autres applications, vous pouvez regarder mes tutoriels sur Youtube : http://www.youtube.com/isabellemathieupro
    N’hésitez pas à vous y abonner pour recevoir les notifications de nouvelles vidéos.

    Bonjour Almahmud, Iwipa vous permet d’intégrer un mini-site :)

  • Elise dit :

    Bonjour Isabelle,
    Je teste actuellement la version gratuite de Tigerlily. L’interface est plutôt claire. Je ne manquerai pas de vous recontacter afin de vous faire mon feedback.

    Elise.

  • wilfried dit :

    réponse que j’ai eu du support de iwipa

    Twitter will not work for everyone because they do not support https.
    but if your users click on twitter after they see your first page it will go to http

    Voila en espérant que sa pourra en aidé plus d’un

    Merci encore Isabelle pour tout le travail que vous faite pour nous pondre de bon tutoriel

  • Isabelle dit :

    Merci Wilfried pour cette précision qui ne manquera pas d’intéresser certains lecteurs du blog :)

  • Bernard dit :

    Bonjour et merci pour ce tuto que j’ai utilsé avec succès. Mais c’était hier. Aujourd’hui, j’ai découvert sous la rubrique Ressources de twitter un bouton qui permet d’installer directement son fil de twits sous facebook. J’ai donc supprimé l’onglet Twitter crée avec Iwipa (j’ai même supprimé la page Iwipa plus tard) et j’ai cliqué sur le fameux bouton twitter pour installer l’appli. Et là, après avoir demandé mes codes de connexion à facebook, le navigateur affiche une page blanche avec un message qui dit (en substance) « patientez, redirection en cours ». Mais il ne se passe rien.

    Sauriez-vous me mettre sur une piste ? J’ai vu que sur votre compte facebook vous aviez installé cette fameuse nouvelle appli twitter.

  • Isabelle dit :

    Bonjour Bernard, vous pouvez utilisez cette application pour installer Twitter sur votre Page FB : http://www.facebook.com/apps/application.php?id=2231777543

  • Elise Boisquillon dit :

    @Bernard : Perso, j’ai utilisé celle-ci qui propose quelques options (couleur de texte, des liens, insérer une image de fond…) http://apps.facebook.com/modulr-twitter/.
    J’en suis plutôt satisfaite.

  • Bernard dit :

    @Isabelle @Elise

    Merci beaucoup mesdames.

  • Elise Boisquillon dit :

    Moi qui utilisait Tigerlily pour gérer les différents onglets de ma page Fb, je vais devoir changer. L’outil va en effet devenir payant et tous les comptes utilisant la version gratuite seront supprimés le 31 août… Ca me laisse un peu de temps pour trouver d’autres outils similaires. Quelqu’un connait-il une appli/outil qui permet de créer un onglet (différent de la landing page) afin de présenter une image qui renverra vers un formulaire d’inscription à une newsletter ?
    Merci de vos réponses.

  • Teloub dit :

    Merci pour ce tuto!!! J’ai tout de même une petite question : peut-on intégrer une image avant le formulaire d’inscription à la news letter?

  • Joy dit :

    Bonjour,

    Merci pour le tuto cependant j’ai une question voila j’ai créée une landing page en flash et j’aimerais savoir comment faire pour l’intégrer sur ma page d’accueil ?

    Merci

  • jessica dit :

    bonjour
    Merci pour ce beau tuto
    je voudrais a la place de youtube mettre mes propre musique es t’il possible

    merci a vous

  • Thierry Duboisdenghien dit :

    Bonjour Isabelle,

    Merci pour toutes ces infos !

    Avez-vous une astuce supplémentaire pour modifier l’onglet « Welcome », dans la colonne gauche de Facebook, par une autre appellation ?

    Vous remerciant encore et vous souhaitant une excellente nuit !

  • Satalpa dit :

    Bonjour,
    Bien que féru d’informatique j’ai un gros soucis avec ma page facebook. J’ai décidé d’intégrer iwipa si sympathique mais cela ne me convient pas du tout pour le moment – je vous passe les détails.
    Ma question est : comment supprimer iwipa de ma page ?
    Cordialement.
    Catalpa

  • Bonjour Thierry, que diriez-vous de « Bienvenue » ? ;)

    Bonjour Satalpa, pour désinstaller Iwipa : à partir du compte personnel > Compte > Paramètres du compte > Applications > Sélectionnez l’application > Puis cliquez sur la croix :)

  • flubl dit :

    Bonjour et merci pour cet excellent tuto. Je voudrais savoir est-il possible de cacher le bouton « powered by iwipa » en haut à droite du landing page. Si oui comment?

  • flavie dit :

    Bonjour Isabelle,

    Tout d’abord, merci pour votre tutoriel qui est très clair…Ensuite, je me permets de vous écrire car j’ai deux questions : 1/Lorsque je crée mes onglets (contact, biographie etc…) tous n’apparaissent pas. Je n’ai seulement que 3 onglets qui apparaissent, les autres on ne les voit pas sauf si on passe le curseur de la souris…Comment faire?
    2/Je voudrais insérer un lecteur mp3 en flash…Celui-ci apparait mais bien évidemment il n’y a pas les playlists, car je ne sais pas comment intégrer les fichiers mp3 et les images qui devraient apparaitre selon les albums…

    Voilà, si vous pouvez apporter des solutions à ces deux problèmes et bien je suis preneuse !!

    Merci d’avance ! ;-)

  • Kevin dit :

    J’ai une question bête : j’ai malencontreusement supprimer l’application de ma page fb et il n’y a pas moyen de la réinstaller. Quelqu’un aurait une idée ? Par avance merci.

    Btw, super tuto !

  • Bonsoir Kevin, malheureusement il vous faudra ré-installer l’application. Bon courage :)

  • Kevin dit :

    Bonsoir,

    Merci de votre réponse rapide. J’ai contacté les gens d’Iwipa qui m’ont également répondu rapidement. La démarche à suivre si ça arrive à quelqu’un :
    1) cliquer sur « modifier la page » en haut de la page facebook
    2) cliquer sur applications à gauche dans la liste
    3) trouver l’application Iwipa
    4) cliquer sur modifier les paramètres en dessous de l’application
    5) cliquer sur ajouter

  • Merci Kevin : c’est très gentil :)

  • Kevin dit :

    Le tuto est parfait, j’ai pu facilement créer une page d’accueil à mon site facebook :

    http://www.facebook.com/pages/Superkadorseo/234884299905621?sk=app_106878476015645

    Merci encore !

  • couloirsdunet dit :

    Bonjour, j’ai commencé à suivre votre tuto qui est très simple. Hélas, depuis Facebook a changé, je n’ai pas l’accés à un mode d’installation, et les vidéos d’Iwipa ne sont plus en ligne… Snif, c’est pas de bol.

    Comme vous pouvez le voir sur la pièce-jointe, dans mes applications (en mon nom) je n’ai qu’une ancienne que je n’utilise plus.

    Et lorsque je suis connecté avec ma page « j’aime » pour laquelle cette landing page est prévue, je reçois un message qui me contraint à repasser en mon nom, et donc, je tourne en rond!!!
    Auriez-vous la gentillesse de m’expliquer comment depuis les interfaces actuelles de Facebook on peut installer cette application ?
    Merci d’avance et bravo pour votre blog plein de petites pépites!
    Cordialement.
    Steve

    • isabellemathieu dit :

      Merci !
      Je ne vais pas malheureusement pouvoir vous aider. Lorsque j’essaie de ré-installer l’application j’obtiens le message suivant : This page has not been activated by the page owner yet.
      Bon courage

document.addEventListener('om.Campaign.afterShow', function(event) { if (event.detail.Campaign.id == 'zjd3hxxogbfvmy2iz0rp') // your slug { var campaignID = 'om-'+ event.detail.Campaign.id; var campaignHeight = document.getElementById(campaignID).offsetHeight; var fixedElement = document.getElementById('top'); //give ID for your fixed element fixedElement.style.top = campaignHeight + 'px'; } }); document.addEventListener('om.Campaign.close', function(event) { var fixedElement = document.getElementById('top'); //give ID for your fixed element fixedElement.style.top = 0; });