Additions maîtres
  • Widgets
    • Changelogs
      Code source NOUVEAU PRO
      Formes Caldera
      Logo Slider
      Table des matières
      Formes Gravitaires
      Transforme PRO
      Restreindre le contenu PRO
      Tableau des prix
      Forme Ninja
      Mailchimp
      Info-bulle
      Déclencheur Popup NOUVEAU PRO
      Quel élément NOUVEAU
      Bouton Créatif
      Liens Créatifs NOUVEAU
      Recherche de domaine CHAUD PRO
      Double rubrique CHAUD
      Flipbox
      Gradient animé BG CHAUD PRO
      Point d'accès de l'image PRO
      Infobox
      News Ticker PRO
      Particules
      Barre d'avancement
      Contenu hors toile NOUVEAU PRO
      Barre de progression de lecture CHAUD
      Js personnalisé
      Citation de bloc
      Compter
      Effets de survol d'image
      Révéler NOUVEAU PRO
      Rellax PRO
      Positionnement
      Comparaison d'images
      Onglets
      Basculer le contenu CHAUD PRO
      Duplicateur de messages/pages GRATUIT
      Effets flottants PRO
      Méga Menu CHAUD
      Css personnalisé CHAUD
      Titre du dégradé
      Image avancée
      Menu Nav
      Boutures d'outils
      Tableau comparatif PRO
      Glassmorphisme
      Produit en vedette PRO
      Carrousel d'images
      Galerie Slider NOUVEAU PRO
      Balises dynamiques NOUVEAU
      Minuterie de compte à rebours
      Heure actuelle
      Modèles
      Lien d'emballage
      Chronologie
      Membre de l'équipe
      Formulaire de contact 7
      Accordéon avancé
      Titres animés
      Blog
      Heures d'affaires
      Appel à l'action
      Barres de progression
      Curseur d'arrière-plan
      Slider d'équipe
      Tableau dynamique
      Ligne Grille PRO
      Formulaires WP
      Recherche
      Nous formons
      Animation d'entrée NOUVEAU PRO
      Conditions d'affichage PRO
      Galerie d'images filtrables
      Formulaires WP
      Points d'arrêt personnalisés NOUVEAU
  • Caractéristiques
    • Constructeur de thèmes

      Concevez des modèles à l'échelle du site pour un look cohérent sur chaque page de votre site Web.

      Créateur Popup

      Créez des popups, des modaux et des barres d'annonce attrayants pour capturer des prospects.

      Constructeur de widgets

      Développez Elementor avec des widgets personnalisés avancés pour créer des mises en page plus dynamiques.

      Mega Menu Builder

      Créez des menus multicolonnes avec des icônes et des images pour une navigation supérieure.

      Css personnalisé

      Appliquez votre propre CSS pour un style parfait en pixels au-delà des options de conception par défaut.

      Balises dynamiques

      Insérez du contenu dynamique comme les titres de publication et les champs personnalisés directement dans les conceptions.

      Conditions d'affichage

      Visibilité des éléments de contrôle en fonction du rôle de l'utilisateur, de l'appareil, de l'heure et d'autres règles.

      Bibliothèque d'icônes

      Choisissez parmi des milliers d'icônes intégrées pour améliorer les visuels et la cohérence.

      Animation

      Ajoutez des animations de défilement, de vol stationnaire, d'entrée et bien plus encore pour donner vie aux designs.
  • Kits de modèles
    • Kits de modèles

      Kit de modèles pleine page conçu par des professionnels Importer et personnaliser en quelques secondes.

      Sections Prêtes

      Sections et lignes de contenu pré-construites Glissez, déposez et personnalisez instantanément.

      Popups prêtes

      Différents types de conceptions popup High-converting Importer et lancer rapidement.

      Modèles de pages d'éléments

      Des mises en page complètes à n'importe quel usage Commencez à éditer immédiatement.

      En-tête prêt

      Plusieurs conceptions d'en-têtes modernes Importez et adaptez-vous à votre marque.

      Pied Prêt

      Pieds de page entièrement conçus pour différents sites Web Ajoutez des fonctionnalités et du style en clics.
  • Marques
    • WP Adminifier

      WP Adminifier

      Prenez le contrôle de votre tableau de bord WordPress Personnalisez l'expérience d'administration.
      Éditeur de barre d'administration

      Éditeur de barre d'administration

      Personnalisez la barre d'administration WordPress pour un espace de travail plus propre et plus personnalisé.
      Connectez-vous

      Connectez-vous

      Personnalisez votre page de connexion WordPress avec des améliorations de marque, de styles et de sécurité.

      Suite Rolemaster

      Gérez les rôles et les autorisations des utilisateurs avec précision pour une meilleure sécurité et un meilleur flux de travail.
      Blocs maîtres

      Blocs maîtres

      Développez l'éditeur Gutenberg avec des blocs personnalisés avancés pour des mises en page plus créatives.
      Pleins feux WP

      Pleins feux WP

      Recherchez et accédez instantanément aux fonctionnalités, publications et paramètres d'administration depuis n'importe où.
  • Thèmes
  • Aide
    • Obtenez du soutien
    • Documentation
    • Communauté Facebook
    • Changelogs
  • Blog
