Comme vous le savez sans doute, les pages Facebook ont subi de profondes modifications. Je vous propose de voir dans ce billet comment créer un onglet d’accueil (ou autre) via wordpress.

wordpress_facebook
Une des moments les plus importants de la visite de votre page est lorsque vos fans y viennent pour la première fois. La création d’un onglet d’accueil est donc une étape importante et peut constituer un appel à l’action important.

Grâce à l’utilisation des onglets en iframe, nous pouvons désormais créer des onglets personnaliser grâce à WordPress. C’est une option tout à fait intéressante. Voici les étapes détaillées :

1-. Créez votre fan page

Je vous invite à lire mon tutoriel.

Vous pouvez aussi consulter le document d’aide de Facebook :

[issuu layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml backgroundcolor=C9A3AE showflipbtn=true documentid=110215092903-2e335cf1950c4d8bb2674a3148101535 docname=facebookpagesmanual username=vansnick loadinginfotext=manuel%20pages showhtmllink=true tag=tutoriel width=600 height=388 unit=px]

2-. Installez LE plugin

Vous pouvez l’installer automatiquement via votre admin

ou le télécharger sur wordpress.org : Facebook Tab Manager.

3-. Créez votre onglet d’accueil dans wordpress

Lorsque le plugin est installé et activé, apparait dans la colonne de gauche ceci :

4-. Rédigez

Dans le menu de la capture ci-dessus, cliquez sur ajouter et vous avez l’interface habituelle de WP qui vous permet de rédiger.

En vous positionnant sur l’onglet HTML et non pas visuel, vous pouvez insérer des balises iframe … et donc mettre par exemple des box Facebook ou encore embedder des vidéos youtube en iframe et plus en object (et donc lisibles sur plus de supports).

Pour les besoins du billet, j’ai testé cet onglet.

Faites attention que quand vous repassez de HTML à visuel, votre code s’efface !!!

5-. Créez une appli Facebook

Rendez vous sur Facebook Devloppers et cliquez en haut à droite sur « Créez une application« . Pour les champs à compléter, lors de la création de la page dans wordpress, l’extension vous indique comment compléter, pour que cela fonctionne, j’ai parfois dû tâtonner:

  • Donnez un nom à votre appli :

  • Infos du site Internet

Dans le champ URL du site : J’ai indiqué l’URL de ma page créée via wordpress

Dans le champ NDD du site : j’ai indiqué le NDD sans le http://www

  • Intégration à Facebook

facebook iframe onglet

Page de canevas : j’ai indiqué un nom quelconque de plus de 6 caractères.

URL du canevas : J’ai indiqué l’URL de ma page créée via wordpress

facebook application iframeNom de l’onglet : vous indiquez l’appellation que vous souhaitez, bienvenue, accueil, …

Page tab type : cochez Iframe

URL de l’onglet, j’ai placé des «  »

6-. Commentaires

Ce plugin est vraiment génial.. J’ai parfois dû faire des essais-erreurs et cela n’a pas toujours fonctionné selon la forme des permaliens ou sur des sous-domaines… Mais le potentiel est immense.

source

EDIT, ajout tutoriel vidéo