X

Comment créer une porte d'accueil dans WordPress (étape par étape)

Comment créer une porte d'accueil dans WordPress

Voulez-vous créer une porte d'accueil sur votre site web ?

Les portes d'accueil traditionnelles redirigent les utilisateurs vers une nouvelle page, ce qui est mauvais pour le SEO et l'expérience utilisateur.

Nous vous montrerons comment créer un tapis plein écran directement sur votre site web avec lequel les visiteurs peuvent interagir ou simplement fermer. Ces campagnes peuvent vous aider à développer votre liste d'e-mails, à augmenter vos ventes et à améliorer l'engagement sur votre site.

Dans ce tutoriel, vous apprendrez à créer une porte d'accueil plein écran pour votre site en moins de 10 minutes.

Ajouter une porte d'accueil à votre site, c'est facile

Si vous voulez vous démarquer de la foule, vous voudrez créer une porte d'accueil absolument magnifique. Vous voudrez également pouvoir la personnaliser et choisir comment afficher la campagne sur votre site.

Dans ce tutoriel, nous allons vous montrer comment créer une belle campagne comme celle-ci en moins de 10 minutes :

modèle mat plein écran

Derrière ce beau design se cachent des règles de ciblage qui affichent la campagne uniquement aux nouveaux visiteurs. Si une personne a déjà vu ou interagi avec la campagne, elle ne la verra plus jamais. Nous vous montrerons même comment l'afficher uniquement à des dates, heures et lieux spécifiques.

Pour créer une puissante porte d'accueil comme celle-ci, nous utiliserons OptinMonster.

OptinMonster

Nous avons utilisé OptinMonster pour gérer nos propres campagnes et il est très facile à utiliser. Il existe de magnifiques modèles parmi lesquels choisir et un éditeur visuel pour apporter toutes les modifications nécessaires. Vous n'avez jamais besoin d'utiliser de code, et même si vous êtes débutant, vous pourrez apprendre à l'utiliser en un rien de temps.

De plus, OptinMonster est doté de règles de ciblage puissantes pour afficher votre campagne uniquement aux nouveaux visiteurs ou aux visiteurs récurrents. Vous pouvez même choisir d'afficher votre tapis d'accueil par lieu, appareil, date/heure, et bien plus encore.

Cela vous permet de créer des campagnes saisonnières, des offres localisées, et bien plus encore.

Ce que nous aimons, ce sont les éléments optimisés pour la conversion à l'intérieur du constructeur d'OptinMonster tels qu'un compte à rebours, des formulaires intégrés, des bloqueurs de contenu, et bien plus encore.

En savoir plus sur OptinMonster ici. Si vous cherchez à créer une page de destination à la place, vous voudrez peut-être consulter ce tutoriel sur Comment créer une superbe page de destination pour votre site WordPress.

Commençons maintenant notre tutoriel. Voici les étapes que nous allons suivre :

  1. Connecter OptinMonster à votre site
  2. Créer une porte d'entrée plein écran
  3. Personnaliser votre campagne de porte d'entrée
  4. Cibler votre audience
  5. Connecter votre service d'e-mail
  6. Publier la porte d'entrée

Étape 1 : Connecter OptinMonster à votre site

Tout d'abord, inscrivez-vous à OptinMonster, puis installez le plugin OptinMonster dans votre tableau de bord WordPress.

Une fois que vous aurez activé le plugin, il lancera l'assistant de configuration. Suivez les instructions à l'écran pour connecter le plugin à votre compte OptinMonster.

Vous pouvez également connecter votre compte sous l'onglet OptinMonster » Paramètres.

connecter un compte existant dans optinmonster

Cela ouvrira une fenêtre contextuelle pour connecter OptinMonster à WordPress.

connecter optinmonster à wordpress

Si vous êtes connecté à votre compte OptinMonster dans un autre onglet, le plugin détectera automatiquement votre compte et le connectera. Rien de plus n'est nécessaire. Vous verrez un message indiquant que votre compte est connecté.

compte de licence optinmonster connecté

Vous êtes maintenant prêt à créer votre campagne plein écran.