Tarification
🇫🇷FR
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

Démarrage

  • Vous ne pouvez pas voir l'élément d'addon principal dans l'éditeur de la page Elementor ?
  • Comment demander un compte d'affiliation ?
  • Version Pro active
  • Installation du plugin

Additions

  • Paramètres du widget de déclenchement contextuel
  • Paramètres du widget de contenu hors toile
  • Logo Slider Widget Paramètres
  • Paramètres du widget des barres de progression
  • Paramètres du carrousel d'images
  • Paramètres du widget du produit en vedette
  • Paramètres du widget du tableau comparatif
  • Paramètres du widget de code source
  • Paramètres avancés du widget d'image
  • Paramètres du widget de titre de dégradé
  • Paramètres du curseur de galerie
  • Basculer les paramètres du widget de contenu
  • Paramètres du widget de la boîte d'
  • Paramètres du widget de la chronologie
  • Paramètres du widget de table dynamique
  • Paramètres du widget Mailchimp
  • Paramètres du widget Blockquote
  • Paramètres du widget Changelog
  • Paramètres du widget du compte à rebours
  • Paramètres du widget de l'heure actuelle
  • Rechercher Paramètres du widget
  • Galerie d'images filtrables
  • Paramètres du widget Team Slider
  • Paramètres du widget de compteur
  • Restreindre les paramètres de contenu
  • Table des matières Paramètres du widget
  • Paramètres du widget Hotspot d'image
  • Paramètres du widget de comparaison d'images
  • Paramètres du widget du ticker d'actualités
  • Effets de survol d'image
  • Paramètres des onglets
  • Paramètres du widget de la table de tarification
  • Paramètres du widget du menu Nav
  • Paramètres du widget de recherche de domaine
  • Paramètres du widget Flipbox
  • Paramètres Tooltip
  • Paramètres du widget Creative Links
  • Paramètres du widget des heures de bureau
  • Paramètres du widget du formulaire de contact 7
  • Paramètres du widget à bouton créatif
  • Paramètres des titres animés
  • Paramètres avancés du widget d'accordéon
  • Appel aux paramètres du widget d'action
  • Paramètres du widget de la barre de progression
  • Articles de blog Paramètres du widget
  • Paramètres du widget des membres de l'
  • Paramètres de double rubrique

Extensions

  • Paramètres de la bibliothèque d'icônes
  • Méga paramètres de menu
  • Quels paramètres d'extension d'élément
  • Paramètres d'extension du duplicateur de messages/pages
  • Paramètres d'extension de ligne de grille
  • Paramètres d'extension du glassmorphisme
  • Paramètres d'extension Tooltip
  • Paramètres du lien d'emballage
  • Paramètres d'extension des effets flottants
  • Paramètres des balises dynamiques
  • Conditions d'affichage Paramètres d'extension
  • Paramètres d'animation d'entrée
  • Paramètres de points d'arrêt personnalisés
  • Paramètres d'extension BG à gradient animé
  • Révéler les paramètres d'extension
  • Paramètres d'extension des particules
  • Paramètres d'extension du curseur d'arrière
  • Transforme les paramètres d'extension
  • Paramètres de l'extension Rellax
  • Paramètres d'extension de positionnement
  • Paramètres CSS personnalisés

