Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez ajouter un tapis de bienvenue plein écran à votre site ?

Un tapis de bienvenue est une superposition dynamique en plein écran qui peut vous aider à obtenir davantage d’abonnés/abonnées à votre newsletter, de téléchargements d’eBooks, de ventes de vos produits, et bien plus encore.

Dans cet article, nous allons vous expliquer comment créer un tapis de bienvenue pour votre site WordPress, ainsi que quelques exemples de tapis de bienvenue dont vous pourrez vous inspirer.

How to create a welcome mat for your WordPress

Pourquoi un tapis d’accueil peut booster vos conversions

Plus de 70 % des visiteurs qui quittent votre site WordPress ne reviendront jamais, à moins que vous ne les convertissiez en abonnés/abonnés e-mail ou en clients/clientes.

Un tapis de bienvenue est un interstitiel de grande taille, en plein écran, qui bloque la vue du reste du contenu de votre site afin de 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 internautes.

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

Bien entendu, si vous affichez un tapis de bienvenue au lieu d’une fenêtre surgissante à intention de sortie, vous devez donner aux utilisateurs une bonne raison de s’inscrire, par exemple un code de remise ou même un cadeau.

Par exemple, vous avez peut-être vu des magasins d’e-commerce populaires proposer une remise spéciale à l’aide d’un tapis de bienvenue en 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 lettre d’information par e-mail.

Par exemple, vous pouvez proposer un guide ou un fichier PDF gratuit en échange de l’adresse e-mail du compte.

Goins writer welcome screen mat

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

Comment créer un tapis de bienvenue pour votre site

La façon la plus simple de créer un tapis de bienvenue dans WordPress est d’utiliser OptinMonster. C’est le meilleur logiciel de génération de prospects au monde et il vous permet de créer facilement des formulaires d’optin, y compris des tapis de bienvenue.

Vous pouvez lire notre Avis OptinMonster terminé pour plus de détails.

Tout d’abord, vous devez vous rendre sur le site d’OptinMonster et ouvrir un compte. Vous aurez besoin au moins de l’offre Basic pour créer des superpositions en plein écran.

OptinMonster

Ensuite, vous devrez installer et activer l’extension WordPress OptinMonster. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

L’extension connecte l’application OptinMonster à votre site. Une fois que vous avez activé l’extension, 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

Une nouvelle fenêtre s’ouvre alors.

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 d’accueil pour votre site

Vous pouvez vous rendre sur OptinMonster  » Campagnes pour créer une nouvelle campagne.

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 s’affiche alors, dans laquelle vous pouvez sélectionner des modèles prédéfinis ou choisir des campagnes et des lead magnets prêts à l’emploi, inspirés de marques bien connues. OptinMonster vous offre également la faculté de faire appel à un spécialiste pour personnaliser vos campagnes.

Pour ce tutoriel, nous utiliserons l’option « Modèles ».

Choose a template or playbook

Vous accéderez ainsi au Constructeur de campagne d’OptinMonster.

Choisissez ensuite « Plein écran » pour votre type de campagne.

Select fullscreen template and campaign

Vous devez 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 le Modèle sélectionné, saisissez un nom pour votre campagne et cliquez sur le bouton « Commencer la Version ».

Click start building

Ensuite, vous pouvez personnaliser votre campagne à l’aide du client/cliente Constructeur. Vous pouvez y apporter toutes les modifications que vous souhaitez.

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 un élément et vous verrez que vous pouvez le modifier dans le volet de gauche.

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

Edit the text of welcome mat

L’étape suivante consiste à laisser glisser votre tapis de bienvenue. Pour ce faire, cliquez sur l’icône de l’engrenage des Réglages en bas à gauche.

À partir de là, vous devez permuter l’option « Afficher une diapositive de page » pour l’activer.

Display a page slide

Cela signifie que votre tapis de bienvenue sera diapositif depuis le haut de l’écran au lieu de s’effacer dans la vue.

Ensuite, vous devez passer à la vue  » Succès  » de votre tapis de bienvenue. C’est ce que vos utilisateurs/utilisatrices 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 surgissante de bienvenue en passant à l’onglet  » Réglages d’affichage  » dans OptinMonster.

Il existe de nombreuses options de personnalisation et de ciblage comme l’Emplacement des utilisateurs, les articles qu’ils ont dans leur panier e-commerce, ce qu’ils ont fait précédemment sur votre site, l’intention de sortie, et plus encore.

Par défaut, les campagnes OptinMonster s’affichent sur toutes les pages de votre site après 5 secondes de présence de l’internaute.

OptinMonster display rule

Comme il s’agit d’un tapis de bienvenue, vous voudrez probablement qu’il s’affiche immédiatement. Il suffit de modifier cette valeur pour qu’elle soit de 0 seconde.

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

Go to actions tab

Vous pouvez cliquer sur le bouton « Terminé ? Passer aux actions » lorsque vous avez terminé.

Vous trouverez ensuite d’autres options d’affichage de votre campagne. Par exemple, vous pouvez ajouter un effet ou jouer un son lorsque la campagne apparaît sur l’écran d’un compte.

