9 meilleures pratiques de conception de popup qui incitent les clients à acheter

Publié: 2022-06-29

Il y a encore beaucoup de controverse autour des pop-ups. Certaines personnes ne les aiment pas, tandis que d'autres aiment les utiliser. Mais une chose est sûre, les popups se convertissent, et ils sont là pour rester !

Les popups - s'ils sont utilisés correctement - sont difficiles à ignorer, et sont donc le meilleur moyen d'inciter les visiteurs nouveaux ou récurrents à agir sur votre appel à l'action (CTA).

La bonne nouvelle est que vous n'avez pas besoin d'être un expert dans le domaine, créer la meilleure conception de popup pour interagir avec plus de visiteurs et améliorer votre expérience utilisateur.

Il existe certaines règles et pratiques que vous pouvez suivre pour faire une bonne campagne popup.

popup-design-best-practices-cover-showing-two-popup-overlays

Un guide des meilleures pratiques de conception de popups

En suivant les meilleures pratiques de conception de popups et en utilisant une application de création de popups fiable, il est assez facile de créer des popups très attrayants pour votre marque/magasin.

C'est pourquoi nous partageons avec vous les neuf meilleures pratiques pour concevoir un popup à la fois visuellement attrayant et persuasif. De plus, nous avons inclus quelques exemples de conceptions de pop-up de différentes marques pour montrer comment les conseils fonctionnent en action.

9 conseils pour augmenter les taux de conversion à l'aide de conceptions de popup efficaces

Si vous vous demandez comment améliorer la conception de votre popup, augmenter votre taux de conversion et la croissance de votre entreprise, voici quelques conseils utiles pour commencer :

1. Identifiez vos objectifs et passez à l'action

simpson-character-opening-life-goal-notebook-to-see-the-goals

Tout d'abord, vous devez déterminer quels sont vos objectifs . La vérité est que vos conceptions de popup ne peuvent pas être précises si vous ne savez pas ce que vous attendez d'eux.

Il est important de connaître vos objectifs commerciaux avant de commencer à concevoir votre popup afin que la conception puisse être alignée sur eux.

Vous devez identifier vos objectifs et agir en conséquence.

  • Augmentation des ventes.
  • Liste de diffusion croissante.
  • Promotion du produit/service.
  • Réduction des abandons de panier.

Vous pouvez avoir des objectifs différents pour chaque fenêtre contextuelle, mais suivez certaines tactiques pour les optimiser afin d'obtenir le meilleur résultat.

Dans cet article, nous passerons en revue chacune de ces tactiques et donnerons quelques conseils pour les mettre en œuvre le plus efficacement possible dans vos popups, alors allons-y !

2. Assurez-vous que votre appel à l'action est accrocheur

Rendez-le simple mais intrigant!

Votre appel à l'action (CTA) est la clé de la conversion en matière de conception de popup.

C'est la partie de votre popup qui encourage les clients à effectuer une action spécifique, comme entrer leur adresse e-mail ou ajouter un produit à leur panier.

Qu'est-ce qu'un bouton d'appel à l'action ?

Si le CTA n'est pas accrocheur, vos prospects l'ignoreront très probablement, ce qui va à l'encontre de l'objectif d'utiliser des popups en premier lieu. Par exemple, la conception contextuelle de ce Hubspot faisant la promotion de son blog est un bon exemple d'appel à l'action simple mais accrocheur.

Hubspot-email-listing-Popup-example-for-CTA-as-Popup-Design-Best-Practices

Il y a quelques choses que vous pouvez faire pour vous assurer que votre CTA se démarque :

  • Utilisez un bouton à la place du texte ; Les boutons sont faciles à voir et se détachent sur la couleur de fond.
  • Inclure des animations ou des animations graphiques ; Cela engagera les visiteurs et les encouragera à agir.
  • Soyez bref ; Ajoutez des mots incitant à l'action pour vous assurer que les visiteurs du site savent exactement ce que vous voulez qu'ils fassent.
  • Assurez-vous que le bouton ou le lien est facile à trouver ; Vous ne voulez pas que les visiteurs aient à le rechercher.
  • Ajouter urgence ; l'utilisation de phrases telles que "maintenant" ou "aujourd'hui seulement" peut créer de l'urgence et du FOMO.

3. Soyez bref mais persuasif avec votre copie

Dites peu mais dites-le bien !

Puisque vous ne disposez que de quelques secondes pour impressionner votre visiteur , la brièveté est essentielle pour une conception de popup réussie.