Constructeur de widgets

  • Conditions
  • Syntaxe de brindille
  • Présentation du panneau de paramètres
  • Diviseur
  • Ombre de texte
  • Sélectionner2
  • Frontière
  • Titre
  • Onglets
  • Répéteur
  • Choix Visuel
  • Contexte
  • Dimensions
  • Ombre de boîte
  • Coulisseur
  • Icônes
  • Galerie
  • Médias
  • Bascule Popover
  • Champ URL
  • Date Heure
  • Typographie
  • Police
  • Champ de couleur
  • Choisir
  • Sélectionner
  • Commutateur
  • Caché
  • Code
  • WYSIWYG
  • Champ de zone de texte
  • Numéro
  • Champ de texte

Constructeur de thèmes

  • Formulaire de commentaire
  • 404
  • Recherche
  • Archive
  • Simple
  • Pied
  • En-tête

Créateur Popup

  • Comment ouvrir une pop-up après une inactivité dans Elementor
  • Comment afficher une fenêtre contextuelle d'intention de sortie dans Elementor
  • Comment ouvrir une fenêtre contextuelle sur le défilement vers un élément spécifique dans Elementor
  • Comment ouvrir une fenêtre contextuelle sur le défilement dans Elementor
  • Comment ouvrir une fenêtre contextuelle sur Cliquez dans Elementor
  • Comment ouvrir une fenêtre contextuelle sur le chargement de la page ?
  • Paramètres et options contextuels

Kit de modèles

  • Comment importer des kits de modèles dans les modules complémentaires principaux
  • Comment désactiver les polices et les couleurs par défaut de l'élémenteur
  • Importer des kits de modèles d'éléments
Voir les catégories
  • Accueil
  • Docs
  • Créateur Popup
  • Comment ouvrir une fenêtre contextuelle sur le défilement dans Elementor

Comment ouvrir une fenêtre contextuelle sur le défilement dans Elementor

Roy Jemee
Mis à jour le 15 septembre 2026

3 min de lecture

Une fenêtre contextuelle qui charge la seconde où une page s'ouvre semble insistante, et la plupart des visiteurs la ferment avant d'avoir lu un mot Une fenêtre contextuelle déclenchée par défilement attend que quelqu'un lise réellement, puis affiche votre offre une fois qu'ils ont fait défiler suffisamment loin pour être intéressés Créateur de fenêtres contextuelles Master Addons gère cela avec le Sur Parchemin déclencheur et un Progression du défilement réglage. Pas de code.

Voici comment configurer une fenêtre contextuelle pour qu'elle s'ouvre après qu'un visiteur ait fait défiler un pourcentage choisi de la page, en utilisant le Popup Builder fourni gratuitement avec Master Addons for Elementor.

