Comment créer un tapis de bienvenue affamé de conversion pour votre site WordPress

Publié: 2016-07-01

Qu'est-ce que c'est? Vous craignez que votre site WordPress ne convertisse pas assez bien ?

Pensez-vous que les gens ne comprennent pas complètement ce qu'est votre site lorsqu'ils arrivent sur la page d'accueil, ou sur n'importe quelle page d'ailleurs ?

Dans ce cas, vous avez besoin d'un tapis de bienvenue.

Je sais je sais. Cela ressemble à un autre plugin qui va encombrer votre site, mais croyez-moi, c'est un élément essentiel pour lancer votre présence en ligne à de nouveaux niveaux. Et c'est gratuit.

Quelle est la grande idée d'avoir un tapis de bienvenue sur votre site WordPress ?

Pour commencer cette conversation, il est bon de regarder quelques exemples de tapis de bienvenue d'individus et d'organisations qui les utilisent. Nous avons choisi parmi certains sites plutôt populaires pour montrer que les blogueurs, les magasins en ligne et les autres entreprises les plus performants savent que les conversions sont plus susceptibles de se produire lorsqu'ils utilisent un tapis de bienvenue.

Pour commencer, nous avons la page d'accueil de QuickSprout, qui présente un tapis de bienvenue demandant les URL des utilisateurs. Il s'agit d'une approche unique du tapis de bienvenue, car il essaie d'amener les gens dans un entonnoir de vente où QuickSprout accède aux données d'analyse des utilisateurs pour les aider à l'avenir.

Tapis de bienvenue QuickSprout

Le prochain tapis de bienvenue se trouve sur le site Web de Jeff Goins, où il explique en quoi consiste le site Web, tout en demandant également une adresse e-mail.

Tapis de bienvenue Jeff Goins

Michael Hyatt a un tapis de bienvenue similaire, mais il énumère ses réalisations (renforcement de la crédibilité) tout en fournissant un bouton permettant aux gens de télécharger un guide gratuit pour gagner du temps sur une semaine de travail.

Tapis de bienvenue Michael Hyatt

Enfin, la société SumoMe (créateur du plugin de tapis de bienvenue que nous allons utiliser) demande une URL de site pour analyser comment les utilisateurs peuvent améliorer le trafic de leur site.

Tapis de bienvenue de la société SumoMe

Vous remarquerez quelques zones similaires dans chacun des tapis de bienvenue :

  • Ils ont tous une quantité minimale de texte.
  • Ils fournissent tous des éléments visuels.
  • Chacun d'eux occupe tout l'écran d'accueil.
  • Chaque tapis de bienvenue essaie d'accomplir quelque chose (qu'il s'agisse d'acquérir des adresses e-mail, des URL, etc.)
  • Le texte de l'appel à l'action est inclus avec des en-têtes en gras et de courtes descriptions.

Alors, quelle est la grande idée des tapis de bienvenue ? Quel est l'intérêt de les avoir sur votre site Web ?

Tout d'abord, ils ont fait leurs preuves pour booster vos conversions, quelles qu'elles soient. Cependant, ils vous encouragent également, en tant que webmaster, à avoir un objectif avec votre page d'accueil. Si vous gérez simplement un blog sans but, vous ne pouvez pas vous attendre à obtenir beaucoup de succès.

Il est donc essentiel de déterminer si vous souhaitez que les gens partagent votre page sur les réseaux sociaux, transmettent leurs adresses e-mail, téléchargent un article gratuit ou achètent un produit.

Le tapis de bienvenue sert à décrire immédiatement ce à quoi les utilisateurs peuvent s'attendre sur votre site Web, tout en accumulant des informations auprès des parties intéressées.

L'un des arguments les plus courants contre le fait d'avoir un tapis de bienvenue est qu'il semble que cela gênerait les utilisateurs. Bien sûr, cela peut être le cas, mais c'est un petit prix à payer pour le nombre de conversions qu'il accumule pour vous.

Comment un tapis de bienvenue peut-il améliorer vos conversions ?

Le tapis de bienvenue est simplement un autre terme pour un écran de démarrage plein écran, un module contextuel ou même une page de destination plus simplifiée.

