Accueil  /  Tous  / Exemples de conception de popups de sites Web créatifs et inspiration

Exemples de conception de popups de sites Web créatifs et inspiration

le 31 août 2022
Exemples de conception de popups de sites Web créatifs et inspiration

Chaque spécialiste du marketing a besoin d'un fichier de balayage pour l'inspiration de conception contextuelle et les exemples. Dans cet article, je vais vous montrer mon propre fichier d'échange que j'utilise lorsque j'ai besoin de créer une nouvelle fenêtre contextuelle attrayante.

Outre les propres exemples de Poptin dans ce domaine gallery, je vous recommande fortement de laisser libre cours à votre créativité avec d'autres exemples également.

Dans cet article, nous examinerons quelques conceptions et exemples de popups créatifs et inspirants pour améliorer nos taux de conversion d'aimants principaux en 2022.

Plongeons dedans.

Popup de conception de copie d'honnêteté et d'authenticité 

Je recommanderais toujours une conception de copie honnête et authentique qui aurait toujours son charme pour inciter le lecteur à donner son adresse e-mail.

Wikipédia a fait un excellent travail en étant honnête et en demandant des dons pour continuer à croître. Nous avons tous besoin que l’information soit gratuite et impartiale, et Wikipédia fait un excellent travail dans ce domaine. Cette copie au design simpliste a donc son propre mérite.

image9

L'autre popup honnête que j'ai trouvé a été créé par ProfitWell. Pendant que j'étais sur le site Web de ProfitWell, ils ont fait la promotion du démontage de leur page de tarification. Bien qu'il ait un bon contenu, comme ils perturbaient mon expérience utilisateur sur le blog, ils ont commencé par « nous détestons les popups… » – je pouvais tout à fait m'y identifier. 

image10

Pourquoi? C'est honnête, direct et donner quelque chose en échange d'une adresse e-mail. De plus, les images sont réelles et ces deux gars dans la fenêtre contextuelle ci-dessus font un excellent travail. 

Je me suis immédiatement inscrit.

Si vous parvenez à créer une conception contextuelle pertinente, empathique et à avoir une bonne copie, elle aura probablement un taux de conversion décent.

Popup de conception simpliste

Parfois, simple est tout ce dont vous avez besoin, et cela fait bien le travail. Pourquoi la conception simple de popups fonctionne-t-elle ? Cela fonctionne généralement lorsque votre offre est intéressante, la preuve sociale, et la copie est incroyable.

Avec cela, j'aimerais partager un excellent exemple qui a été proposé aux spécialistes du marketing (nous, les spécialistes du marketing, sommes généralement critiques envers les autres).

image12

Harry exécute à sec ce petit projet et affiche la fenêtre contextuelle ci-dessus à l'intention de sortie. Il a une preuve sociale (9691 spécialistes du marketing), des conseils pratiques, 2 minutes de lecture (faible barrière) et il est également honnête car il indique que moins de 0.4 % de personnes se désabonnent et que c'est gratuit. 

Ce type de copie avec une offre intéressante fonctionnera toujours. Si vous recherchez un exemple de conception simpliste pour vous inspirer, alors celui-ci serait gagnant.

Enfin, il ne dit pas « inscrivez-moi », mais plutôt « mettre à niveau mon marketing », ce qui constitue en fait un appel à l'action basé sur la valeur.

Super boulot Harry !

Note de la rédaction: Découvrez ces conseils de rédaction à partir d'exemples marketing 

Un autre exemple de conception de popup très simpliste que je reçois est inspiré d'Ahrefs.

image2

Ahrefs suppose que le visiteur du blog ne peut pas être placé dans un entonnoir et qu'il est donc préférable de nourrir continuellement le visiteur avec du nouveau contenu. Ce contenu est comme une page de vente, donc le lecteur/visiteur finira par se convertir.

Par conséquent, la fenêtre contextuelle simpliste ci-dessus avec une mascotte fait un excellent travail de conversion. Selon Ahrefs, il représente plus de 0.5 % de la conversion sur ses 250 XNUMX visiteurs par mois. Eh bien, alors ça marche.

La dernière inspiration simpliste de conception de popups vient des hackers de croissance que je suis. C'est un groupe de gars qui enseignent marketing de croissance et leur popup est simple mais efficace pour les apprenants comme moi. C'est juste une copie étonnante avec beaucoup de preuves sociales. 

image1

