Widget de bouton de fermeture contextuelle d'élémenteur (déclencheur de popup)

Le X dans le coin d'une popup est la pièce unique que vous ne pouvez pas redessiner. Popup Trigger est un widget gratuit qui ajoute votre propre bouton de fermeture dans une popup construite avec le Créateur de fenêtres contextuelles Master Addons. Écrivez le texte du bouton, choisissez une icône et choisissez ce que fait le clic : fermez la fenêtre contextuelle, fermez-la définitivement ou renvoyez le visiteur à la page précédente. Il ferme les fenêtres contextuelles. Il ne les ouvre pas.

Popup Trigger fermez le widget bouton dans une fenêtre contextuelle Master Addons

Comment ajouter un bouton Fermer à une fenêtre contextuelle d'élémenteur

Vous avez besoin d'Elementor et du plugin gratuit Master Addons Si vous n'avez pas encore construit de popup, commencez par comment ajouter une fenêtre contextuelle dans Elementor gratuitement.

  1. Aller à Additions maîtresses, popups et ouvrez votre popup dans Elementor.
  2. Rechercher pour Déclencheur Popup et faites-le glisser dans le contenu contextuel.
  3. Choisissez le Action du bouton: Fermez Popup, fermez en permanence ou revenez à Referrer.
  4. Pour Close Popup, set Afficher à nouveau le retard. Allumez Rediriger vers l'URL une fois fermé si le clic doit amener le visiteur sur une autre page.
  5. Définissez le texte du bouton, l'icône et l'alignement, puis stylisez-le dans l'onglet Style.
  6. Publiez la fenêtre contextuelle et testez le bouton sur le frontal.
Déclencheur Popup Afficher à nouveau Paramètre de retard

Décidez quand la pop-up est autorisée à revenir

Afficher la même fenêtre contextuelle sur chaque vue de page est la façon dont une bonne offre se transforme en gêne. Le paramètre Afficher à nouveau le délai se trouve sur le bouton de fermeture lui-même, de sorte qu'un visiteur qui rejette la fenêtre contextuelle obtient une pause avant d'être autorisé à revenir.

  • Dix-sept préréglages de délai : La liste déroulante s'étend d'une minute à un mois : minutes à 1, 3, 5, 10 et 30, heures à 1, 3, 6 et 12, puis jours à 1, 3, 5, 7, 10, 15 et 20. Laissez-le sans délai et la fenêtre contextuelle est libre d'apparaître à nouveau sur le chargement de page suivant.
  • Se souvient dans le navigateur : Le temps de fermeture entre dans le propre stockage du navigateur du visiteur, lié à l'ID de cette fenêtre contextuelle. Personne n'a besoin de se connecter pour que cela fonctionne, et toutes les autres fenêtres contextuelles du site conservent leur propre timing séparé.
  • Différents boutons, différentes règles : Parce que le délai vit sur le bouton plutôt que sur la popup, deux boutons de fermeture dans la même popup peuvent se comporter différemment Un bouton“Remind me later” définit une pause d'un jour tandis qu'un bouton“No thanks” à côté ferme la popup de façon permanente.

Envoyez des gens quelque part au lieu de nulle part

Fermer une fenêtre contextuelle renvoie normalement un visiteur sur la page qu'il ignorait déjà. Activez la redirection vers l'URL une fois fermé et le même clic peut le rendre plus utile.

  • Toute URL que vous souhaitez : Pointez le bouton de fermeture sur une page de tarification, un article d'assistance, un forfait moins cher ou directement pour le paiement. Activez l'interrupteur, collez le lien et la redirection se déclenche une fois la fenêtre contextuelle fermée.
  • Prise en charge dynamique des balises : Le champ URL prend les balises dynamiques Elementor, de sorte que la destination peut provenir de la publication ou d'un champ personnalisé au lieu d'être codée en dur. Un modèle contextuel peut ensuite envoyer des visiteurs dans un endroit différent sur chaque page à laquelle il apparaît.
  • Même onglet uniquement : La redirection s'exécute dans le même onglet du navigateur juste après la fermeture de la fenêtre contextuelle. Les options New Tab et nofollow sur le champ de lien n'ont aucun effet ici.
Popup Trigger rediriger vers URL lorsque le paramètre est fermé
Commandes de style de bouton Popup Trigger

Stylez-le comme n'importe quel autre bouton de votre site

Le déclencheur est un élément Elementor normal, ce qui signifie qu'il est livré avec un onglet Style complet Tout ce qui s'y trouve répond à votre conception plutôt qu'au balisage intégré de la fenêtre contextuelle.

  • Vos mots, pas les“Close”: Le texte du bouton est un champ de texte brut, et il prend également des balises dynamiques. “Peut-être plus tard” ou “Continue to the site” indique à un visiteur ce que le clic fera, ce qui est plus qu'un symbole de coin ne gère.
  • Icône avant ou après: Ajoutez une icône Font Awesome ou SVG personnalisée et placez-la avant ou après l'étiquette, ou définissez Position de l'icône sur Aucun et sautez-la. Des curseurs séparés contrôlent la taille SVG et l'écart entre l'icône et le texte.
  • États normaux et de vol stationnaire : La couleur du texte, la couleur d'arrière-plan, la couleur de la bordure et l'ombre de la boîte obtiennent chacune leurs propres valeurs Normal et Hover La durée de transition est un champ numérique, de sorte que le vol stationnaire peut s'enclencher ou se détendre en fonction du comportement du reste de vos boutons.

Elementor Pro Fermer Popup Action vs Popup Trigger

Les popups Elementor Pro se ferment à partir de n'importe quel lien de bouton défini sur l'action Popup. Popup Trigger fait le même travail pour les popups réalisés avec le Master Addons Popup Builder.

CaractéristiqueAction rapprochée de la fenêtre contextuelle Elementor ProDéclencheur de pop-up Master Addons
Fonctionne avecPopups Elementor ProPopups des addons principaux
ConfigurationLien dynamique sur un widget BoutonUn widget dédié avec ses propres commandes de style
Arrêtez de vous montrer à nouveau“Ne plus afficher, bascule”Fermer En permanence, ou un délai de présentation de 1 minute à 1 mois
Redirection après fermetureNon, sauf si vous ajoutez du code personnaliséOui, Redirigez vers l'URL une fois fermé
Revenez à la page précédenteNonOui, Retournez à Referrer
Ouvrez une fenêtre contextuelle en cliquant surOui, Popup Open actionNon. Dans Master Addons, c'est le déclencheur On Click, qui a besoin de Pro
CoûtÉlémenteur ProGratuit

Connexes : le Créateur de fenêtres contextuelles Master Addons, Conditions d'affichage (Pro) et Appel à l'action pour le contenu popup.

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Bouton de fermeture du déclencheur contextuel
Bouton de fermeture du déclencheur contextuel

Foire aux questions

Réponses aux questions courantes sur le widget Master Addons Popup Trigger.

Que fait le widget Popup Trigger ?

Il ajoute un bouton stylisé à l'intérieur d'une fenêtre contextuelle Master Addons Un clic ferme la fenêtre contextuelle, la ferme définitivement ou renvoie le visiteur vers la page d'où il vient Vous pouvez également rediriger vers une URL après la fermeture de la fenêtre contextuelle.

No. Popup Trigger ne ferme que les popups Pour ouvrir une popup Master Addons quand quelqu'un clique sur un bouton, définissez le paramètre Open Popup de la popup sur On Click et entrez un sélecteur CSS On Click est un déclencheur Master Addons Pro. Le plugin gratuit ouvre les popups sur le chargement de la page.

À l'intérieur d'une popup construite avec le Master Addons Popup Builder Le panneau montre une note que le widget ne fonctionne que là Sur une page normale le bouton ne fait rien Le guide de ajout d'une fenêtre contextuelle dans Elementor gratuitement couvre la construction de la popup en premier.

Fermer Popup cache la popup et la garde à l'écart pour le Show Again Delay que vous choisissez, de aucun délai jusqu'à un mois Fermer Stocke en permanence un très long délai dans le navigateur du visiteur, de sorte que la popup reste cachée pour ce visiteur à moins qu'il ne supprime le stockage de son navigateur.

Oui. Popup Trigger et Popup Builder se trouvent dans le plugin gratuit Master Addons. Pro ajoute des déclencheurs contextuels tels que On Click, On Scroll et Exit Intent, ainsi qu'un ciblage de page.

Voir le Documentation Popup Trigger pour chaque paramètre avec des captures d'écran.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails