Procédure vidéo : Comment créer une squeeze-page aux couleurs de votre blog

Si vous souhaitez inscrire certains de vos membres – ou même certains de vos visiteurs – sur une liste spéciale pour les qualifier en leur donnant la possibilité de télécharger un cadeau, alors vous aurez tout intérêt à utiliser une squeeze page.

En effet, l’expérience montre que c’est le modèle qui transforme le mieux un visiteur en abonné, pour une raison simple et unique :

Il n’y a généralement qu’UNE SEULE action à faire sur ce genre de page : S’inscrire !

 
Pas de menu ni de lien en tout genre. Il n’y a qu’un texte de présentation et un formulaire à remplir et à valider.

Par conséquent, les gens ne sont pas distraits par quoi que ce soit, et ils s’inscrivent.

Mes meilleurs scores ont avoisiné les 40% d’inscription sur du trafic froid (c’est à dire des gens qui découvrent la page pour la première fois). C’est énorme.

Bref, vous l’aurez compris, la squeeze page est le modèle que vous pouvez utiliser avec succès si vous avez un blog.

Mais voilà… Comment créer une squeeze page qui s’intègre parfaitement à votre blog ?

C’est ce que je vous propose de vous expliquer dans cette vidéo du samedi, où vous pourrez suivre pas à pas l’élaboration de A à Z d’une squeeze page exemple sur Copywriting Pratique. Vous la trouverez ici.

IMPORTANT : C’est une page EXEMPLE. Que je n’ai créée QUE pour la vidéo du jour. Le formulaire ne fonctionne donc pas car c’est une simple image.

Le code à copier-coller dans la barre latérale

Comme vous l’avez vu dans la vidéo ci-dessus, on remplace le texte de la barre latérale par un formulaire d’inscription.

Voici le code à utiliser pour faire ça :

<?php if (is_page(LeNuméroDeLaPage)==false) { ?>

Le code de la barre

<?php  } else {  ?>

Le code de votre formulaire

<?php  };  ?>

 
La première ligne se met juste après la ligne “<div id="sidebar">” que vous devriez normalement trouver sur n’importe quel thème.

La dernière ligne se met juste avant le dernier “</div>” de la barre latérale.

Important : Faites très attention quand vous manipulez du code de la sorte. Sauvegardez impérativement votre fichier sidebar.php sur votre PC pour pouvoir le remettre en ligne en cas de souci.

 
A l’issue de cette vidéo, vous devriez pouvoir installer une squeeze page sur votre blog WordPress.

Si vous avez des questions, n’hésitez pas.

Cet article fait partie de mon défi du mois de décembre, et il constitue la version “pratique” de l’article que David Hamon et Christine Demulier du Club Editeur-Web, ont écrit sur le blog du Calendrier de Noël Marketing, et qui s’intitule :

Principes essentiels à suivre lorsqu’on crée une squeeze page

Ils vous donnent tous les avantages à utiliser ce mode de capture, mais ils vous expliquent également ce qu’il faudrait y mettre dessus, ainsi que quelques astuces pour améliorer son contenu pour la rendre plus performante.

Bref allez lire cet article, il en vaut la peine !

Devenez membre de Copywriting Pratique !

