Codes et techniques pour personnaliser son blog ou son site Internet
Depuis quelques jours, nous voyons ensemble comment préparer notre personnalisation de page ou de documents.
Il est temps maintenant de voir comment faire pour personnaliser réellement vos pages.
Dans cet article, je vais aborder le blog et le site Internet "normal" (site d'une page ou de plusieurs).
Vous y apprendrez comment faire pour afficher les informations de vos prospects de manière dynamique, ce qui veut dire que chaque membre verra une info qui le concernera LUI et lui seul.
Personnalisation de blog ou de site
Attaquons sans plus attendre par le blog :
Personnaliser son blog
1) Enregistrez les gens SUR votre blog
Depuis quelques temps, je vois que des formulaires de type Aweber fleurissent sur pas mal de blogs.
C'est normal, on dit partout que "l'argent est dans la liste". Donc forcément, quand on pense "liste", on pense tout de suite à un auto-répondeur.
Le problème avec un auto-répondeur, c'est que vos membres sont inscrits... chez quelqu'un d'autre. Pas chez vous !
Ce qui fait que vous ne pouvez pas :
- Réserver certaines parties de votre blog à vos membres
- Personnaliser le contenu de votre blog puisque vous ne savez pas qui est là
La première étape consiste donc à enregistrer vos membres SUR votre blog.
Pour cela, en lieu et place de votre formulaire Aweber, mettez plutôt un formulaire qui inscrit les gens en tant qu'utilisateurs DE votre blog
Il y a plusieurs plugins qui permettent ça, mais celui que je préfère c'est Ajax Login Widget++.
Voici comment l'installer et l'activer :
1. Pour commencer, dans votre tableau de bord, cliquez sur le menu "Réglages" puis "Général".
Repérez la ligne "Inscription", et cochez la case : "Tout le monde peut s’enregistrer"
Profitez-en pour vérifier que le menu de dessous ("Rôle par défaut de tout nouvel utilisateur") est bien sur "Abonné".
Ensuite, validez les changements.
2. Téléchargez, installez et activez l'extension Ajax Login Widget++
3. Rendez-vous dans le menu "Apparence" + "Widgets".
Dans votre liste de Widgets, déplacez le "Ajax Login Widget++" vers votre barre latérale.
Et voilà !
Désormais, les gens peuvent s'inscrire SUR VOTRE BLOG (et pas chez le voisin) grâce au formulaire qui s'est rajouté le long de votre sidebar.
Une fois inscrits, ils sont bien SUR votre blog, et peuvent s'y connecter.
Personnellement, sur ce blog, je n'utilise pas ce widget parce que je suis un peu un fou du design et de la personnalisation, mais je vous assure qu'il est très fonctionnel et qu'il correspond exactement à ce dont vous avez besoin pour avoir des membres et récupérer leurs données.
Passons maintenant à la personnalisation.
2) Personnalisation du blog avec les données de l'utilisateur
Une fois que vous avez des membres, vous devez pouvoir avoir accès aux différentes variables qu'ils renseignent dans leur profil.
Ces variables vous permettront ensuite de personnaliser tous ce que vous voulez sur votre blog.
Pour ce faire, nous avons besoin d'un autre plugin : User meta shortcodes
Ce plugin n'est pas configurable. Il vous donne simplement accès aux variables de vos utilisateurs. Voici la liste de celles dont vous aurez le plus besoin :
- ID –> Le numéro de membre
- user_login –> Le login du membre
- user_email –> L'adresse email du membre
- user_url –> Son site web
- display_name –> Le nom qui s'affiche à l'écran
- first_name –> Le prénom
- last_name –> Le nom
- nickname –> Pseudo
Avec ce plugin installé, vous avez juste à insérer la séquence suivante au milieu de votre article, et le prénom de votre lecteur (s'il est inscrit sur votre blog, bien sûr) apparaîtra à la place :
Et à la place de "display_name", vous pouvez mettre n'importe laquelle des 8 variables ci-dessus.
Il faut bien entendu que vous vous mettiez ce code dans la partie "HTML" de votre article.
Par exemple, je sais que vous vous appelez [userinfo field="display_name"] et que votre adresse email est [userinfo field="user_email"]
Pour afficher la ligne ci-dessus, le code est le suivant :
Comme vous le voyez, vous pouvez rajouter ainsi le prénom de votre membre un petit peu partout, ainsi que toutes les infos disponibles ci-dessus.
3) Pour aller plus loin
Ce plugin que nous venons de voir vous permet d'afficher toutes les variables "normales" liées aux membres. Sa simplicité en fait sa limite : On ne peut afficher QUE les variables de membres.
Il se peut que vous vouliez aller plus loin. Pour afficher par exemple certains blocs de textes en fonction de certaines données. Ou alors afficher des infos que vous avez enregistrées dans une base de données.
Pour cela, j'ai hélas une mauvaise nouvelle : Vous allez devoir vous mettre au PHP.
Quand on y réfléchit, ce n'est franchement pas si dur.
On ne vous demande pas de connaître tous les recoins du code, mais seulement quelques fonctions qui vous permettent d'afficher ou non des choses à l'écran.
Et bien sûr quelques rudiments de base de données MySQL.
Mais si vous avez pu monter votre blog, c'est que vous avez accès à votre base de donnée MySQL, et que vous savez donc au moins ce que c'est.
Je ne vous expliquerai pas ici comment activer le PHP dans vos articles, parce que la procédure est un peu fastidieuse et requiert une vidéo pour que je vous explique le tout en détail.
On verra ça plus tard. Sachez juste qu'il existe un plugin pour le faire.
Là, nous allons voir la personnalisation d'un site web qui n'est pas un blog.
Personnaliser un site web ou une page de vente
Depuis plus de 5 ans, pratiquement toutes mes pages de vente comportent au moins le prénom de mon prospect.
Vous pouvez voir un exemple ici...
C'est une procédure tellement simple à mettre en place, même quand on a une liste de mails sur auto-répondeur, qu'il serait dommage de vous en priver.
Ca peut même fonctionner sans aucune base de données.
Voici comment :
1) Personnalisation sans base de données
Il vous suffit d'envoyer un lien à votre liste qui comporte une ou plusieurs variables.
Par exemple :
http://www.faites-vous-connaitre.com/forum/indexperso.php?Pn=&Ml=
Dans l'exemple ci-dessus, vous pouvez voir que votre prénom est écrit en bleu à plein d'endroits sur la page de vente.
Comment ça marche ?
Il suffit simplement de rajouter plusieurs lignes de code dans votre page pour voir apparaître la variable voulue tout au long du texte.
Dans l'exemple ci-dessus, la variable en question est "Pn" (le prénom de celui ou celle qui clique sur le lien).
Voici comment afficher cette variable à n'importe quel endroit du texte :
Explications :
1) Un code php se trouve toujours entre les deux balises : <? et ?>
2) La première ligne de code signifie :
La variable "$Prenom" va prendre la valeur de Pn qui se trouve dans l'URL.
3) La deuxième ligne de code signifie :
Si $Prenom est différent (!=) de rien du tout, alors Afficher (echo) $Prenom sur la page
En gros, si la variable $Prenom n'est pas vide, alors on l'affiche.
Ce qui vous permet de l'afficher partout où vous voulez.
IMPORTANT : la première ligne n'est nécessaire qu'une seule fois sur la même page. Ce qui fait que pour les fois suivantes, vous pouvez n'ajouter qu'une seule ligne :
Et ce qui fonctionne avec le prénom fonctionne avec toutes les variables.
Par exemple, on pourrait imaginer rajouter dans l'URL exemple ci-dessus la mention de l'adresse email du prospect.
Ce qui donnerait donc :
http://www.faites-vous-connaitre.com/forum/indexperso.php?Pn=<?php global $YPrenom; global $YMail; echo $YPrenom."&Ml=".$YMail; ?>
IMPORTANT : Chaque variable d'une URL est séparée par le "Et commercial" : &
Si vous cliquez sur le lien ci-dessus, vous allez voir que la page de destination a été modifiée en conséquence, et que votre adresse email se retrouve affichée comme par magie au début de la lettre (alors que c'est la même lettre que la précédente).
Voici le code que j'ai rajouté à la page pour que cela arrive :
Cela veut simplement dire que SI la variable "$Prenom" n'est pas vide, ET que la variable "$Email" n'est pas vide non plus, ALORS on affiche le cadre de texte.
Vous pouvez rajouter autant de variables que vous voulez, et afficher ainsi différentes informations tout au long de votre lettre.
2) Personnalisation avec une base de données
Je ne vais pas rentrer dans les détails techniques, mais plutôt vous expliquer sommairement comment fonctionne la personnalisation via une base de données.
Dans votre base de données, admettons que vous avez ces 7 variables :
- Variable 1 : IdentifiantProspect
- Variable 2 : Prenom
- Variable 3 : Email
- Variable 4 : Sexe
- Variable 5 : NatureSite
- Variable 6 : DifficulteCopywriting
- Variable 7 : RechercheCopywriting
Vous avez renseigné cette base de données grâce au formulaire Google Docs que vous avez fait remplir à vos prospects (exemple de l'article d'hier)
Vous pourrez alors accéder à ces données en indiquant simplement le numéro d'identifiant de votre prospect dans l'URL.
Par exemple : votre-site.com/index.php?IdentifiantProspect=24
Un code en php viendra regarder dans la base de données, et quand il trouvera l'identifiant que vous avez indiqué (le 24 pour l'exemple), alors il pourra afficher toutes les autres variables correspondant à CET identifiant-là.
Ainsi, quelque soit la taille de votre base de données, vous pourrez afficher n'importe quelle information, en mettant simplement au début de votre page le code qui recherchera la liste de ces infos en fonction de l'identifiant indiqué.
Nota : Cette technique fonctionnera aussi bien avec un blog qu'avec un site normal.
A vous de jouer...
Vous l'avez vu, la personnalisation n'est pas si difficile qu'il n'y parait.
Vous pouvez commencer par le prénom, puis continuer avec d'autres infos.
Dans un prochain article, je vous donnerai les codes en détail pour configurer une base de données d'informations sur vos membres.
Gros dossier !
