Learnybox + Thrive Leads : Capturer les emails sur WordPress

Vous souhaitez capturer les emails de vos visiteurs ?

Avec un popup ou autres formulaires ?

Vous avez choisi Learnybox pour héberger vos formations et WordPress pour votre blog ?

LearnyBox - WordPress - ThriveLeads
LearnyBox – WordPress – ThriveLeads

 

Je vais vous expliquer comment vous pouvez avec Thrive Leads couplé à Learnybox pour ajouter différents formulaires de capture d’email sur votre site WordPress.

Pourquoi ne pas utiliser Learnybox pour les popups ?

Nativement avec Learnybox, vous pouvez faire des popups :

Learnybox - Popups
Learnybox – Popups

 

Un indice, ce n’est pas le visuel qui pose problème :

Learnybox - Apparence Popups
Learnybox – Apparence Popups

 

Mais le fait que vous ne pouvez pas intégrer les popups réalisés sur votre site WordPress …

Ces popups sont juste intégrables à vos pages Learnybox 🙁

Donc pour intégrer à votre site WordPress, c’est mort …

La solution : Thrive Leads pour faire vos formulaires de capture

C’est un outil payant qui est vraiment très puissant pour faire vos formulaires de capture email sur WordPress.

Une de ces forces, c’est qu’il est utilisable avec plein d’autorépondeurs.

Tous ?

Peut-être !

En tout cas, énormément :

ThriveLeads - Autorepondeurs compatibles
ThriveLeads – Autorépondeurs compatibles

 

ThriveLeads est un leader du marché.

Et si plus tard, vous n’utilisez plus Learnybox, et bien pas besoin de refaire tous vos formulaires !

Vous aurez juste à changer la connexion à l’autorépondeur.

Allez, j’arrête de vous parler de ThriveLeads.

Passons au concret !

Ce qui vous intéresse 😉

Mettre en place un popup Thrive Leads relié à Learnybox (LearnyMail)

Je n’ai pas trouvé de tutoriel qui expliquait comment faire cela quand j’en ai eu besoin pour une cliente.

Alors je m’en occupe.

1  – Acheter et installer ThriveLeads

a. Acheter Thrive Leads

Première étape indispensable : avoir ThriveLeads …

Si vous ne l’avez pas, pas d’hésitation, il est indispensable.

Vous pouvez commander Thrive Leads tout de suite en cliquant ici, sur mon lien d’affilié.

Puis en cliquant sur « Yes, I want to build a profitable Mailling List ! »

ThriveLeads - Yes I want
ThriveLeads – Yes I want

 

La formule a 67$ HT est suffisante pour un site :

ThriveLeads - Add to cart
ThriveLeads – Add to cart

Pour le reste, je vous laisse faire 😉

b. Installer Thrive Leads

Une fois acheté, vous arrivez sur cette page.

Il vous suffit de suivre les instructions et vous avez même une vidéo (en anglais) pour vous expliquer.

ThriveLeads - Telechargement
ThriveLeads – Telechargement

 

En résumé, vous devez télécharger et installer Thrive Product Manager sur WordPress.

Ensuite, il faudra activer votre compte et vous pourrez installer ThriveLeads.

Il suffira de cliquer sur « License product » puis sur le bouton vert qui se met en dessous.

Vous obtiendrez cela ensuite :

ThriveLeads - Installation via Product Manager
ThriveLeads – Installation via Product Manager

 

ThriveLeads est maintenant installé et prêt à l’emploi !

Mais avant de continuer avec ThriveLeads.

Nous avons besoin d’aller dans Learnybox pour faire notre formulaire qui sera ensuite utilisé pour la connexion avec ThriveLeads.

2 – Faire un formulaire sur LearnyMail

Rendez-vous dans votre interface Learnybox et cliquer sur LearnyMail :

LearnyBox - LearnyMail
LearnyBox – LearnyMail

 

Ensuite, dans le menu du haut cliquer sur « Formulaires » :

LearnyMail - Menu Formulaire
LearnyMail – Menu Formulaire

 

Puis cliquer sur « Créer un formulaire »

LearnyMail - Creer un formulaire
LearnyMail – Creer un formulaire

 

Au minimum dans votre formulaire, vous devez capturer l’email.

Mais de mon côté, je préfère récupérer également le prénom, cela permet de faire des emails plus personnels.

Du coup, il faut ajouter le prénom au formulaire :

LearnyMail - Ajouter un champ au formulaire
LearnyMail – Ajouter un champ au formulaire

 

Ensuite, il faut choisir le thème et dans notre cas, il n’y a pas besoin de thème donc le premier suffit.

Pas besoin de thème, car c’est ThriveLeads qui va faire la mise en page.

Learnybox - Selection du theme du formulaire
Learnybox – Selection du theme du formulaire

 

On sélectionne, puis nous cliquons sur « Suivant » en vert en haut à droite de l’écran.

Nous arrivons sur l’écran suivant dans lequel vous devez choisir :

  • à quelle séquence, vous ajoutez votre nouveau contact
  • quel(s) tag(s) vous ajoutez
  • vers quelle page votre contact va être envoyé quand il aura rempli son prénom et son mail