Soyez persuasif avec votre copie; Concentrez-vous sur les avantages de votre produit ou service et utilisez des mots puissants pour capter l'attention.

Tirez parti de la preuve sociale et de l'engagement communautaire pour renforcer votre message et soyez clair sur ce que vous proposez.

Avec une conception de popup bien conçue, vous pouvez convaincre les gens d'agir et d'améliorer votre taux de conversion.

Voici un exemple de popup bref et convaincant de Lego. Une popup de navigation qui s'affiche lors de votre première visite sur son site vous invite à vous rendre sur la e-boutique ou la zone de jeu.

Brief-Lego-popup-design-navigating-users-to-two-different-sections-of-the-website-with-two-CTA

Pas de soldes, seulement des infos utiles et un bref message ! De plus, bien que les CTA soient différents, ils sont accrocheurs et servent le même objectif d'indiquer la direction.

4. Appliquez un contraste pour attirer davantage l'attention sur votre message

L'une des meilleures façons de vous assurer que votre conception de popup est vue et mise en œuvre est d' appliquer un contraste .

Utilisez des couleurs qui s'opposent sur la roue chromatique pour faire ressortir l'élément le plus important de votre popup auprès de vos spectateurs.

ultra-beauty-contrasting-floating-bar-pink-popup-design-best-practices

Un excellent exemple de cette technique en action est le popup de barre flottante Ultra Beauty.

La couleur rose de ce popup contraste avec le fond blanc du site tout en étant en harmonie avec le style du site. En outre, le titre "Ne manquez pas le plaisir!" est bref mais déclenchant.

Donc, si vous voulez vous assurer que les gens voient votre message, pensez à utiliser une couleur contrastante pour votre bouton d'appel à l'action ou l'ensemble de votre popup.

C'est peut-être la différence entre attirer l'attention et être ignoré !

5. Utilisez des images créatives et tirez-en le meilleur parti

Tirez le meilleur parti de l'espace dont vous disposez en ajoutant des images pertinentes et différentes formes dans vos popups. En fait, plus un popup est unique, plus il est susceptible de se démarquer. Voici un exemple de fenêtre contextuelle de notification de réponse COVID-19 utilisant des images connexes et accrocheuses :

covid-popup-design-montrant-l-image-visruse-et-un-bon-CTA

L'utilisation d'images et de graphiques connexes est un excellent moyen d'attirer l'attention et est généralement efficace pour amener les gens à remarquer votre popup.

Voici quelques bonnes idées pour utiliser des images dans vos popups :

  • Images liées au message que vous souhaitez envoyer
  • Images de vos produits.
  • Les personnes qui représentent votre public cible ou votre client idéal.
  • Affichage de vos produits utilisés.

6. Adaptez la conception de votre popup au style de votre site Web

Les popups peuvent vous aider à attirer l'attention des gens sur votre message s'ils sont bien conçus. Cependant, vous devez le faire avec style !

Faire correspondre le design de votre popup au style général de votre site web est essentiel pour l'identité de votre marque.

Ce faisant, la fenêtre contextuelle apparaîtra plus soignée et se démarquera du reste du contenu de vos pages.

À l'aide d'Adobe Color, vous pouvez créer une conception contextuelle correspondante. Vous pouvez télécharger une capture d'écran de votre site Web ou de la page sur laquelle la fenêtre contextuelle apparaîtra, et Adobe Color suggère simplement des couleurs qui fonctionneront avec votre site.

Ensuite, vous pouvez incorporer ces couleurs dans la conception de votre popup pour créer un look cohérent.

popupsmart-popup-design-matching-popup-to-site-style-showing-team-members-smiling-and-inviting-the-user-to-book-a-demo

Ceci est un exemple de pop-up d'intention de sortie de Popupsmart ciblant parfaitement les clients potentiels et correspondant à l'identité de la marque et au style du site Web.

La solution de création de popups Popupsmart vous permet de personnaliser entièrement vos popups afin qu'ils correspondent au style de votre boutique.

7. Ne demandez pas trop d'informations

Quand tout ce dont vous avez besoin pour contacter un client est son e-mail, pourquoi l'embêter avec tant de champs ?

La réduction du nombre de champs de saisie dans un formulaire contextuel peut souvent se traduire par une meilleure expérience client et un meilleur engagement.

Une bonne règle de base est de ne demander que les informations dont vous avez besoin. Cela facilitera les parcours de vos clients, et ils seront plus susceptibles de remplir le formulaire.