Même si les visiteurs du site Web signalent qu'ils préfèrent ne pas avoir à X-out d'un tapis de bienvenue ou d'un écran de démarrage, les sites Web signalent généralement un doublement ou un triplement des conversions lors de la mise en œuvre d'un.

C'est une énorme amélioration, et si quelqu'un est tellement découragé par un tapis de bienvenue qu'il ne revient plus jamais sur votre site, il n'allait probablement pas devenir l'un de vos VIP en premier lieu.

Comment créer un tapis de bienvenue pour votre propre site WordPress

Vous trouverez quelques options pour les tapis de bienvenue, les fenêtres contextuelles de formulaire d'inscription par e-mail et d'autres plugins similaires, mais nous allons utiliser la solution SumoMe Welcome Mat pour ce didacticiel.

Pourquoi? Pour plusieurs raisons :

  • C'est entièrement gratuit. (Avec une version premium en option)
  • Il peut doubler, voire tripler, votre taux de conversion.
  • La conception est entièrement personnalisable.
  • Les tests A/B sont une option.
  • Une assistance mobile est également fournie.

Bonus : [thrive_2step id='878′] Cliquez ici pour télécharger une copie papier [/thrive_2step] de ce guide de tapis de bienvenue SumoMe simple, étape par étape, et enregistrez-le facilement au format PDF ou imprimez-le pour une utilisation ultérieure.

Étape 1 : Téléchargez l'application SumoMe Welcome Mat et installez-la

Page de téléchargement du tapis de bienvenue SumoMe

Cliquez sur ce lien pour naviguer vers la page d'accueil SumoMe Welcome Mat. Cette zone explique de nombreuses fonctionnalités et avantages du tapis de bienvenue, alors n'hésitez pas à le parcourir si vous le souhaitez.

Sélectionnez le gros bouton vert Essayer gratuitement.

Cela fait apparaître une fenêtre contextuelle qui vous invite à saisir l'URL de votre site, votre adresse e-mail et votre nouveau mot de passe. Assurez-vous d'utiliser une vraie adresse e-mail et assurez-vous que votre mot de passe est fort pour que personne ne puisse y accéder. La dernière chose que vous voulez, c'est qu'un pirate modifie le message qui accueille les gens sur votre site.

SumoMe - Démarrez en 37 secondes

Une fois toutes vos informations renseignées, cliquez sur le bouton S'inscrire.

L'écran suivant peut vous surprendre, car il semble que vous deviez payer pour un forfait. Les trois plans SumoMe sont assez solides et vous pouvez tous les tester avec l'essai de 14 jours. Cependant, la plupart des outils Welcome Mat sont fournis avec la version gratuite, alors cliquez sur le bouton tout en bas de la page. Il se lit "Ou continuez simplement avec SumoMe gratuit".

Plans SumoMe - Continuez avec SumoMe gratuit

La dernière étape d'installation vous oblige à copier et coller un peu de code dans le <head> du code HTML de votre site. Vous avez également la possibilité de passer par l'installation WordPress en un clic, que vous pouvez voir juste en dessous du code.

Installation du code SumoMe

Bien que ce didacticiel couvre l'installation de WordPress, SumoMe propose également des installations en un clic pour les plates-formes suivantes :

  • Espace carré
  • Gestionnaire de balises Google
  • Shopify
  • Weebly
  • Tumblr
  • Blogueur

Comme indiqué, copier le code dans le <head> de votre HTML est une option, mais cela ne sert vraiment à rien étant donné que vous avez un chemin beaucoup plus facile avec l'installation en un clic.

Par conséquent, cliquez sur le bouton WordPress.

Sélectionnez le bouton Installer SumoMe.

Installer SumoMe

Note latérale : Si vous préférez installer le plugin SumoMe vous-même, n'hésitez pas à le télécharger ici.

Après avoir sélectionné le bouton Installer SumoMe, cela vous redirige vers le backend de votre site WordPress. Vous devrez peut-être vous connecter au tableau de bord.

Sélectionnez le bouton Installer maintenant, puis cliquez sur Activer le plugin sur la page suivante.

Bouton Installer maintenant

Toutes nos félicitations! L'ensemble du plugin SumoMe est maintenant installé et activé sur votre tableau de bord.

Étape 2 : enregistrez votre compte SumoMe et installez la bonne application

Si vous regardez sur le côté gauche de votre tableau de bord WordPress, vous remarquerez un nouvel onglet SumoMe sur la barre des tâches. Cliquez dessus.

Plusieurs étapes vous sont présentées, mais vous n'êtes pas obligé de les suivre. Allez sur le côté droit de l'écran et faites défiler l'écriture bleue qui dit Cliquez ici pour configurer SumoMe. Cela révèle une couronne bleue qui défile sur le côté. Sélectionnez cette couronne.

Cliquez ici pour configurer SumoMe Capture d'écran

Puisque vous avez déjà créé un compte SumoMe sur leur site Web, connectez-vous à votre compte avec votre adresse e-mail et votre mot de passe.

Capture d'écran de connexion SumoMe

Appuyez ensuite sur le bouton Connexion.

Activer la capture d'écran du site

Utilisez le menu déroulant pour localiser le site que vous souhaitez activer. Cliquez ensuite sur le bouton Activer maintenant.

Cela fait apparaître un module avec quelques options. Vous pouvez modifier vos paramètres si vous le souhaitez, mais le bouton principal que vous voudrez appuyer en ce moment est le Sumo Store. C'est ici que vous pouvez activer certaines des différentes applications SumoMe disponibles.

Capture d'écran de la boutique SumoMe

Une fois dans la boutique Sumo, vous verrez l'option gratuite Welcome Mat en haut. Après ce didacticiel, vous pourrez tester certaines des autres applications telles que :

  • Générateur de liste
  • Boîte de défilement
  • Barre intelligente
  • Courriel Pro
  • Cartes thermiques
  • Surligneur
  • Welcome Mat Pro (Si vous recherchez plus de fonctionnalités avec le Welcome Mat)

Cependant, pour le moment, tout ce que vous avez à faire est de cliquer sur l'icône gratuite Welcome Mat.

Cliquez sur l'icône gratuite Welcome Mat

Sélectionnez le bouton bleu gratuit à l'extrême droite de la nouvelle page.

Sélectionnez le bouton bleu gratuit

Après cela, un court message devrait apparaître indiquant que le tapis de bienvenue a été installé sur votre site Web.

Étape 3 : Concevez votre tapis de bienvenue

Quittez la page d'installation et revenez au module d'accueil de SumoMe. Cliquez sur la nouvelle icône Welcome Mat pour continuer.

Cliquez sur la nouvelle icône Welcome Mat pour continuer

Une autre fenêtre contextuelle peut se révéler pour essayer de vous faire payer l'un des plans. Ignorez cela en continuant avec le tapis de bienvenue gratuit. Vous verrez maintenant une page avec plusieurs onglets sur le côté gauche. L'interrupteur rouge indique que le tapis de bienvenue n'est pas encore en ligne sur votre site.

Allez dans l'onglet Conception. Sélectionnez l'un des modèles pour votre conception. Gardez à l'esprit que la plupart des modèles ne sont fournis qu'avec la version payante. Cependant, vous pouvez effectuer de solides personnalisations pour répondre à vos besoins en matière de marque grâce à la version gratuite.

Allez dans l'onglet Conception et sélectionnez l'un des modèles

Bien que certaines des fonctionnalités les plus avancées (comme les images d'arrière-plan personnalisées) soient des options premium, vous pouvez configurer les zones suivantes pour donner au tapis de bienvenue l'apparence que vous souhaitez :

  • Couleur de l'arrière plan
  • Image de fond
  • Titre
  • Texte
  • Polices
  • Couleurs
  • Texte du champ de saisie
  • Bouton d'option
  • Bouton de désactivation
  • Bouton Fermer

N'oubliez pas : le système dispose d'une vue mobile dans laquelle vous pouvez basculer. Testez ceci avant de mettre en ligne votre tapis de bienvenue.

Tester en vue mobile

Enfin, après avoir modifié quelque chose sur chacun de ces onglets, assurez-vous de cliquer sur le bouton Enregistrer en bas à droite du module contextuel. Sinon, rien n'est enregistré lorsque vous passez à l'onglet suivant.

Étape 4 : Personnalisez les champs

Il s'agit d'une fonctionnalité premium, mais cela vaut la peine d'être examiné si vous envisagez d'emprunter cette voie. La plupart des webmasters voudront simplement saisir une adresse e-mail des utilisateurs lorsqu'ils atterriront sur votre site Web. Cependant, vous avez la possibilité de demander des éléments tels que des noms, des numéros de téléphone, des URL ou même des adresses physiques.

Personnalisez les champs

Pour ce faire, sélectionnez le bouton Ajouter un champ et spécifiez le type de champ que vous souhaitez créer. Vous avez la possibilité de rendre le champ obligatoire, ainsi que les paramètres des noms de champ et de variable.

Étape 5 : rendez votre tapis de bienvenue moins ennuyeux

Comme nous en avons discuté ci-dessus, certains utilisateurs peuvent trouver un tapis de bienvenue un peu ennuyeux. Donc, c'est bien de ne pas montrer le message du tapis de bienvenue aux personnes qui l'ont déjà vu.

Sélectionnez l'onglet Comportement et choisissez la durée pendant laquelle vous ne souhaitez PAS afficher le tapis de bienvenue pour un visiteur qui l'a déjà vu. Par exemple, vous pouvez le supprimer pendant un mois si un utilisateur a décidé de l'ignorer une fois. Après ce mois, il réapparaît pour tenter de récupérer à nouveau cette précieuse adresse e-mail.

Rendez votre tapis de bienvenue moins ennuyeux

Cette page contient également des outils pratiques pour les éléments suivants :

  • Afficher ou non le tapis si quelqu'un est déjà abonné
  • Suppression de la possibilité de faire défiler le tapis de bienvenue (le transformant essentiellement en une page de destination permanente)
  • Redirection vers une autre URL après un abonnement
  • Recevoir une notification lorsqu'une personne s'abonne à votre liste

Appuyez sur le bouton Enregistrer après avoir terminé cette étape.

Étape 6 : Connectez-vous à votre service de messagerie

De nombreuses autres fonctionnalités sont incluses dans la solution SumoMe. Par exemple, vous pouvez gérer les tests A/B, les règles d'affichage, le code personnalisé et les pixels de suivi. Cependant, le dernier onglet essentiel s'appelle Services.

Connectez-vous avec votre service de messagerie

Étant donné que vous devez disposer d'un service de messagerie pour collecter vos e-mails, nous vous recommandons de cliquer sur l'une des options. Ils ont des services comme MailChimp, AWeber et Constant Contact. Vous devez avoir l'un de ces comptes déjà configuré, car il s'agit simplement d'un processus en un clic où vous saisissez vos informations de connexion.

Étape 7 : Activez le tapis de bienvenue

Une fois que vous avez développé le tapis de bienvenue parfait, accédez au petit interrupteur dans le coin supérieur gauche et cliquez dessus. Cela le rend vert et affiche un message actif. Enfin, rendez-vous sur le frontend de votre site pour voir à quoi il ressemble. Nous vous recommandons de le tester pour voir si l'outil de collecte d'e-mails fonctionne pour vous. Sinon, félicitations pour avoir créé votre premier tapis de bienvenue !

Activer le tapis de bienvenue

Bonus : [thrive_2step id='878′] Cliquez ici pour télécharger une copie papier [/thrive_2step] de ce guide de tapis de bienvenue SumoMe simple, étape par étape, et enregistrez-le facilement au format PDF ou imprimez-le pour une utilisation ultérieure.

Quels sont les autres applications et plugins sympas pour un tapis de bienvenue ?

Bien que tous ne soient pas spécifiquement conçus comme des tapis de bienvenue, ils fonctionnent comme des popups d'abonnement par e-mail, des appels à des actions et des pages de compression, permettant un accueil ultime sur votre site Web.

  • Générer des prospects

  • OptinMonster

  • LeadPages

Avez-vous des questions sur les tapis de bienvenue pour WordPress ?

Apprendre à créer un tapis de bienvenue pour votre site WordPress présente de nombreux avantages, notamment la possibilité de présenter ce que les gens peuvent gagner de votre site, tout en améliorant vos conversions. La meilleure partie est que vous n'avez pas à payer avec SumoMe à moins que vous ne vouliez vraiment commencer à améliorer vos options de personnalisation. Même alors, c'est sacrément abordable.

Si vous avez des questions sur la fabrication de votre propre tapis de bienvenue, n'hésitez pas à nous laisser un message dans la section commentaires ci-dessous. Sinon, dites-nous ce que vous pensez de SumoMe et de l'outil de tapis de bienvenue.