Si vous souhaitez :

  • Recevoir chaque nouvel article du blog directement dans votre boîte mail (si vous le souhaitez),
  • Avoir accès à des générateurs en ligne inédits (générateur de slogans, de noms de marques, d'accroches, un dico des synonymes avec une mise en situation, un formateur d'emails et même le fameux calculateur du Sympathomètre d'un texte),
  • Un guide qui vous explique comment trouver plus de 354 millions d’images gratuites et libres de droits...

Pour vous inscrire et avoir accès à tout ça, c'est facile : Indiquez votre prénom et votre email dans le formulaire ci-dessous :



Précédent

Comment bien démarrer la « lettre de motivation » de votre blog ou de votre site web pour que votre trafic explose

Suivant

La vidéo du dimanche : Gagner de l’argent en se marrant ?

  1. Coucou Yvon,

    Merci pour cette video qui va bien m’aider car je voulais justement créer une squeeze page dans mon blog et j’étais un peu perdue dans toutes les docs que j’avais.

    Bonne journée
    Marie-Do

    P.S. : PENSEZ AU TELETHON, d’ailleurs je vais de ce pas aider mes ados qui y participent

  2. Salut Yvon,

    Merci pour ce code super pratique !!!

    Par contre, à la fin de la vidéo, tu montres un onglet option -> navigation.
    J’ai pas ça sur mon tableau de bord :-o

    Clément

  3. Hello Yvon,

    Merci pour ce coup de pouce car depuis le temps que je voulais
    avoir ma propre squeeze page sur mon blog grâce ta vidéo je vais enfin la créer très simplement.

    Amicalement,

    Mik

  4. Bonjour Yvon,

    Une vidéo bien pratique.
    Défi relevé. ;)

    Amicalement

    Thierry

  5. Bonjour Yvon

    Défi encore une fois relevé avec brio et rapidité.

    Bon c’est vrai que j’ai publié a 3 heures du matin l’article de David et Christine, mais tu a toujours la réparti pour rebondir et faire un sujet passionnant.

    Cette vidéo est parfaite pour passer à l’action et mettre sa première squeeze page en place.

    Amicalement
    Stéphane Munnier – Elecinfo

  6. Bonjour Yvon,

    Merci pour cette vidéo fort utile. Hélas, je ne trouve pas la ligne div id= »sidebar ». J’ai quand même réussi à faire disparaître la colonne latéral, mais elle a été remplacé par : Parse error: syntax error, unexpected ‘}’ in /home/eaj59996/public_html/un-succes.org/wp-content/themes/twentyten/sidebar.php on line 55

    Voici le contenu de la colonne latéral :

    A-t-il une possibilité de faire la même chose chez moi aussi ?

    Merci encore une fois pour vos précieux conseils.

    • Je constate que le contenu de la colonne latéral ne s’est pas affiché. Je pense que l’essentiel en est : * The Sidebar containing the primary and secondary widget areas.
      *
      * @package WordPress
      * @subpackage Twenty_Ten
      * @since Twenty Ten 1.0
      */
      Ensuite, il y a encore ceci : div id= »primary » class= »widget-area » role= »complementary »

      Meilleures salutations.

      Pierre

  7. Salut Yvon

    En lisant ton article dans ma messagerie, j’ai cliqué sur ton exemple de squeeze page, je voulais tellement tes 24 astuces que j’ai usé mon bouton gauche de souris, tu n’as pas le droit de nous faire cela :haha:

    Bien sympa ta page, la vidéo de ta squeeze page est simple et efficace aussi, j’aurais même payé pour tes astuces ne serait-ce que pour t’encourager car tu n’arrêtes pas de nous en donner de plus en plus.

    Je vais maintenant crier au nom de tes lecteurs et en mon nom également, YVON, ON T’AIME!

    • Salut Gino

      Et MERCI ;)

      Soit dit en passant, ma vidéo exemple du point de vue texte, était bien pourri quand même hein :)

      Bonne soirée

      Yvon

  8. bonjour Yvon,
    la création d’une squeeze page est une activité quasi-constante du blogueur et aussi constitue bien souvent des blocages que cette vidéo vient d’aplanir,
    Merci pour tous les efforts que tu fais pour tenir tes promesses pour le calendrier de l’avent.

  9. Admettons que je veuille ajouter un formulaire d’inscription sans supprimer tout ce qu’il y a de présent dans la sidebar, est-ce que le code à insérer change beaucoup??

    • Bonsoir Léa

      En fait, le code change dans le sens où tu dois rajouter le code de ton formulaire, et ensuite lui dire de s’afficher que si c’est la page concernée.
      Donc il suffit d’écrire un code de ce style :

      <?php if (is_page(LeNuméroDeLaPage)==true) { ?>
      Le code de ton formulaire
      <?php  }; ?>

      Tu le mets tout en haut, après le div class=sidebar, et ça s’affichera.

      A bientôt

      Yvon

  10. J’apprécie l’idée de calendrier de Noël dont vous avez eu l’initiative. Quand à cette article sur la création d’une squeeze page je peux dire que c’est pour moi une grâce de Noël parce que j’ai démarré mon ordinateur ce soir juste pour chercher à savoir comment mettre cette page en place. Vous imaginez comment je vous suis très reconnaissant. Cependant j’ai toujours de problème avec les vidéos qui prennent trop de temps à ce charger. Est-il possible de télécharger les vidéos directement dans mon ordinateur pour mieux les visualiser en temps opportun? Merci!

  11. Bonjour Yvon,

    Merci Yvon pour cette vidéo tutoriel qui va figurer dans mes favoris et qui va bien m’aider.

    Par contre, comme Clément, je n’ai pas de menu Option –> Navigation. A ton avis, est-ce dû au template choisi pour mon blog ?

    Amicalement,
    Patricia

    • Excellent!

      Je viens de le mettre en pratique sur mon blog, cet article est tombé à point nommé!

      J’ai juste galéré un peu pour faire apparaître la sidebar, car je n’ai pas exactement la même chose que ce que tu dis sur mon thème mais j’ai fini par y arriver! :)

      Pour ceux qui utilisent le thème Twenty_Eleven, j’ai mis le code indiqué par Yon comme ceci:

      if ( ‘content’ != $current_layout ) :
      ?>

      Et dans la configuration de la nouvelle page, pour les attributs, j’ai du choisir le modèle « Sidebar Template ».

      Et hop! :)

      Merci Yvon!

  12. Merci Yvon !
    Excellente vidéo, car elle va apporter une réponse claire à un problème que rencontrent beaucoup de personnes…

    A la suite de mon article sur le blog de l’avent créé par Stéphane MUNNIER, tu avais insisté sur l’importance d’utiliser des images grandeur nature pour représenter son cadeau dans une squeeze.

    De la même manière, l’intérêt est grand de pouvoir insérer une squeeze dans son blog, plutôt que sous un design différent.
    Car il est capital de donner des éléments de repérage à ses abonnés et de leur rappeler ou ils sont.
    Le fait qu’ils reconnaissent le blog sur lequel ils ont l’habitude d’aller va les mettre en confiance, et ça c’est capital.

    Tout comme il est capital dans ses communications par email d’afficher clairement notre nom d’expéditeur, pour que nos messages soient immédiatement reconnus.

    Je crois que tu as déjà parlé de ça sur ce blog ;-)…

    Blog que je suis assidûment, merci encore.

    Bonne soirée,

    David

    • Bonsoir David

      Content de te voir ici. Sois le bienvenu et merci pour ce premier commentaire.

      Oui le design proche de ce que les lecteurs ont l’habitude de voir tous les jours joue certainement en la faveur d’un taux de conversion important.
      Pour autant, le logiciel que tu as proposé va faire gagner un temps phénoménal à plein de monde. Donc bravo. et le business model que tu as développé autour est très malin je dois dire.

      Peut-être pourrais-tu y inclure, à l’occasion, une sorte de détection de thème du blog en question, comme le fait Windows Live Writer. Cela permettrait à l’utilisateur d’aspirer les images et les CSS de son blog et le logiciel pourrait alors construire un fond plus ou moins identique, voire carrément une page totalement similaire.

      Quelques idées, comme ça ;)

      Bonne soirée

      Yvon

      • C’est vrai, bonne idée…
        Peut-être un développement pour la suite ;)

        Bravo pour ton blog qui a intégré ma liste de favoris depuis quelques semaines.

        À bientôt,

        David

  13. picasso67

    Bonjour Yvon,

    Donc sur du trafic froid, faire environ 32% d’inscrits c’est pas mal je suppose ?
    J’ai fait des split-tests et je stagne à ce pourcentage, je suppose qu’il sera très difficile de gagner quelques % d’inscrits en plus.

    Amicalement,
    Philippe

    • Bonjour Philippe

      Oui 32% sur du trafic froid c’est excellent. Et il est toujours possible d’augmenter ce taux. Après le but c’est de trouver quoi rajouter pour le faire.

      Yvon

  14. kksinfotel

    Merci pour cette vidéo,

    je pense que je vais enfin pouvoir mettre une squeeze page sur mon blog.

    Samuel

  15. bonjour Yvon,

    Je tourne depuis des jours et des jours sur ce sujet !
    Bloqué par des tas de squeeze pages qui constituent des contre exemples et me dissuadent…

    Le formulaire AW… ou les autres me ‘choquent’ carrément par leur non intégration.
    elles font ‘publicité’ ou page importée et quand je dis ça…
    parfois ça fait ‘américain’ dans un site ‘français’ ou ‘moderne’, ‘technique’ dans un blog ‘bricolé’ enfin ça tranche trop.

    donc tu m’avances beaucoup avec ton sujet !
    (et tu me rassures aussi surtout : il y avait bien un problème !)

    en fait dans mon blog d’essai, sur les chats, où je m’amuse surtout…
    ai voulu différencier les pages des articles alors qu’elles avaient la même apparence!
    car les pages sont devenues les menus des thématiques du blog!

    du coup ça me résoud la squeeze page en fait. j’avais la solution ou presque.
    ça me donne des possibilités.
    maintenant faut que je m’occupe du formulaire type AW… ou autre.
    De plus ça nous fait un cours AW… gratuit !

    super résultat! Le formulaire est ainsi à part sur le côté et en haut!

    tout ça pour dire encore une fois un grand MERCI ! :)

    • Tu sais, tout le monde prend les formulaires Aweber tout prêts qu’ils mettent à disposition, mais tu n’es pas obligé de faire ça.

      La structure d’un formulaire Aweber est la même qu’un autre formulaire, il faut juste qu’il y figure les bonnes variables.

      En cas je ferai un article sur la question un de ces jours. Prendre un webform tout fait n’est pas une obligation. ;)

  16. bolivar

    Bonjour Yvon,

    J’ai essayé ta technique et elle marche. Le problème avec moi c’est que j’ai plusieurs squeeze pages à créer. A chaque fois que j’en crée une, elle marche. Mais quand je crée une seconde, cela ne marche pas. Le code de l’autorépondeur que j’insère ne marche pas.

    Je prend un cas : Je crée une squeeze page pour le produit A dont le numéro de page est 756. Jusque là pas de problème. Une fois que je crée une autre page pour le produit B avec comme numéro de page 757, je modifie 756 par 757 et la page 756 est annulé quand je vais la visualiser. Je ne sais comment faire pour revenir à la page 756 une fois que je l’ai remplacé.

  17. lionel

    Bonjour et merci votre tuto tout simplement génial…Il me sera très utile mais j’ai deux questions ou plutôt soucis:

    Lorsqu’on modifie l’éditeur de la sidebar,toutes les pages du blog vont afficher le formulaire d’inscription ou je me trompe…

    Et la deuxième: A la fin du tuto,vous allez ajouter des exeptions pour ne pas avoir accès aux autre pages du blog mais je ne sais pas faire cela sur mon site wordpress,je n’ai pas cette fonctionnalité et en plus même remarque que précédemment;cela va se faire sur toutes les pages…

    Pourriez vous m’éclairer…merci

Laisser un commentaire

;) :super: :red: :hin: :haha: :evil: :cry: :coeur: :cafe: :beer: :D :?: :-z :-x :-o :-P :-? :) :( 8))

Créé et géré avec par Yvon CAVELIER