Nous avons trouvé les 12 meilleures conceptions de popup que vous pouvez copier aujourd'hui

Les popups sont un moyen infaillible de développer votre liste de diffusion et d'augmenter vos taux de conversion de commerce électronique. Nous avons vu de grandes marques de commerce électronique utiliser des popups pour améliorer leurs taux de conversion jusqu'à 37 % et réduire leur taux d'abandon de panier d'au moins 20 % .

Des histoires de réussite comme celles-ci reposent sur des popups magnifiquement conçus qui ciblent un public très spécifique. Dans un article précédent , nous avons discuté des segments d'utilisateurs que chaque boutique de commerce électronique devrait cibler avec des popups. Aujourd'hui, nous allons nous concentrer sur le deuxième facteur : la conception des popups.

Nous avons rassemblé 12 superbes exemples de popup comme source d'inspiration pour vous aider à créer votre propre design de popup.

Commençons!

Ces 12 exemples réels de conceptions de popup ont été créés à l'aide d'OptiMonk. Cela signifie que vous pouvez facilement copier tous leurs éléments de conception à l'aide de nos nombreux modèles différents et de notre éditeur glisser-déposer.

1. Embrasse mon Keto

Cette fenêtre contextuelle de bienvenue démarre le processus de construction d'une relation durable avec les clients en apprenant à mieux les connaître.

La question simple et la copie du bouton tout aussi simple encouragent les visiteurs à s'engager avec la fenêtre contextuelle (sans parler de la promesse d'un code promotionnel de 10 %).

Kiss My Keto a également utilisé une image de haute qualité qui affiche son produit et renforce son identité de marque amusante et insouciante.

2. Christophe Cloos

Christopher Cloos est une marque aux racines scandinaves, et leur design popup suit l'esthétique scandinave typique : épuré, avec des lignes droites et des polices simplistes. Ceci est un excellent exemple d'un design popup solide qui renforce le style de la marque.

Un autre aspect important de la conception de la fenêtre contextuelle est le compte à rebours, qui attire l'attention des visiteurs et augmente le sentiment d'urgence afin qu'ils soient plus susceptibles d'utiliser leur code de réduction.

Et enfin, dans ce qui devient un thème, l'équipe de design de Christopher Cloos a choisi une image qui représente parfaitement le "feeling" de leurs lunettes de soleil.

3. Évidemment

Toutes les fenêtres contextuelles n'ont pas besoin d'images pour capter l'attention des clients. Parfois, la copie d'un popup peut être assez solide à elle seule.

Cela est particulièrement vrai lorsque la fenêtre contextuelle utilise des couleurs vives qui attirent l'attention, comme le combo rose vif et noir ci-dessous. Remarquez comment Obvi renforce son message avec des emojis, ce qui rend la conception du popup plus jeune.

Pour faciliter encore plus l'absorption du message du popup, le cercle dans le coin supérieur gauche résume l'offre.

4. BlendJet

Cet exemple illustre à quel point il est important de s'assurer que votre popup correspond à la conception de votre site Web. Il y a une harmonie dans le choix des couleurs qui est très agréable à l'œil.

Les seuls contrastes dans la palette de couleurs proviennent des images illustrant l'offre (ce que les clients obtiendront gratuitement). Les produits sortent de la page, et c'est exactement le but.

5. L'Oodie

Il y a plusieurs points à souligner à propos de cet excellent exemple de conception de popup de The Oodie.

Tout d'abord, la façon dont l'image fusionne avec le popup est visuellement frappante et prend en charge la copie : "Voulez-vous un câlin ?"

Le choix du rouge vif pour le popup, en contraste avec le rose plus doux du sweat à capuche, est exemplaire. Un bouton bleu d'appel à l'action se démarque et garantit que les visiteurs ne négligeront pas le CTA attrayant : "Révélez mon code".

Enfin, la copie la plus grande et la plus visible est "Et 25 $ de réduction", qui est une manière intéressante d'attirer l'attention sur le message principal de la fenêtre contextuelle.

6. La société Curcuma.

The Turmeric Co. utilise un élément de conception de cercle proéminent pour mettre en valeur son offre.

Cette conception de popup est simple, avec suffisamment d'espace blanc pour éviter de submerger les visiteurs du site tout en incorporant un compte à rebours et un bouton d'appel à l'action descriptif.

La petite image montre non seulement le produit, mais capture également l'image active et saine de la marque.

7. Nuage de noix de coco

Coconut Cloud met tout l'accent sur ses produits. Et c'est logique… ils ont l'air délicieux !

Cette conception contextuelle a été développée à l'appui d'un cadeau d'Halloween. En montrant aux visiteurs tout ce qu'ils pourraient gagner, Coconut Cloud les attire et les encourage à participer.

Enfin, cette fenêtre contextuelle inclut une date limite. Tout comme un compte à rebours, un délai ferme crée un sentiment d'urgence.

8. LesSTEMKids

La copie intelligente de cet exemple de conception de popup TheSTEMKids vole vraiment la vedette.

Le contenu de la fenêtre contextuelle commence par un barré du nombre « 10,00 $ ». Lorsqu'il est combiné avec le "Rien pour l'expédition" en gras, il rend la valeur exacte de l'offre évidente pour tous les visiteurs de leur site.

9. Bibado

Comme de nombreux autres exemples de conception de popup sur cette liste, Bibado a utilisé une couleur contrastante pour son bouton d'appel à l'action. Le succès d'une impression est déterminé par le fait qu'un client clique sur le bouton CTA, il est donc logique de le faire ressortir.

Nous aimons également la façon dont Bidabo a mis en valeur l'offre dans son propre rectangle de départ.

10. Quré

La conception contextuelle de Qure est un bon exemple de la façon de faire deux offres à la fois.

Le titre principal (5 % de réduction) est mis en évidence avec un texte de grande taille, mais l'offre supplémentaire est dotée de sa propre boîte pour la mettre en valeur. Il y a une jolie petite image qui vous montre le cadeau gratuit que vous recevrez.

L'image plus grande fait un excellent travail pour établir la continuité avec la nouvelle image de marque futuriste de Qure.

11. Oui s'il vous plaît Santé

Il est important de se rappeler que ce sont les humains qui regarderont vos popups. Cela signifie que les émotions sont toujours une considération importante lors de la conception de popups.

Yes Please Health aide ses clients à s'enthousiasmer pour l'offre avec une image colorée d'une personne souriant et montrant le produit.

Ils mélangent cette image avec l'arrière-plan de la fenêtre contextuelle, ce qui la rend très bien liée.

Enfin, ils utilisent une copie amusante et ludique pour attirer le client.

12. Les retournements de Fuller

Fuller's Flips utilise des images avec un grand effet sur cette fenêtre contextuelle. En affichant une image avant et après, ils montrent clairement la valeur de leur service.

L'utilisation de l'emoji d'ancre est également une bonne idée, se mariant bien avec leur promesse de vous apporter un "style côtier des Hamptons".

La conception de popups n'est pas une science exacte. Comme ces exemples de popup l'ont montré, il existe de nombreuses approches différentes que vous pouvez adopter.

Votre propre approche doit être cohérente avec la personnalité de votre marque, la conception de votre site Web et le message que vous essayez de transmettre. Vous êtes sûr de trouver un modèle qui coche les trois cases dans la bibliothèque de plus de 300 modèles d'OptiMonk !

Pour en savoir plus sur la création de popups à haute conversion, consultez notre Guide ultime des popups.