Aller au contenu principal
CLAIM26Commencer à 0 € →
FREN
Illustration éditoriale d’une fenêtre popup créée avec Elementor : formulaire d’inscription et bouton de fermeture sur une page WordPress, sans capture réelle de l’éditeur
POP-UPS / WORDPRESS

Créer un pop-up Elementor : guide, déclencheurs et méthode gratuite

Popup Builder est réservé à des licences Elementor Pro compatibles ; créer le modèle, régler sa diffusion et envisager une solution WordPress gratuite si Pro ne convient pas.

Création de sitePublié le 12 min de lecture
Créer mon pop-up Elementor↗Lien partenaire Elementor : Claim26 peut recevoir une commission sans surcoût pour vous. Les prix et fonctions sont vérifiés sur des sources officielles.
OBJECTIFUn guide de décision et de mise en œuvre de pop-ups moins intrusifs et plus accessibles.Données et fonctions vérifiées sur des sources officielles au 14 octobre 2026.
Illustration éditoriale d’une fenêtre popup créée avec Elementor : formulaire d’inscription et bouton de fermeture sur une page WordPress, sans capture réelle de l’éditeur
À RETENIRPop-up Elementor gratuit ou Pro ? Comparez les options, suivez les étapes du constructeur, testez mobile et accessibilité, évitez les fenêtres intrusives.

Commencer par vérifier la licence : Core gratuit ne suffit pas

Elementor Core propose un éditeur de pages WordPress gratuit, mais son constructeur de fenêtres pop-up intégré appartient à Elementor Pro. La documentation officielle mise à jour le 27 août 2026 précise que Popup Builder, ses conditions, ses déclencheurs et ses règles avancées nécessitent une licence Pro Advanced ou supérieure.

Avant de payer, vérifiez la ligne Popup Builder du forfait exact proposé sur le site Elementor. Un abonnement portant le nom « Pro » ne donne pas automatiquement accès à toutes les fonctions. Si vous avez seulement besoin d'une page d'inscription, une page classique peut suffire.

Choisir un objectif mesurable, pas seulement une animation

Définissez une action unique : télécharger un guide, accéder à une page de contact, demander une démonstration ou s'abonner à une liste. Précisez sur quelle page cette proposition apporte une aide réelle. Une fenêtre qui empêche immédiatement la lecture n'est pas nécessairement utile.

Scénario pédagogique : un article gratuit sur la création de sites peut proposer sa checklist après qu'un lecteur a cliqué sur « Recevoir la checklist ». Cet exemple est fictif ; Claim26 n'a pas réalisé de test de conversion pour le vérifier.

Créer le modèle dans WordPress avec Elementor

Avec une licence compatible et activée, ouvrez l'administration WordPress, puis Elementor > Editor > Templates > Popups. Selon la version de l'interface, le chemin peut également s'afficher sous Templates > Popup. Choisissez Add New Popup, donnez un nom descriptif au modèle et ouvrez l'éditeur.

Commencez avec une largeur raisonnable, un titre court, un bénéfice clair, un seul appel à l'action et un bouton visible pour fermer. Évitez les champs inutiles. Si vous collectez des e-mails, expliquez ce que le visiteur recevra et reliez le formulaire à un système de collecte approprié.

Conditions, Triggers et Advanced Rules : trois réglages distincts

Les Conditions déterminent les pages sur lesquelles le modèle peut apparaître. Les Triggers indiquent l'événement d'ouverture : délai, défilement, clic ou intention de sortie selon le contexte. Les Advanced Rules affinent la répétition, le nombre de visites ou les types d'appareils.

Exemple : Conditions = uniquement une page de ressources. Pour un clic volontaire sur un bouton ou un lien, configurez le sélecteur « Open By Selector » : Elementor précise que les Triggers automatiques et Advanced Rules ne sont alors pas pris en compte. Pour une ouverture après un délai ou un défilement, configurez les Triggers et Advanced Rules correspondants.

Déclencher volontairement un pop-up depuis un bouton

Un déclenchement à la demande réduit le risque d'interrompre la lecture. Elementor documente notamment l'ouverture depuis un lien de menu au moyen d'un sélecteur, ainsi que des pop-ups liés aux actions de l'utilisateur. Choisissez une méthode réellement prise en charge par la version installée.