Avant de commencer #

  • Une fenêtre contextuelle déjà intégrée au Master Addons Popup Builder (voir le guide des paramètres contextuels pour en créer un ()
  • Élémenteur installé et actif
  • Modules complémentaires principaux pour Elementor installés et actifs (guide d'installation)

Étape 1 : Ouvrez votre pop-up dans Elementor #

Aller à Modules complémentaires principaux → Popup Builder. Trouvez la fenêtre contextuelle que vous souhaitez déclencher sur scroll, survolez son nom et cliquez Modifier avec Elementor. La fenêtre contextuelle s'ouvre dans l'éditeur Elementor avec le Paramètres contextuels MA panneau à gauche.

Liste des fenêtres contextuelles Master Addons avec le lien Modifier avec élément pour la fenêtre contextuelle Vente

Étape 2 : Définissez la fenêtre contextuelle pour ouvrir sur le défilement #

Dans le Paramètres contextuels MA panneau, ouvrez le Paramètres section et trouver le Ouvrir Popup déposez. C'est réglé pour Sur Page Charger par défaut. Passez-le à Sur Parchemin.

La même liste déroulante contient également les autres déclencheurs, On Click, On Scroll to Element, On Exit Intent, After Inactivity et Custom, afin que vous puissiez modifier le comportement plus tard sans reconstruire la fenêtre contextuelle.

Ouvrez la liste déroulante Popup dans les paramètres contextuels MA avec le déclencheur On Scroll sélectionné

Étape 3 : Définissez le pourcentage de progression du défilement #

Au moment où vous choisissez Sur Parchemin, un nouveau champ apparaît : Progression du défilement ( %). C'est jusqu'où un visiteur doit faire défiler la page avant que la fenêtre contextuelle ne se déclenche. Faites glisser le curseur ou tapez un numéro directement dans la boîte.

Une valeur faible comme 20% affiche la popup tôt, près du haut Une valeur plus élevée comme 50% attend que le visiteur soit à mi-chemin Je commence habituellement autour 40%[TRADUCTION] ?, assez loin pour que le lecteur soit engagé, pas si loin qu'il soit déjà parti.

Curseur de pourcentage de progression de défilement affiché après avoir choisi le déclencheur de défilement dans les modules complémentaires principaux

Quelques options associées se trouvent juste sous le curseur :

  • Afficher à nouveau le retard définit combien de temps avant que la fenêtre contextuelle puisse revenir après qu'un visiteur l'a fermée.
  • Désactiver le défilement de page verrouille la page d'arrière-plan pendant que la fenêtre contextuelle est ouverte.
  • Désactiver la popup automatiquement et Désactiver après laissez-vous choisir une date de fin afin que la fenêtre contextuelle cesse de s'afficher d'elle-même.

Quand t'as fini, frappe Publier (ou Mise à jour) pour enregistrer la popup.

Étape 4 : Aperçu et défilement #

Ouvrez la page où la fenêtre contextuelle est définie pour l'afficher et visualisez-la sur le front-end En haut, il n'y a pas de fenêtre contextuelle, le visiteur voit d'abord votre contenu normal.

Section héros de la page en direct sans popup visible en haut avant le défilement

Maintenant, faites défiler vers le bas Une fois que vous avez passé le pourcentage de progression de défilement que vous avez défini, la fenêtre contextuelle glisse sur la page Elle fonctionne de la même manière sur chaque page incluse dans les conditions d'affichage de la fenêtre contextuelle.

La fenêtre contextuelle Master Addons apparaît sur le contenu de la page après que le visiteur ait dépassé le pourcentage défini

Dépannage #

  • Popup n'apparaît jamais? Baissez le pourcentage de progression du défilement. Sur une courte page, une valeur élevée comme 80 % peut se situer en dessous du bas du contenu, de sorte que le visiteur ne l'atteint jamais.
  • Des incendies trop tôt? Augmentez le pourcentage pour que le visiteur en lise davantage avant qu'il ne s'affiche.
  • Vous ne vous présentez pas du tout sur la page ? Vérifiez que le popup Activation est allumé et ses conditions d'affichage incluent la page que vous testez.
  • Affiche à chaque fois que vous rechargez ? Définir un Afficher à nouveau le retard ainsi, il ne rouvre pas à chaque visite une fois qu'un utilisateur l'a fermé.

Foire aux questions #

Comment puis-je ouvrir une fenêtre contextuelle Master Addons sur le parchemin ?

Modifiez la fenêtre contextuelle dans Elementor, ouvrez le panneau Paramètres contextuels MA et définissez Ouvrir la fenêtre contextuelle sur On Scroll. Ensuite, définissez le pourcentage de progression du défilement, qui correspond à la distance parcourue par un visiteur avant l'apparition de la fenêtre contextuelle.

Que signifie le pourcentage de progression du défilement ?

C'est la part de la page qu'un visiteur fait défiler avant que la popup ne se déclenche À 40 %, la popup s'ouvre une fois que quelqu'un a fait défiler 40 % de la descente Les valeurs inférieures le montrent plus tôt, les valeurs plus élevées attendent plus longtemps.

Quel est un bon pourcentage de défilement pour une popup ?

Environ 30 à 50 pour cent fonctionne pour la plupart des pages C'est assez loin que le visiteur soit engagé avec votre contenu mais pas si loin qu'il ait fini de lire ou qu'il soit déjà parti.

Puis-je empêcher la popup de s'afficher à chaque fois ?

Oui. Utilisez l'option Afficher à nouveau le délai sous le curseur Progression de défilement pour définir combien de temps avant que la fenêtre contextuelle puisse revenir après qu'un visiteur l'a fermée.

Ai-je besoin d'Elementor Pro pour une fenêtre contextuelle de défilement ?

Non. Le constructeur de fenêtres contextuelles Master Addons fonctionne avec la version gratuite d'Elementor, donc le déclencheur On Scroll et le paramètre Scroll Progress fonctionnent sans Elementor Pro. Le déclencheur On Scroll lui-même a besoin de Master Addons Pro, puisque le plugin gratuit ouvre chaque fenêtre contextuelle sur le chargement de la page.

Lecture Connexe #

  • Paramètres du constructeur de fenêtres contextuelles Master Addons
  • Options de déclenchement de la pop-up expliquées
  • Comment ajouter gratuitement une pop-up dans Elementor
Quels sont vos Sentiments

Partager cet article :

  • Facebook
  • X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X
  • Lié
  • Pinterest
Toujours coincé ? comment pouvons-nous aider ?

Comment pouvons-nous aider ?

Mis à jour le 15 septembre 2026
Comment ouvrir une fenêtre contextuelle sur le défilement vers un élément spécifique dans ElementorComment ouvrir une fenêtre contextuelle sur Cliquez dans Elementor
Table des matières
  • Avant de commencer
  • Étape 1 : Ouvrez votre pop-up dans Elementor
  • Étape 2 : Définissez la fenêtre contextuelle pour ouvrir sur le défilement
  • Étape 3 : Définissez le pourcentage de progression du défilement
  • Étape 4 : Aperçu et défilement
  • Dépannage
  • Foire aux questions
    • Comment puis-je ouvrir une fenêtre contextuelle Master Addons sur le parchemin ?
    • Que signifie le pourcentage de progression du défilement ?
    • Quel est un bon pourcentage de défilement pour une popup ?
    • Puis-je empêcher la popup de s'afficher à chaque fois ?
    • Ai-je besoin d'Elementor Pro pour une fenêtre contextuelle de défilement ?
  • Lecture Connexe

Rejoignez plus de 30 000 créateurs Web qui font confiance à Master Addons

Obtenez tous les widgets et modèles premium que vous désirez, construits avec un code propre qui maintient votre site rapide Abandonnez le bloat, pas les fonctionnalités.

Essayez la démo en direct
Rejoignez la communauté
Modules complémentaires principaux pour Elementor
Logo principal des modules complémentaires

Plus de 80 widgets haut de gamme et mises à jour à vie : construisez au-delà des limites. Une création exclusive par Laboratoires Pixar

Facebook-f Twitter Youtube Wordpress
Caractéristiques
  • Kits modèles
  • Bibliothèque de modèles
  • Constructeur de widgets
  • Constructeur de thèmes
  • Mega Menu Builder
Soutien
  • Forum d'assistance
  • Contactez-nous
  • Rejoindre la communauté
  • Blog
  • Critiques Vidéo
Ressources
  • Mon Compte
  • Changlogs
  • Documentation
  • Tutoriels Vidéo
  • Toolz.dev
Naviguer
  • Postulez pour Affilié
  • Conditions d'utilisation
  • Politique de remboursement
  • Politique de confidentialité
  • À propos de nous