Limiter le nombre de champs de saisie sur votre formulaire contextuel vous aide à améliorer la convivialité et à obtenir de meilleurs résultats. Gardez cela à l'esprit lors de la conception de votre popup d'e-mail suivant !

Forever-21-simple-email-popup-design-avec-20-%-de-réduction-et-montrant-deux-modèles-fille-et-garçon-dans-les-vêtements-de-la-marque

C'est un bon exemple; Forever 21 offre un coupon de réduction de 20 % en échange d'une adresse e-mail dans cette fenêtre contextuelle.

8. Facilitez la fermeture des popups

Ce n'est un secret pour personne que les popups peuvent être assez ennuyeux s'ils sont mal utilisés. Mais vous savez ce qui est encore pire ? Difficile de fermer les popups !

De nombreux spécialistes du marketing se trompent en utilisant de petits «X» imperceptibles et difficiles à cliquer qui frustrent les visiteurs et les font partir. Ou pire, ils décident de supprimer complètement les boutons de fermeture , en espérant que les visiteurs le découvriront par eux-mêmes.

En permettant aux visiteurs de fermer facilement vos popups, ils continueront à interagir avec votre site.

Découvrez 20 popups inspirants utilisés par des marques célèbres.

Il ne peut y avoir de fin aux personnes qui quittent les sites Web simplement parce qu'elles ne pouvaient pas fermer une fenêtre contextuelle ennuyeuse qui apparaissait sans cesse. Ne risquez pas d'endommager votre taux de rebond de cette façon !

Avec Popupsmart, vous pouvez personnaliser le bouton de fermeture de la fenêtre contextuelle pour qu'il corresponde au style de votre site tout en restant accessible aux visiteurs.

9. Créez des popups mobiles personnalisés

Comme nous le savons tous, le trafic mobile devient de plus en plus important, et si votre site Web n'est pas optimisé pour les appareils mobiles, vous passez à côté de nombreuses affaires potentielles.

La personnalisation des fenêtres contextuelles pour différents appareils peut être difficile, mais garantit que tous les canaux et publics possibles sont atteints.

Étant donné que les utilisateurs de bureau ont un écran plus grand, vous pouvez ajouter plus d'éléments à votre popup. créer-un-design-de-bureau-popup-personnalisé-avec l'outil popupsmart

En revanche, les utilisateurs mobiles sont limités, vous devez donc réduire le nombre de facteurs dans votre popup. créer-un-design-popup-mobile-personnalisé-avec-l'outil-Popupsmart

Popupsmart facilite le basculement entre la vue de bureau et la vue mobile , de sorte que vous pouvez facilement modifier les éléments qui doivent être modifiés.

Vous pouvez également créer des fenêtres contextuelles distinctes pour différents appareils ou utiliser le même design pour votre fenêtre contextuelle mobile.

Si vous voulez que vos popups mobiles soient amusantes et engageantes, tenez compte des conseils ci-dessous :

  • Raccourcissez votre copie popup et CTA pour votre appareil mobile
  • Supprimez toutes les images d'arrière-plan déroutantes
  • Réduire le nombre de champs de formulaire

Commencez à concevoir vos popups à haute conversion dès maintenant !


En suivant ces meilleures pratiques de conception de popups, vous pouvez créer une expérience engageante pour votre marque qui conduit à des clients satisfaits.

Baser votre popup sur ces principes augmentera vos chances d'obtenir plus de conversions et vous aidera finalement à atteindre vos objectifs de marque.

De plus, ces pratiques ne sont pas difficiles à suivre et vous pouvez les improviser selon vos besoins.

Cependant , il est préférable de se rappeler que tout doit être orienté vers un seul objectif - aider les utilisateurs à effectuer l'action souhaitée .

Y a-t-il d'autres bonnes pratiques que vous aimeriez ajouter à cette liste ? Faites le nous savoir dans les commentaires!

Vous trouverez ci-dessous quelques articles connexes qui pourraient vous être utiles dans votre recherche :

  • 27 conceptions de popup parfaitement optimisées pour inspirer pour 2022
  • Popup UX Design : erreurs courantes et que faire à la place
  • Email Popup : Guide complet avec 15 exemples brillants

Termes connexes:

  • Qu'est-ce que le taux de clics (CTR) ?
  • Qu'est-ce que le taux de conversion ?
  • Qu'est-ce que le marketing par e-mail ?