Ne collez pas un sélecteur ou un identifiant trouvé sur un blog sans le confronter à votre modèle. Testez la navigation au clavier et vérifiez que le pop-up se ferme lorsque l'utilisateur choisit de ne pas poursuivre. Un lien ordinaire doit rester disponible si les scripts échouent.

Tester mobile, clavier et fréquence avant toute diffusion

Sur un écran étroit, évitez qu'une fenêtre couvre entièrement le texte, masque son bouton de fermeture ou empêche le défilement nécessaire. Vérifiez le focus clavier, le contraste, l'accès aux champs, les messages d'erreur et la possibilité de fermer sans inscription.

Répétez le test en ouvrant plusieurs pages, en refusant le formulaire puis en revenant. Une règle de fréquence mal configurée peut présenter la même proposition à chaque navigation. N'annoncez pas une hausse de conversions avant de disposer de mesures fiables et consenties.

Méthode sans Elementor Pro : une extension WordPress indépendante

L'extension Popup Maker est disponible en version gratuite sur WordPress.org et propose la création de fenêtres modales avec ses propres possibilités d'affichage. Certaines fonctions avancées ou certains services peuvent être payants. Cette extension n'est pas le Popup Builder natif d'Elementor.

Avant d'ajouter un plugin, examinez ses mises à jour, sa compatibilité, les permissions nécessaires et l'impact sur la vitesse du site. Pour une simple proposition commerciale ou une newsletter, un bouton vers une page dédiée est parfois plus robuste qu'une fenêtre modale.

Checklist de publication et décision finale

Avant d'activer un pop-up, vérifiez l'objectif, la licence, les conditions d'affichage, le déclencheur, la fréquence, le comportement sur téléphone, les possibilités de fermeture et le traitement des données collectées. Testez d'abord sur une page de contrôle plutôt que de l'activer immédiatement partout.

Si vous disposez déjà d'Elementor Pro Advanced ou supérieur et souhaitez un ciblage visuel avancé, le constructeur natif peut simplifier la maintenance. Sinon, commencez par une page d'inscription ou une extension gratuite compatible. Pour comparer le reste des fonctions payantes, consultez le guide Claim26 sur Elementor gratuit contre Pro.

AVANT DE CHOISIR

Vérifiez ces quatre signaux.

✓Fonction autorisée par la licence

✓Conditions et déclencheurs vérifiés

✓Contrôle mobile et clavier

✓Solution gratuite examinée

DÉCOUVRIR LE LOGICIEL

Besoin de savoir si Elementor mérite une place dans votre stack ?

Consultez l’offre du logiciel et vérifiez ses prix, ses limites et ses fonctionnalités avant de choisir un abonnement.

Créer mon pop-up Elementor↗
SOURCES PRIMAIRES

Les points sensibles sont recoupés avant publication.

Les prix et fonctions logicielles peuvent évoluer. Les sources ci-dessous permettent de contrôler les informations qui influencent la décision.

À LIRE ENSUITE

Continuez avec la question qui se pose juste avant votre choix.

Créatrice de site WordPress devant une maquette de page web, couverture du comparatif Elementor gratuit ou Pro
Création de site · 15 minElementor gratuit ou Pro : que choisir pour son site WordPress ?Lire le guide →
Formulaire de contact Elementor : exemple de champs nom, e-mail et message, avec comparaison des solutions gratuites et Pro
Création de site · 12 minFormulaire de contact Elementor : gratuit, Hello+ ou Pro ?Lire le guide →
Création d’un en-tête et d’un pied de page WordPress avec Elementor, visualisés sur une page web en français
Création de site · 12 minCréer un en-tête et un pied de page WordPress : Elementor gratuit ou Pro ?Lire le guide →
PASSER À LA PRATIQUE

Explorez Elementor pour votre projet WordPress.

Elementor Core est gratuit ; les fonctions de conception et de boutique payantes dépendent de l’offre choisie. Vérifiez vos besoins avant de souscrire. Lien affilié : Claim26 peut percevoir une commission sans surcoût pour vous.

Elementor · Voir les offres ↗