LearnyMail - Ajouter une liste tag adresse
LearnyMail – Ajouter une liste tag adresse

 

Dans mon cas, je renvoie vers une page de remerciement.

Et dans la séquence, j’envoie un email de bienvenue avec un lien pour télécharger un bonus

Puis cliquer sur « Suivant ».

Nommé votre nouveau formulaire, puis « Suivant » :

LearnyMail - Nommer votre nouveau formulaire
LearnyMail – Nommer votre nouveau formulaire

 

Cliquer ensuite sur Construire votre formulaire :

LearnyMail - Construire votre formulaire
LearnyMail – Construire votre formulaire

 

Je n’utilise pas de case à cocher alors je l’enlève.

Mais vous pouvez la laisser si vous préférez.

LearnyMail - Supprimer la validation
LearnyMail – Supprimer la validation

 

En haut à droite, dans le menu action choisissez « Exporter en HTML » :

LearnyMail - Exporter en HTML
LearnyMail – Exporter en HTML

 

Puis dans l’onglet « Sans mise en forme », copier/coller le code dans un bloc-notes.

Il sera à mettre plus tard dans ThriveLeads.

LearnyMail - Exporter sans mise en forme
LearnyMail – Exporter sans mise en forme

 

Vous pouvez fermer cette fenêtre.

3 – Faire un formulaire de type popup sur ThriveLeads

Maintenant, nous allons faire le popup coté ThriveLeads.

C’est bien celui-ci qui sera visible sur le blog.

Dans le menu, aller dans « Thrive Dashboard » puis « ThriveLeads » :

ThriveLeads - Menu
ThriveLeads – Menu

 

Nous allons créer un Lead Group, c’est-à-dire une sorte de dossier où nous allons mettre les différents formulaires.

Cliquer sur « ADD NEW » :

ThriveLeads - Creer votre premier Lead Groups
ThriveLeads – Creer votre premier Lead Groups

 

Nommer le Lead Group comme vous le souhaitez :

ThriveLeads - Nommer le Lead Group
ThriveLeads – Nommer le Lead Group

 

Vous obtenez le résultat suivant, dans lequel il faut cliquer sur « ADD NEW TYPE OF OPT-IN FORM » :

ThriveLeads - Add new type of optin form
ThriveLeads – Add new type of optin form

 

Dans cette fenêtre, on nous propose différents types de formulaires, dans notre cas nous voulons faire un popup, il faut donc choisir « Lightbox » :

ThriveLeads - Choix du type de formulaire - Lightbox
ThriveLeads – Choix du type de formulaire – Lightbox

 

Ensuite, nous allons créer notre premier popup en cliquant sur « Add » :

ThriveLeads - Ajouter un popup
ThriveLeads – Ajouter un popup

 

Cliquer sur « CREATE FORM » pour créer le formulaire :

ThriveLeads - Creer formulaire
ThriveLeads – Creer formulaire

 

Donner un nom à votre première version de votre popup et cliquer sur « CREATE FORM ».

Oui, je vous encourage à tester différentes versions de chaque formulaire de capture avec des A/B tests.

ThriveLeads est très bien pour faire cela, mais ce n’est pas l’objet de cet article.

ThriveLeads - Nom popup
ThriveLeads – Nom popup

 

Puis, cliquer sur l’icône bleue avec le crayon pour éditer le popup :

ThriveLeads - Editer un formulaire
ThriveLeads – Editer un formulaire

 

Ensuite, il faut choisir le Template (design) que vous souhaitez.

Pour commencer, je vous recommande d’en prendre un qui fait apparaître le 2 cases pour le prénom et l’adresse email, comme dans l’exemple.

Cliquer sur « Choose Template » :

ThriveLeads - Choix du template
ThriveLeads – Choix du template

 

Le formulaire est créé.

Il n’est pas personnalisé pour le moment, mais nous allons d’abord le relier à Learnybox.

4 – Relier Thrive Leads et Learnybox

À l’étape précédente, vous avez obtenu le formulaire suivant.

Cliquer maintenant sur « GET INSTANT ACCESS » par exemple pour ouvrir le menu sur la gauche :

ThriveLeads - Popup cree
ThriveLeads – Popup cree

 

Dans le menu qui s’est ouvert sur la gauche, cliquer sur HTML Code :

ThriveLeads - Menu de gauche connexion
ThriveLeads – Menu de gauche connexion

 

Coller le code du formulaire Learnybox que je vous ai fait copier dans la partie précédente :

ThriveLeads - Copier le code du formulaire LearnyBox
ThriveLeads – Copier le code du formulaire Learnybox

 

Cliquez sur « Generate Form », et le nom des champs se modifie tout seul.

La connexion entre ThriveLeads et Learnybox est faite ! (sauvegarder « SAVE WORK » en bas à gauche)

« Name » devient « Votre prénom * » et « Email » devient « Votre adresse email * » :

ThriveLeads - Generate Form
ThriveLeads – Generate Form

 