Étape 2 : Créer une porte d'entrée plein écran

Vous pouvez créer des campagnes dans votre compte OptinMonster ou directement dans votre tableau de bord WordPress. Nous vous montrerons comment commencer depuis votre compte OptinMonster car cela vous permettra de créer autant de campagnes que nécessaire et de les connecter à différents sites web.

Dans votre compte, sélectionnez le bouton ‘Créer une nouvelle campagne’.

créer une nouvelle campagne dans optinmonster

Cela ouvrira une fenêtre contextuelle qui vous permettra de choisir entre des modèles, des gabarits ou une toile pour commencer à partir de zéro. Commençons par créer une campagne à l'aide d'un modèle.

commencer à créer votre campagne dans optinmonster

Lorsque vous sélectionnez ‘Modèles’, une bibliothèque de modèles s'ouvrira. Vous verrez des options pour créer différents types de campagnes comme des pop-ups, des barres flottantes, plein écran, intégrées, des glissades et des roues ludiques.

Choisissez Plein écran, puis parcourez les modèles ci-dessous.

choisir un modèle plein écran dans optinmonster

Pour ce tutoriel, nous allons choisir le modèle des fêtes. Lorsque vous choisissez un modèle, vous devez lui donner un nom. Vous pouvez également choisir le site pour lequel vous souhaitez cette campagne.

commencer à construire le tapis de bienvenue dans optinmonster

C'est tout, vous pouvez maintenant commencer à construire la campagne.

Étape 3 : Personnalisez votre campagne de porte d'accueil

Vous devriez maintenant être dans le constructeur de campagnes OptinMonster. Vous verrez un aperçu de votre campagne et une barre de tâches sur la gauche.

Pour apporter des modifications, vous pouvez travailler directement sur l'aperçu. Par exemple, vous pouvez sélectionner le texte dans l'aperçu et le modifier directement, comme ceci :

modifier le tapis plein écran optinmonster

Vous verrez même un éditeur de texte apparaître pour modifier les polices, l'alignement, la couleur du texte, et plus encore.

Besoin de plus d'options ? Changeons le bouton CTA. Cliquez simplement dessus et les options d'édition apparaissent sur la gauche.

modifier le texte dans optinmonster

Vous pouvez personnaliser le texte et l'action qui se produit lorsque l'utilisateur clique dessus. Il existe de nombreuses autres options de personnalisation pour modifier la largeur, l'alignement, la couleur, et plus encore.

Si vous souhaitez ajouter un champ d'optin au lieu d'une option oui/non, vous verrez une option dans la barre de tâches en bas. Si vous cliquez sur Oui/Non, vous pouvez désactiver cette option.

Si vous souhaitez ajouter un nouvel élément comme une image, faites-le simplement glisser depuis le menu de gauche dans votre design. C'est facile, n'est-ce pas ? Vous pouvez modifier votre design en faisant simplement glisser et déposer des éléments où vous le souhaitez.

éditeur optinmonster par glisser-déposer

Lorsque vous ajoutez un bloc d'image, une bibliothèque d'images s'ouvrira. Vous pouvez également accéder à la bibliothèque d'images Unsplash ici avec des millions d'images gratuites.

Si vous organisez une vente à durée limitée ou si vous souhaitez simplement ajouter un sentiment d'urgence à votre campagne, vous pouvez ajouter un compte à rebours au design. En sélectionnant ce champ, vous pouvez choisir votre date et heure pour le compte à rebours. Vous pouvez également choisir de redémarrer automatiquement le compte à rebours une fois qu'il a expiré.

compte à rebours dans optinmonster

Lorsque vous avez terminé de personnaliser le design, enregistrez votre progression en cliquant sur le bouton Enregistrer en haut à droite du constructeur. Nous allons maintenant vous montrer comment cibler votre audience.

Étape 4 : Cibler votre audience

Dans le constructeur OptinMonster, accédez à l'onglet Règles d'affichage. Ici, vous verrez que par défaut, OptinMonster affiche votre campagne après que l'utilisateur a passé 5 secondes sur votre site. Nous allons changer cela.

règles d'affichage dans optinmonster