Exemples de conception de popups de mascotte 

Pour être honnête, j'adore les popups Mascot. Il a une personnalité et donne le côté créatif du blog ou du site internet. Sans oublier que c'est idéal pour la notoriété de la marque.

Je ne suis pas un employé de Poptin mais j'adore leur popup mascotte perroquet.

image8

Dans l'exemple ci-dessus, Poptin l'affiche lors de l'intention de sortie et utilise l'approche de la peur pour me faire m'inscrire. La barrière à l’inscription est si faible car cela prend à peine deux minutes. La mascotte du perroquet vole tout le temps, elle attire donc l'attention.

Si vous souhaitez utiliser votre mascotte pour la conception de popups, assurez-vous qu'elle reçoive la bonne attention.

Enfin, la copie propose de créer un compte gratuit et d'attirer plus de clients via ces visiteurs. Beau!

Je m'inscrirais simplement parce que c'est si élégant.

Hipmunk est une autre bonne inspiration créative qui utilise bien le contexte.

image4

Ce popup profite de la mascotte et du temps d'attente et de chargement. Hipmunk a fait du bon travail avec la mascotte pour attirer l'attention, mais le placement et le déclenchement ont été encore meilleurs. 

C'est simple et efficace. Je recommanderais ce type de popup s'il y a beaucoup de temps d'attente sur votre candidature.

Inspiration de conception de popups de marketing de contenu

Si vous avez un bon contenu que vous pouvez facilement promouvoir et capturer des prospects en parallèle, pourquoi ne voudriez-vous pas le proposer ? Vous pouvez simplement promouvoir des ebooks, webinaires, infographies, offres communautaires et bien plus encore.

Appcues a fait du bon travail en partageant son académie d'intégration il y a quelques années. Leur académie a formé de nombreux entrepreneurs et chefs de produits SaaS. Voici un exemple de leur conception contextuelle précédente :

image7

 La fenêtre contextuelle ci-dessus a été réalisée par un bon designer et avec un superbe exemplaire. Ils ont également une fenêtre contextuelle similaire pour les mises à jour de leur blog.

image6

Personnellement, j'aime bien mieux leur popup d'académie d'intégration que celle du blog. Cependant, vous devez utiliser les deux pour convertir davantage de visiteurs.

Personnellement, si l'on regarde l'offre du blog, je recommanderais toujours d'ajouter une petite touche dans la copie comme Airfocus (feuilles de route des produits outil) le fait :

image13

Lire la suite: Feuille de route produit

J'ai également fait la promotion de beaucoup de contenu lié à mon produit et j'ai utilisé les formulaires Poptin, ce qui m'a donné d'assez bons taux de conversion.

J'ai fait la promotion du cours par courrier électronique et de l'école d'adoption de produits de Userpilot. Étonnamment, nous avons obtenu une meilleure conversion à partir des formulaires intégrés au blog qu'à partir des popups. Ce sont certainement de bons exemples.

image3

Celui-ci est le modèle Poptin que j'utilise et qui fonctionne plutôt bien. 

image5

Les deux inspirations de conception favorisent efficacement le contenu avec copie. 

Demio est une autre bonne inspiration de conception de popups de contenu dont je me suis inspiré. Demio est un outil de gestion de webinaires et j'ai été promu dans leur ebook. Depuis, je cherchais à en savoir plus sur « comment gérer les webinaires », c’était à juste titre placé.

Mais le plus efficace était la conception et la copie qui faisaient cliquer sur « télécharger ». 

image11
Que puis-je dire ? Le design popup ci-dessus était au bon moment et au bon endroit (leur blog) pour me faire le télécharger. J’aime aussi l’utilisation efficace de l’arrière-plan.

J'espère que ces conceptions contextuelles vous inspireront. 

Conclusion

L'inspiration et les exemples de conception contextuelle ci-dessus sont là pour vous inspirer. Cependant, un conseil de pro que je pourrais vous donner est de créer votre propre fichier swipe. Ces conceptions et inspirations peuvent bientôt devenir obsolètes.

Il est donc important de rester à l’écoute et de continuer à s’inspirer.

Aazar Ali Shad est un entrepreneur, un spécialiste du marketing de croissance (pas un hacker) et un spécialiste SaaS chevronné. Il aime écrire du contenu et partager ce qu'il a appris avec le monde. Vous pouvez le suivre sur Twitter @aazarshad ou aazarshad.com