Pour ce tutoriel, nous utiliserons les réglages par défaut.

Add MonsterEffects and animations

Si vous défilez vers le bas, vous verrez les Réglages des Cookies pour votre campagne.

Par exemple, vous pouvez afficher à nouveau votre campagne si un compte a déjà converti après un certain nombre de jours. De même, il existe des options pour afficher à nouveau la campagne aux personnes qui ont fermé la fenêtre surgissante ou qui l’ont vue mais n’ont pas converti.

Edit cookie settings in OptinMonster

L’écran suivant présente un résumé des réglages des règles d’affichage.

Vous pouvez modifier les réglages avant de publier la campagne.

View summary of your campaign

Une fois que vous êtes prêt à mettre en direct votre tapis de bienvenue, il vous suffit de vous rendre sur l’onglet « Publier » en haut de l’écran.

Allez-y et modifiez l’état de publication de « brouillon » à « publier ».

Publish welcome screen campaign

N’oubliez pas de cliquer sur « Enregistrer » pour stocker vos modifications et fermer le Constructeur de campagne.

Ensuite, vous verrez les Réglages de sortie WordPress pour votre campagne. Confirmez que votre campagne est publiée.

Si ce n’est pas le cas, il vous suffit de cliquer sur le menu déroulant « État » et de sélectionner l’option « Sélectionné ». 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 dans une nouvelle fenêtre de navigateur incognito.

Vous devriez voir votre tapis de bienvenue diapositive en haut de votre écran.

Fullscreen welcome mat preview

Exemples de tapis d’accueil

Examinons quelques exemples de tapis d’accueil dans différents secteurs d’activité. Pour chacun d’entre eux, nous passerons en revue les points forts et les modifications mineures que nous pourrions suggérer.

1. Singularité

Ce tapis de bienvenue de Singularity a incité les utilisateurs/utilisatrices à s’inscrire et à regarder le livestream du sommet mondial de la Singularity University. L’opération a été bien accueillie et a permis d’enregistrer plus de 2 000 nouveaux e-mails en moins de 9 jours.

Singularity fullscreen mat preview

Nous apprécions particulièrement l’utilisation judicieuse du logo, les polices de caractères claires et le bouton lumineux « Remind Me !

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 accord avec le reste du site.

Goins writer welcome screen mat

Nous pensons que les boutons « Oui » et « Non merci » sont clairs et faciles à utiliser, et que l’utilisation de chiffres dans le titre rend l’offre attrayante.

3. AVweb

Ce tapis d’accueil présente une image large et claire d’un petit avion. Il attire immédiatement l’attention.

Welcome mat example AVweb

Nous apprécions l’image et l’appel à l’action « Inscrivez-vous ». Un petit ajustement possible serait de raccourcir le slogan pour éviter qu’il ne couvre le haut de l’image.

4. Paysages chargés

Ce tapis de bienvenue de Loaded Landscapes est un peu différent des autres exemples. L’arrière-plan est légèrement transparent.

Loaded landscape

Nous apprécions la clarté de l’offre et l’enthousiasme du bouton rouge d’appel à l’action. L’arrière-plan du site sous le tapis de bienvenue pourrait être un peu gênant, il serait donc intéressant de le modifier pour qu’il soit totalement opaque.

5. OptimiserMyBnb

Ce tapis de bienvenue était utilisé sur une page spécifique, qui était incluse sous forme de lien cliquable dans un livre que le propriétaire du site vendait par l’intermédiaire de détaillants tiers. Ces derniers ne transmettaient toutefois pas les coordonnées des clients/clientes. L’utilisation d’un tapis de bienvenue de cette manière a aidé à personnaliser les adresses e-mail des clients/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 « Aucun, merci » est bien utilisé pour donner à l’utilisateur un sentiment de FOMO.

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

Si vous êtes en quête d’inspiration, voici quelques exemples de ce que vous pouvez faire avec un tapis de bienvenue plein écran :

  • Présenter une offre ou un coupon ciblé
  • Présenter les nouveaux produits et services
  • Indiquer aux internautes ce qu’ils peuvent attendre du site
  • Gagner de nouveaux abonnés/abonnées en mettant en avant leur meilleur contenu.
  • Orienter les internautes vers leurs profils de réseaux sociaux.
  • Collecter des abonnés/abonnées e-mail dans le cadre d’une phase de prélancement.

Si vous souhaitez vraiment améliorer les conversions sur votre site, les tapis de bienvenue et les interstitiels plein écran de sortie comptent parmi les éléments les plus performants que vous puissiez ajouter à votre site.

Nous espérons que cet article vous a aidé à apprendre comment créer un tapis de bienvenue pour votre site et que vous avez trouvé les exemples inspirants. Vous pouvez également consulter notre comparatif des meilleurs services de marketing e-mail, ainsi que notre liste des extensions WordPress incontournables.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

3 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      All of our tutorials are for WordPress.org sites, WordPress.com has limitations on what plugins are available and this is not an option on WordPress.com to our knowledge at this time.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.