Vous pouvez choisir de cibler vos utilisateurs différemment. Voici quelques-unes des règles que vous pouvez utiliser :

  • Retargeting® sur site – engagez les utilisateurs qui ont interagi avec une autre campagne
  • Nouveau visiteur – saluez les personnes qui découvrent votre site
  • Au niveau de la page – créez des campagnes ciblées pour des URL spécifiques comme votre page d'accueil
  • Basé sur la localisation – personnalisez l'expérience d'un visiteur en fonction de sa zone géographique
  • Source de référencement – affichez des campagnes aux visiteurs provenant d'un site web ou d'une plateforme de médias sociaux spécifique
  • Basé sur le temps – attendez qu'un visiteur ait passé un certain temps sur une page ou planifiez une date et une heure
  • MonsterLink™ – déclenchez des campagnes lorsqu'un utilisateur clique sur un bouton ou un lien

Il vous suffit de cliquer sur la règle pour l'ajouter. Vous aurez même des options pour personnaliser les paramètres. Il n'est jamais nécessaire de connaître le codage ou d'avoir des connaissances techniques.

Dans le panneau de gauche, vous verrez des options de filtre qui incluent Populaire, Déclencheur, Ciblage, et plus encore. Vous pouvez utiliser ces filtres pour trouver plus rapidement ce que vous cherchez.

Pour la porte de bienvenue, nous définirions les règles suivantes :

  • Le temps passé sur la page est immédiat
  • L'URL actuelle est la page d'accueil
  • Le visiteur est nouveau
Règles d'affichage pour la porte d'accueil

Une fois que vous avez ajouté vos règles de ciblage, nous pouvons passer à l'étape suivante.

Étape 5 : Connectez votre service d'e-mail

OptinMonster vous permet de connecter votre campagne à votre service d'e-mail préféré comme Constant Contact, Drip et Mailchimp. Sous l'onglet Intégrations, choisissez votre fournisseur et suivez les instructions à l'écran pour connecter votre compte.

onglet d'intégration dans optinmonster

Par exemple, si vous souhaitez vous connecter à Constant Contact, cliquez dessus et vous verrez des options pour ajouter le nom de votre compte et le synchroniser.

connecter optinmonster à constant contact

Avec cette intégration, vous pourrez envoyer tous les nouveaux prospects directement à votre compte e-mail. Ils peuvent être étiquetés et segmentés. Cela vous aidera à les ajouter à la bonne liste d'e-mails, comme la newsletter ou les mises à jour de ventes.

Ainsi, par exemple, si vous utilisez OptinMonster pour créer une popup d'inscription afin d'obtenir plus d'abonnés à votre newsletter, vous pouvez choisir à quelle liste vous souhaitez les ajouter.

C'est tout. Assurez-vous de sauvegarder votre design et vous êtes prêt à publier la campagne sur votre site web.

Étape 6 : Publiez la porte de bienvenue

Pour mettre votre campagne en ligne, rendez-vous dans l'onglet Publication. Ici, vous pouvez changer le statut à Publier.

publier la campagne optinmonster

En dessous, vous pouvez choisir sur quel site web vous souhaitez afficher ce tapis de bienvenue.

Puisque vous êtes connecté à WordPress, vous voudrez vous rendre sur votre tableau de bord WordPress. Dans l'onglet OptinMonster » Campagnes, assurez-vous que votre campagne est également définie sur Publiée ici.

publier la campagne optinmonster dans wordpress

Rendez-vous sur votre site web et vous devriez voir la campagne apparaître. Nous vous recommandons de tester en mode incognito ou via un nouveau navigateur avec les cookies et le cache effacés afin de voir la campagne comme un nouveau visiteur.

Avec cela, vous avez appris à créer un tapis de bienvenue ciblé et impressionnant pour votre site. Vous pouvez continuer à créer d'autres campagnes avec OptinMonster.

Besoin de plus de tutoriels à suivre ? Voici ceux que nous pensons vous seront utiles :

Ces guides vous aideront à obtenir plus de prospects, à cibler des audiences locales et à monétiser votre contenu.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !