Retour

Comment créer des fenêtres pop-up informationnel, promotionnel ou d'abonnement ?

Les fenêtres pop-up sont autant d’opportunités d’augmenter ses conversions et sa liste de prospects. Mais ces éléments surgissants peuvent tout autant faire fuir les visiteurs d’un site s’ils ne sont pas utilisés de la bonne manière. Pop-up informationnel, pop-up promotionnel, pop-up d’abonnement à une newsletter… Outre les différents outils permettant de créer des fenêtres dynamiques, il y a quelques règles de base à adopter pour capter l’attention et inciter les internautes à laisser leur contact.

Qu’est-ce qu’un pop-up ?

Un pop-up est une fenêtre intruse qui s’ouvre en superposition de l’onglet de navigation principal. Elle est programmée pour s’afficher sur certaines pages du site et même à certains moments de la navigation (début, milieu ou fin de page).

Les pop-up incitent les internautes à passer à l’action en enregistrant dans un formulaire d’inscription leurs coordonnées de contact, généralement un nom et/ou un prénom ainsi qu’une adresse mail. En échange du consentement à recevoir des informations de la part du propriétaire du site, le pop-up permet de bénéficier d’un contenu gratuit : e-book, webinaire, code promo, newsletter...

Les fenêtres dynamiques permettent ainsi un cheminement de l’internaute. Le visiteur devient un lead, puis un prospect et enfin un client. Un site web peut contenir plusieurs pop-up avec différents lead magnet (contenu écrit ou vidéo offert en contrepartie des coordonnées de contact).

Les fenêtres pop-up doivent donc être placées à des endroits stratégiques, sur des pages travaillées avec soin dont l’objectif est de convertir. Il est alors possible de créer des pop-up visuellement agréables et qui suscitent un vif intérêt pour l’internaute, à l’opposé total des bannières commerciales clignotantes particulièrement gênantes.

Quatre outils pour la création de fenêtres pop-up

Il existe de nombreuses solutions pour accompagner la création de fenêtres contextuelles. Le choix va alors dépendre en partie du système de gestion du site : Wordpress, solutions SaaS ou autres CMS.

1. Elementor Popup Builder

Le plugin Elementor Popup Builder s’utilise sur les sites web conçus sous Wordpress via le constructeur de pages Elementor. De nombreuses fonctionnalités de personnalisation sont disponibles : format, couleur, emplacements et autres paramètres avancés sont accessibles sous Elementor Pro.

Une autre extension Wordpress est disponible sous le nom de Popup Builder. Utilisable gratuitement sans passer par Elementor, elle est simple d’utilisation et permet la création de différentes fenêtres dynamiques 100 % personnalisables. Régulièrement mise à jour l’extension Popup Builder est compatible avec les plugins les plus populaires : WooCommerce, MailChimp, Divi, Contact Form, WPML, Polylang...

2. Lunar Popup

Il s’agit d’un outil gratuit qui met à disposition une trentaine de templates personnalisables. Les fenêtres pop-up de Lunar Popup sont créées en HTML/CSS. Après l’inclusion de Bootstrap il est possible d’ajouter des bibliothèques au code du site. Il suffit ensuite de copier le balisage à partir des collections de modèles.

3. Sumo

Sur Wordpress ou Shopify, Sumo (anciennement SumoMe) est un outil de capture d’emails avec une version gratuite offrant de larges possibilités. Particulièrement intéressant pour les ecommerces, Sumo permet de générer des barres de notification discrètes et des pop-up pertinents, notamment grâce à sa fonction scrollbox qui fait apparaître le formulaire d’inscription en fin de lecture.

4. OptinMonster

Solution autonome, la plateforme SaaS OptinMonster est compatible avec la plupart des systèmes de gestion : Wordpress, Drupal, Joomla, Magento, Shopify... C’est un outil payant, mais qui propose un abonnement premier prix à un tarif mensuel très intéressant au regard des nombreuses fonctionnalités disponibles. Fenêtre contextuelle lightbox, tapis de bienvenue plein écran, boîte de défilement coulissante, barre flottante, compte à rebours... Les différentes options générées par OptinMonster améliorent les conversions et réduisent les abandons de panier.

Quelques règles de base pour la conception d’une fenêtre dynamique efficace

Les pop-up n’ont pas tous la même finalité : information, signalisation d’une mise à jour, offre spéciale en cours, promotion à venir, abonnement à la newsletter… Certains critères communs sont toutefois essentiels à la réalisation de fenêtres attrayantes et efficaces, à savoir :

  • Un lead magnet qui répond précisément au problème de la cible, en lien avec le besoin évoqué tout au long de la page d’atterrissage
  • Un visuel attractif en accord avec la charte graphique pour attirer l’attention de l’internaute de manière fluide et agréable
  • Un message concis avec un bénéfice clairement identifiable pour le visiteur
  • Un formulaire simple avec un minimum de champs à remplir et un bouton d’appel à l’action bien défini
  • Une apparition au moment opportun grâce aux paramètres avancés de déclenchement
  • Un bouton de fermeture de la fenêtre pop-up pour les internautes qui souhaitent décliner l’inscription
  • Une seule fenêtre dynamique par page et pas plus de trois apparitions de pop-up par session de navigation