Générateur de fenêtres contextuelles

Générateur de pop-ups de GutenKit est un module qui permet aux utilisateurs de créer et de personnaliser différents types de fenêtres contextuelles, telles que des fenêtres modales, des lightboxes ou des superpositions, pour leurs sites Web.

Voyons comment fonctionne le module.

Générateur de pop-ups GutenKit #

C'est un Module Pro. N'oubliez pas de l'obtenir auprès de ici.

  • Accédez à votre tableau de bord WordPress
  • Trouvez GutenKit et accédez à Modules
  • Trouvez Popup Builder et activez-le

Créer une nouvelle fenêtre contextuelle #

Maintenant, vous pouvez voir Popup Builder sous les modules, vous devez cliquer dessus et vous pouvez créer une fenêtre contextuelle.

Créer une nouvelle fenêtre contextuelle
  1. Cliquez sur le signe plus
  2. Vous verrez le Popup Builder, cliquez dessus
Cliquez sur le générateur de pop-up

Ensuite, dans le champ contextuel, vous verrez à nouveau un signe plus et ajoutez n'importe quel bloc de votre choix.

Prenez n'importe quel bloc avec le générateur de pop-up

Modification d'une partie du contenu #

  • Événement ouvert : Détermine le moment où la fenêtre contextuelle apparaît. Les options ici sont :
    • Au chargement de la page : ici, vous pouvez ajuster Délai d'ouverture (s) il est temps de charger la page.
    • Après l'inactivité : Il vous permet de régler Temps d'inactivité de l'utilisateur (s).
    • Page défilée : vous devez définir Progression du défilement de la page (%) ici.
    • Intention de sortie sur la page : elle déclenche une fenêtre contextuelle lorsqu'un utilisateur est sur le point de quitter la page.
    • À la date : ici vous pouvez ajuster Heure et date.
    • Sélecteur personnalisé Cliquez sur : Il a un Classe de sélecteur ajout d'une option, qui spécifie un élément sur la page pour déclencher la fenêtre contextuelle.
  • Animation d'entrée : Ici, vous pouvez choisir le style de saisie de la fenêtre contextuelle (par exemple, fondu, zoom, rotation, défilement, etc.).
  • Sortie de l'animation : Il vous permet de choisir le style de fermeture du popup (par exemple, fondu, glissement).
  • Durée de l'animation : Il vous permet de contrôler la vitesse des animations d'entrée et de sortie.
Modification du contenu du générateur de fenêtres contextuelles
  • Bouton Fermer : Il s'agit d'un bouton permettant de fermer manuellement la fenêtre contextuelle.
  • Fermer en cliquant à l'extérieur : En activant le bouton, vous pouvez permettre aux utilisateurs de fermer la fenêtre contextuelle en cliquant en dehors de celle-ci.
  • Recouvrir: Il s'agit de l'arrière-plan derrière la fenêtre contextuelle, dont l'apparence peut être personnalisée.
  • Bouton Fermer : Il s'agit d'un bouton permettant de fermer manuellement la fenêtre contextuelle.
  • Fermer en cliquant à l'extérieur : En activant le bouton, vous pouvez permettre aux utilisateurs de fermer la fenêtre contextuelle en cliquant en dehors de celle-ci.
  • Recouvrir: Il s'agit de l'arrière-plan derrière la fenêtre contextuelle, dont l'apparence peut être personnalisée.

Condition de réglage #

Condition: Cette partie vous permet de spécifier dans quelles circonstances le popup doit apparaître ou être masqué.

  • Inclure
    • Site complet : La fenêtre contextuelle sera affichée sur toutes les pages de votre site Web.
    • Singulier: La fenêtre contextuelle ne s'affichera que sur des pages individuelles spécifiques.
    • Archive: La fenêtre contextuelle s'affichera uniquement sur les pages d'archives (par exemple, les archives des auteurs, les résultats de recherche, les catégories de publication, etc.).
  • Exclure
    • Site complet : La fenêtre contextuelle sera masquée sur toutes les pages de votre site Web.
    • Singulier: La fenêtre contextuelle sera masquée sur des pages individuelles spécifiques.
    • Archive: La fenêtre contextuelle sera masquée sur les pages d'archives.
Définition des conditions des fenêtres contextuelles

Style d'édition #

Comme tout autre bloc et module GutenKit, vous pouvez également styliser le générateur de pop-ups. Ici, les options de style sont : largeur, hauteur, position, couleur, remplissage, etc.

Comment la fenêtre contextuelle apparaît #

Vous pouvez personnaliser la popup selon vos choix. Voir l'exemple.

Sortir #

Voici comment fonctionne le générateur de popups.

Quels sont tes sentiments
Mis à jour le 5 septembre 2024