Comment créer un tapis de bienvenue pour votre site WordPress (+ Exemples)

Publié: 2023-03-18


Voulez-vous ajouter un tapis de bienvenue plein écran à votre site Web ?

Un tapis de bienvenue est une superposition dynamique en plein écran qui peut vous aider à obtenir plus d'abonnés à la newsletter, à télécharger des livres électroniques, à vendre vos produits, etc.

Dans cet article, nous expliquerons comment créer un tapis de bienvenue pour votre site WordPress, ainsi que quelques excellents exemples de tapis de bienvenue à apprendre.

How to create a welcome mat for your WordPress

Pourquoi un tapis de bienvenue peut booster vos conversions

Plus de 70% des visiteurs quittant votre site Web WordPress ne reviendront jamais à moins que vous ne les convertissiez en abonnés ou clients par e-mail.

Un tapis de bienvenue est un grand interstitiel plein écran qui bloque la vue du reste du contenu de votre site Web pour capter l'attention de l'utilisateur.

Cela peut sembler une mauvaise idée, mais c'est un excellent moyen de faire passer immédiatement votre message aux visiteurs.

Si les visiteurs ne veulent pas ce que vous proposez, ils peuvent simplement fermer le tapis de bienvenue.

Bien sûr, vous voudrez donner aux gens une bonne raison de s'inscrire si vous montrez un tapis de bienvenue au lieu d'une fenêtre contextuelle d'intention de sortie, comme un code de réduction ou même un cadeau.

Par exemple, vous avez peut-être vu des magasins de commerce électronique populaires offrir une remise spéciale en utilisant un tapis de bienvenue plein écran avec gamification.

Gamified Spin a Wheel Campaign

Dans d'autres cas, vous avez peut-être vu des blogueurs populaires utiliser un tapis de bienvenue en plein écran pour développer leur newsletter par e-mail.

Goins writer welcome screen mat

Cela étant dit, voyons comment ajouter facilement un tapis de bienvenue à votre site Web.

Comment créer un tapis de bienvenue pour votre site Web

Le moyen le plus simple de créer un tapis de bienvenue dans WordPress consiste à utiliser OptinMonster. C'est le meilleur logiciel de génération de leads au monde et vous permet de créer facilement des formulaires optin, y compris des tapis de bienvenue.

Tout d'abord, vous devrez visiter le site Web d'OptinMonster et créer un compte. Vous aurez besoin au moins du plan de base pour créer des superpositions plein écran.

OptinMonster

Ensuite, vous devrez installer et activer le plugin WordPress OptinMonster. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Le plugin connecte l'application OptinMonster à votre site Web. Une fois que vous avez activé le plugin, vous verrez l'assistant de configuration dans votre tableau de bord WordPress. Allez-y et cliquez sur le bouton "Connecter votre compte existant".

Connecting an OptinMonster account to WordPress

Ensuite, une nouvelle fenêtre s'ouvrira.

Cliquez simplement sur le bouton "Se connecter à WordPress".

Connect OptinMonster to WordPress

Vous êtes maintenant prêt à créer votre tapis de bienvenue.

Créer un tapis de bienvenue pour votre site Web

Vous pouvez vous diriger vers OptinMonster »Campagnes pour créer une nouvelle campagne.

Allez-y et cliquez sur le bouton "Créer votre première campagne" pour commencer à créer votre tapis de bienvenue.

Create first OptinMonster campaign

Une nouvelle fenêtre apparaîtra maintenant dans laquelle vous pourrez sélectionner des modèles prédéfinis ou choisir des campagnes prêtes à l'emploi et des aimants principaux, inspirés par des marques à succès. OptinMonster vous offre également la possibilité d'engager un spécialiste pour personnaliser vos campagnes.

Pour ce tutoriel, nous utiliserons l'option 'Modèles'.

Choose a template or playbook

Cela vous mènera au générateur de campagne OptinMonster.

Ensuite, choisissez "Plein écran" pour votre type de campagne.

Select fullscreen template and campaign