Ensuite, vous pouvez modifier l’apparence du popup comme bon vous semble.

Par exemple changer l’image du bonus, en cliquant dessus, vous avez accès à son paramétrage sur la gauche.

Je ne rentre pas plus dans le détail, ce n’est pas le but de ce tutoriel.

ThriveLeads - Modifier l'image
ThriveLeads – Modifier l’image

 

Sauvegardez votre popup en  cliquant sur « SAVE WORK » le bouton vert en bas de l’écran et vous pouvez fermer cet onglet.

5 – Paramétrage Thrive Leads

Je ne rentre pas trop dans les détails du paramétrage.

Je vais aller droit au but pour que cela fonctionne.

Vous pourrez modifier par la suite si cela ne vous convient pas.

Je vous conseille même de faire des tests !

Si vous voulez apprendre plus de choses sur ThriveLeads, ce sera dans une formation.

a. Activer le popup (Lightbox)

Dans « Thrive Dashboard > Thrive Leads », dans le « Lead Group » que vous avez créée plutôt, cliquer sur « On » pour que le popup s’affiche sur ordinateur fixe et sur appareil mobile :

ThriveLeads - Activer le formulaire de capture
ThriveLeads – Activer le formulaire de capture

b. Paramètre d’affichage

Vous avez surement repéré le petit « ! » dans un rond rouge sur la droite, cliquez dessus :ThriveLeads - Parametre d'affichage

ThriveLeads – Parametre d’affichage

Dans la fenêtre qui apparaît faire « SELECT ALL » puis « SAVE & CLOSE » :

ThriveLeads - Parametre affichage
ThriveLeads – Parametre affichage

 

De cette manière, le popup créé s’affichera sur tous les articles, toutes les pages …

Vous pouvez changer cela à votre façon.

c. Fréquence d’affichage du popup

Vous pouvez modifier les paramètres d’affichage du Popup dans « Thrive Dashboard > Thrive Leads > Lightbox ».

Dans l’écran du paragraphe « 5.a » , il faut cliquer sur le bouton « Edit » à droite de la copie d’écran.

Il vous suffit de cliquer sur « Display immediately on page load » ou « Every 7 days » pour modifier ce paramétrage.

ThriveLeads - Modifier la frequence affichage
ThriveLeads – Modifier la frequence affichage

 

Pour information :

  • dans « Trigger », j’utilise « Displays after 28 seconds (exit intent before that)« 
  • dans « Display Frequency », j’utilise « Every 3 days« 

 

6 – Tester ThriveLeads et Learnybox !

Dernière étape.

La plus importante, je dirais 🙂

Comment fait-on ? C’est simple.

a. Vérification sur le site

Allez sur votre blog et attendez l’ouverture du popup :

ThriveLeads - Affichage Popup
ThriveLeads – Affichage Popup

Chez moi, c’est bon, je continue.

Je complète le popup et je clique sur « VALIDER ».

Et j’arrive sur ma page de remerciement comme prévu :

ThriveLeads - Page de remerciement
ThriveLeads – Page de remerciement

 

D’ailleurs, inscrivez-vous en bas de cet article si vous avez aimé l’article (le formulaire est aussi fait avec ThriveLeads) !

b. Vérification sur Learnybox

Pour finir, je vérifie dans Learnybox que j’ai bien été ajouté dans les contacts.

Pour cela, il faut aller dans LearnyMail, puis cliquer sur « Contacts » en haut dans le menu.

Les contacts s’affichent et je vois bien mon email :

LearnyMail - Presence de mon email
LearnyMail – Presence de mon email

 

c. Vérification sur la messagerie

Dans Learnybox, j’ai fait une séquence qui envoie un email à l’inscription.

Je vérifie donc dans mes mails et c’est bon :

Mail - Verification reception
Mail – Verification reception

 

En résumé

C’est plutôt simple de mettre en oeuvre un popup sur son blog.

Il suffit de trouver le bon outil !

Et quand on parle de formulaire de capture, le bon outil c’est ThiveLeads.

Ne cherchez pas trop longtemps 🙂

Alors vous avez testé ?

Vous avez réussi facilement ?

Inscrivez-vous juste en dessous; si l’article vous à plus !

Dites-moi tout dans les commentaires !

Cet article a 7 commentaires

  1. Nicolas

    Merci pour cet article très très complet et surtout très didactique pour avancer pas à pas, quand, comme moi, on ne maîtrise pas bien la technique

    1. Morgan

      De rien, j’ai essayer de fait le plus complet possible et le plus illustré !

  2. Jeremy

    Très bon article tutoriel, merci !

  3. Yves

    Merci pour cet article, exactement ce qu’il me fallait pour connecter Thrive et LearnyBox.
    Perso, j’ai Thrive au complet, et Thrive Architect est bien pratique aussi pour créer des belles pages.

    1. Morgan

      Merci Yves pour ton commentaire !
      Je vais me pencher dès que j’ai le temps sur la suite Thrive qui est effectivement super intéressante.
      J’espère faire un article sur Thrive Quizz car je trouve cela vraiment top !

Laisser un commentaire