Vous devrez choisir un modèle pour votre campagne. Nous utiliserons le modèle "Entrée", mais vous pouvez en choisir un autre si vous le souhaitez.

Une fois que vous avez sélectionné un modèle, entrez un nom pour votre campagne et cliquez sur le bouton "Démarrer la création".

Click start building

Ensuite, vous pouvez personnaliser votre campagne à l'aide du générateur de glisser-déposer. Vous pouvez changer tout ce que vous voulez ici.

Différents blocs peuvent être ajoutés à la campagne, comme des images, du texte, des boutons, etc. Vous voudrez également modifier le texte pour qu'il corresponde à votre offre.

Customize your fullscreen campaign

Cliquez simplement sur n'importe quel élément et vous verrez que vous pouvez le modifier dans le volet de gauche.

Par exemple, nous allons changer le titre du tapis de bienvenue plein écran pour notre campagne de démonstration.

Edit the text of welcome mat

L'étape suivante consiste à laisser glisser votre tapis de bienvenue. Vous pouvez le faire en cliquant sur l'icône d'engrenage Paramètres en bas à gauche.

À partir de là, vous devez activer l'option "Afficher une diapositive de page ?" possibilité de l'activer.

Display a page slide

Cela signifie que votre tapis de bienvenue glissera du haut de l'écran au lieu de s'estomper.

Ensuite, vous devez passer à la vue "Succès" de votre tapis de bienvenue. C'est ce que vos utilisateurs verront après avoir effectué l'action souhaitée. Si vous le souhaitez, vous pouvez personnaliser la vue de réussite ou utiliser le modèle par défaut.

View the success view of welcome screen mat

Une fois que vous êtes satisfait de votre tapis de bienvenue, vous pouvez configurer son affichage sur votre site.

Afficher le tapis de bienvenue sur votre site WordPress

Vous pouvez définir comment afficher votre fenêtre contextuelle de tapis de bienvenue en passant à l'onglet "Règles d'affichage" dans OptinMonster.

Il existe de nombreuses options de personnalisation et de ciblage telles que l'emplacement des utilisateurs, les articles qu'ils ont dans leur panier de commerce électronique, ce qu'ils ont fait précédemment sur votre site, l'intention de sortie, etc.

Par défaut, les campagnes OptinMonster s'affichent sur toutes les pages de votre site après que le visiteur y ait passé 5 secondes.

Select display rules

Puisqu'il s'agit d'un tapis de bienvenue, vous souhaiterez probablement qu'il s'affiche immédiatement. Modifiez simplement cette valeur à 0 seconde.

Par défaut, le tapis de bienvenue s'affichera sur chaque page de votre site. Vous pouvez facilement inclure ou exclure des pages spécifiques en utilisant les règles de personnalisation d'OptinMonster.

Choose display rules for welcome mat

Vous pouvez cliquer sur le bouton "Étape suivante" lorsque vous avez terminé.

Ensuite, vous verrez plus d'options pour afficher votre campagne. Par exemple, vous pouvez ajouter un effet ou jouer un son lorsque la campagne apparaît sur l'écran d'un utilisateur.

Pour ce didacticiel, nous utiliserons les paramètres par défaut et cliquerons sur le bouton "Étape suivante".

Add effects to campaign

Sur l'écran suivant, vous verrez un résumé de vos paramètres de règles d'affichage.

Vous pouvez modifier les paramètres avant de publier la campagne.

Summary of display rules

Une fois que vous êtes prêt à mettre en ligne votre tapis de bienvenue, allez simplement dans l'onglet "Publier" en haut de l'écran.

Allez-y et modifiez le statut de publication de "Brouillon" à "Publier".

Publish welcome screen campaign

N'oubliez pas de cliquer sur "Enregistrer" pour enregistrer vos modifications et fermer le générateur de campagne.

Ensuite, vous verrez les paramètres de sortie WordPress pour votre campagne. Assurez-vous que votre campagne est publiée.

Si ce n'est pas le cas, cliquez simplement sur le menu déroulant Statut et sélectionnez l'option "Publié". N'oubliez pas de cliquer sur le bouton "Enregistrer les modifications" lorsque vous avez terminé.

Change the status of welcome mat campaign

Pour vérifier votre campagne, vous pouvez visiter votre site Web dans une nouvelle fenêtre de navigateur incognito.

Vous devriez voir votre tapis de bienvenue glisser de manière transparente depuis le haut de votre écran.

Fullscreen welcome mat preview

Exemples de grands tapis de bienvenue

Jetons un coup d'œil à quelques exemples de tapis de bienvenue de différentes industries. Pour chacun, nous passerons en revue ce qu'ils font bien, ainsi que les modifications mineures que nous pourrions suggérer.

1. Singularité

Ce tapis de bienvenue de Singularity a incité les utilisateurs à s'inscrire et à regarder le livestream du Singularity University Global Summit. Il a connu un énorme succès et a capturé plus de 2 000 nouvelles inscriptions par e-mail en moins de 9 jours.

Singularity fullscreen mat preview

Nous aimons particulièrement la grande utilisation du logo, les polices claires et le brillant "Remind Me!" bouton.

2. Goins, écrivain

Ce tapis de bienvenue de Goins, Writer propose un guide gratuit. C'est une offre claire et simple, et le design minimaliste est en harmonie avec le reste du site.

Goins writer welcome screen mat

Nous estimons que les boutons "Oui" et "Non merci" sont clairs et faciles à utiliser, et l'utilisation de chiffres dans le titre constitue une offre convaincante.

3. AVweb

Ce tapis de bienvenue a une grande image claire d'un petit avion. C'est instantanément accrocheur.

Welcome mat example AVweb

Nous aimons la belle image et le clair "Inscrivez-moi!" appel à l'action. Une petite modification possible serait de raccourcir le slogan pour éviter qu'il ne recouvre le haut de l'image.

4. Paysages chargés

Ce tapis de bienvenue de Loaded Landscapes est un peu différent des autres exemples. Le fond est légèrement transparent.

Loaded landscape

On aime l'offre claire et l'enthousiasme du bouton rouge d'appel à l'action. L'arrière-plan du site sous le tapis de bienvenue peut être un peu distrayant, il peut donc être utile de le changer pour qu'il soit complètement opaque.

5. OptimiserMyBnb

Ce tapis de bienvenue a été utilisé sur une page spécifique, qui a été incluse sous forme de lien cliquable dans un livre que le propriétaire du site Web a vendu par l'intermédiaire de détaillants tiers. Cependant, ces détaillants n'ont pas transmis les détails des clients. L'utilisation d'un tapis de bienvenue de cette manière a permis de capturer les adresses e-mail des clients.

Optimize your Airbnb thank you

Nous pensons que le titre, le sous-titre et le texte d'appel à l'action très clairs ont tous bien fonctionné, et que le bouton "non, merci" est bien utilisé pour donner à l'utilisateur le sens de FOMO.

Il existe des dizaines d'autres exemples de tapis de bienvenue en plein écran que vous pouvez voir, mais nous ne les avons pas tous ajoutés dans ce guide.

Si vous cherchez plus d'inspiration, voici certaines choses que vous pouvez faire avec un tapis de bienvenue plein écran :

  • Présenter une offre ou un coupon ciblé
  • Présenter de nouveaux produits et services
  • Faites savoir aux visiteurs à quoi s'attendre du site
  • Gagnez de nouveaux abonnés en mettant en avant leur meilleur contenu
  • Dirigez les visiteurs vers leurs profils de médias sociaux
  • Collecter les abonnés aux e-mails dans le cadre d'une phase de pré-lancement

Si vous souhaitez sérieusement améliorer les conversions de votre site Web, alors les interstitiels de bienvenue et même de sortie en plein écran sont parmi les éléments de conversion les plus élevés que vous pouvez ajouter à votre site Web.

Nous espérons que cet article vous a aidé à apprendre à créer un tapis de bienvenue pour votre site Web et que vous avez trouvé les exemples inspirants. Vous pouvez également consulter notre comparaison des meilleurs services de marketing par e-mail et notre liste des plugins WordPress indispensables.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.