Les paramètres de l’onglet Comportement déterminent quand et comment un module apparaît et quitte une page.

Programme

Par défaut, votre module commence à apparaître sur votre site dès sa publication. Mais vous pouvez créer un calendrier pour contrôler exactement quand il apparaît et quand il cesse d’apparaître également. Cliquez sur le bouton Planifier pour continuer.

programme

Planifier entre

Si vous souhaitez que votre module s’affiche toujours par défaut, laissez simplement les cases à cocher Démarrer immédiatement après la publication et Ne jamais terminer la planification cochées dans le modal de planification. Sinon, utilisez les sélecteurs de date et d’heure pour sélectionner le jour et l’heure précis que votre module commence à afficher et / ou quand il s’arrête.

L’exemple ci-dessous montre le module programmé pour commencer à s’afficher immédiatement et cesser de s’afficher à minuit le 16 novembre 2020.

schedule between

Actif sur

Par défaut, le module affichera tous les jours et toute la journée selon les dates et heures de début et de fin que vous avez définies ci-dessus, mais vous pouvez affiner cela ici. Si vous souhaitez que votre module n’apparaisse que certains jours de la semaine, cliquez sur Jours de la semaine sélectionnés et cochez les jours de la semaine que vous souhaitez afficher.

Si vous souhaitez programmer le module pour qu’il apparaisse uniquement entre certaines heures des jours sélectionnés, décochez la case Toute la journée et définissez les heures d’affichage. L’exemple ci-dessous montre le module programmé pour s’afficher du mardi au samedi, entre 9h. et 18h

active on

Programmer le fuseau horaire

Par défaut, la planification de votre module sera définie en fonction du fuseau horaire du serveur spécifié sous Paramètres> Général> Fuseau horaire dans l’administrateur de votre site. Mais vous pouvez changer cela ici si vous voulez que le module s’affiche aux heures définies dans un fuseau horaire différent ; par exemple, pour vos clients étrangers.

schedule timezone

Déclencheurs (popups et diapositives uniquement)

Le point auquel un module Popup ou diapositive apparaît sur une page peut être important. Vous pouvez par exemple choisir que les visiteurs voient le module au moment où une page s’ouvre, avant d’avoir le temps de consulter ou d’interagir avec le contenu de la page. Sur certaines pages, vous souhaiterez peut-être donner aux visiteurs le temps de visualiser le contenu de la page avant que le module n’apparaisse. Sur d’autres, vous souhaiterez peut-être faire apparaître un module lorsque les utilisateurs cliquent sur quelque chose, ou s’ils ont un addon adblocker actif dans leur navigateur.

Vous pouvez activer n’importe quelle combinaison de plusieurs déclencheurs disponibles, ou un seul si vous voulez rester simple.

declencheur popup

Pour définir un déclencheur, activez celui de votre choix et configurez ses paramètres comme décrit ci-dessous.

Temps

Avec cette option, les modules apparaîtront après la période indiquée. Sélectionnez une unité de temps dans le menu déroulant et saisissez la période de délai dans le champ Ajouter un délai. Un délai de 0 (zéro) déclenche le module au moment du chargement de la page.

temps

Faire défiler

Le déclencheur de défilement affiche un module lorsque la page fait défiler un certain pourcentage ou lorsqu’un utilisateur fait défiler un sélecteur CSS désigné.

La première chose à faire est de sélectionner l’option qui correspond au déclencheur de défilement que vous préférez.

  • Pourcentage de défilement – Définissez le pourcentage de défilement dans le champ fourni. Utilisez la fonction Aperçu pour trouver le point de défilement auquel vous voulez que le module apparaisse.
  • Faites défiler jusqu’à l’élément – Pour utiliser le déclencheur CSS, entrez la classe de sélecteur ou l’ID de n’importe quel élément de la page, et le module sera affiché la première fois que l’utilisateur fait défiler cet élément.

defillement

Cliquez sur

Le déclencheur Click affiche un module lorsqu’un élément spécifié sur la page est cliqué. Les deux types de déclencheurs de clic peuvent être utilisés en même temps et, en fait, plusieurs instances de chaque déclencheur peuvent être ajoutées et actives en même temps sur n’importe quelle page.

  • Déclenchez en cliquant sur un ou plusieurs éléments de page existants – entrez la (les) classe (s) ou ID d’un ou plusieurs éléments de la page que vous souhaitez utiliser pour déclencher l’affichage de votre module lorsque vous cliquez dessus.
  • Rendre un bouton de déclenchement – crée un shortcode de bouton qui peut être utilisé n’importe où sur la page qui déclenche le module lorsque vous cliquez dessus.

click

Cliquez sur un élément existant
Il y a trois choses importantes à retenir lors de l’ajout de déclencheurs de clic à des éléments HTML :

  • L’ajout d’un déclencheur à un élément HTML ne modifie pas l’apparence de l’élément. Les utilisateurs ne sauront pas que l’élément est un déclencheur à moins qu’ils ne cliquent dessus.
  • Les déclencheurs ajoutés aux éléments HTML remplaceront temporairement ou définitivement toute autre fonctionnalité de l’élément, selon l’option que vous sélectionnez dans les paramètres Comportement de fermeture ci-dessous.
  • Les déclencheurs ne sont actifs que lorsque le module auquel ils s’appliquent est actif. Une fois qu’un module a été fermé, soit par action de l’utilisateur, soit par méthode de fermeture automatique, le déclencheur est désactivé.

Ces deux derniers points nécessitent quelques précisions. Supposons, par exemple, que l’un des déclencheurs de clic que vous avez configurés soit également un lien hypertexte. La première fois qu’un utilisateur clique sur ce lien, il n’ouvrira pas l’URL cible comme il le ferait normalement, mais déclenchera à la place le module. Une fois le module fermé, le déclencheur sera désactivé et la fonctionnalité du lien hypertexte sera restaurée la prochaine fois que cette page sera visitée, mais seulement tant que l’option Comportement de fermeture sélectionnée n’est pas Continuez à afficher ce message. Si cette option est définie sur Continuer à afficher ce message, ce déclencheur sera toujours actif et déclenchera toujours le module lorsque vous cliquez dessus.

Pour transformer n’importe quel élément HTML d’une page en déclencheur, ajoutez le sélecteur d’élément au champ fourni. Vous pouvez transformer autant d’éléments HTML que vous le souhaitez en déclencheurs en ajoutant plusieurs sélecteurs à la liste, en séparant chacun d’eux par une virgule, comme illustré dans l’exemple ci-dessous.

Entrez le sélecteur CSS pour afficher un module lorsque vous cliquez sur l'élément de page

Comment identifier le sélecteur d’un élément
Pour identifier le sélecteur CSS d’un élément dans Chrome, Firefox, Opera et Internet Explorer :

Tout d’abord, faites un clic droit sur l’élément et choisissez l’option Inspecter ou Inspecter l’élément.

inspecter

Cela ouvrira une console de développeur avec le code de l’élément en surbrillance. Maintenant, dans la console:

  1. Cliquez sur les trois points à gauche du code en surbrillance pour ouvrir le menu.
  2. Cliquez sur Copier
  3. Cliquez sur le sélecteur de copie

copy selector

Le sélecteur de l’élément est maintenant dans votre presse-papiers. Collez le sélecteur dans le champ prévu pour ajouter un déclencheur à l’élément sélectionné. Enregistrez vos modifications et utilisez le bouton Aperçu pour tester le déclencheur.

Notez que si la méthode ci-dessus peut être suffisante dans la plupart des cas, elle ne copie pas la classe spécifique du sélecteur dans votre presse-papiers. Donc, si vous en avez besoin pour votre déclencheur, regardez le HTML de l’élément en surbrillance et vous verrez son ID s’il y en a un, ainsi que toutes ses classes. Utilisez une classe si vous souhaitez que tous les éléments de cette même classe deviennent des déclencheurs de module Hustle, ou utilisez l’ID d’élément si vous souhaitez que seul cet élément soit utilisé comme déclencheur.

Identifier le sélecteur CSS d'un élément à utiliser comme déclencheur de module Hustle

Rendre un bouton de déclenchement
Lorsque la fonction Rendre un bouton de déclenchement est activée, Hustle crée un shortcode qui peut être inséré pratiquement n’importe où sur une page avec la fonction de shortcode disponible dans l’éditeur WordPress. Par défaut, le bouton contient le libellé Click , que vous pouvez voir ci-dessous imbriqué dans le shortcode. Ce texte peut être modifié si nécessaire en remplaçant le mot «Cliquez» par le texte que vous souhaitez voir apparaître dans le bouton.

trigger bouton

Par défaut, le bouton a l’apparence d’un lien hypertexte typique, mais vous pouvez modifier l’apparence du bouton avec CSS ajouté au personnalisateur WordPress,  Menu Admin> Apparence> Personnaliser> CSS personnalisé. L’image ci-dessous montre le bouton dans son état par défaut et le même bouton personnalisé avec CSS. Notez que plusieurs boutons peuvent être ajoutés à n’importe quelle page.

Déclencheur Hustle par défaut stylisé avec CSS

Intention de sortie

Les déclencheurs d’intention de sortie afficheront un module lorsque la souris des utilisateurs se déplace vers les options de fermeture d’une page, généralement les boutons de fermeture ( X ), avant ou arrière. La fonctionnalité garantit que les utilisateurs voient au moins une option de conversion avant de quitter un site.

  • Déclenchement une fois par session – L’activation du déclenchement une fois par session garantit qu’un module n’apparaît qu’une seule fois. Cela empêche une boucle sans fin du module d’apparaître, de se fermer puis de réapparaître lorsque l’utilisateur tente à nouveau de quitter la page. Cela garantit également que les utilisateurs ne verront le module sur une page donnée qu’une seule fois s’ils visitent la même page plusieurs fois au cours d’une seule session.
  • Delay – L’activation de l’option Delay retardera l’affichage du module pendant la période définie dans les champs fournis.

exit intent

Blocage d’annonces

L’activation de la fonction de blocage des publicités affichera un module chaque fois que Hustle détectera un addon ou une extension de blocage des publicités actif dans le navigateur d’un utilisateur. Vous pouvez également spécifier un délai facultatif avant que la fenêtre contextuelle n’apparaisse.

adblock

Paramètres d’animation (fenêtres contextuelles et intégration uniquement)

Les modules peuvent être animés lorsqu’ils apparaissent et / ou lorsqu’ils quittent l’écran. Choisissez les animations d’entrée et de sortie souhaitées dans les menus déroulants et utilisez le bouton Aperçu pour prévisualiser les animations.

Notez que les fenêtres contextuelles ont des options pour les animations d’entrée et de sortie, tandis que les incorporations n’ont qu’une animation d’entrée.

parametres d animation

Position coulissante (Diapositives uniquement)

Sélectionnez l’emplacement de l’écran à partir duquel vous souhaitez que votre Diapositive apparaisse. Vous pouvez le configurer pour qu’il apparaisse dans l’une de ces zones:

  • En haut à gauche, au centre ou à droite
  • Centre gauche ou droit
  • En bas à gauche, au centre ou à droite

Options de position dans le module Hustle Slide-In

Méthodes de fermeture supplémentaires (popups et diapositives uniquement)

La plupart des modules nécessitent une interaction de l’utilisateur pour déclencher leur fermeture. Ces options sont destinées à résoudre ces instances lorsque les utilisateurs n’interagissent pas avec le module. Ils incluent :

  • Fermeture automatique – Fermez les modules après la période de temps que vous avez définie en configurant les champs fournis.
  • Lorsque vous cliquez à l’extérieur (Popups uniquement) – Fermez les modules lorsque les utilisateurs cliquent sur la page n’importe où en dehors du module.
  • Après la conversion CTA (Popups uniquement) – De nombreux boutons d’appel à l’action redirigent les utilisateurs vers une nouvelle page, et s’ils sont configurés pour le faire, fermeront la page d’origine dans le processus. Cependant, si un CTA s’ouvre dans un nouvel onglet ou ne nécessite pas de redirection, ces contrôles garantissent que le module ne reste pas ouvert indéfiniment sur la page d’origine.

methodes de cloture supplementaires

Comportement de fermeture (fenêtres contextuelles et diapositives uniquement)

Ces paramètres déterminent le comportement d’un module une fois fermé et vous pouvez sélectionner les options de fermeture auxquelles ce comportement doit s’appliquer.

Fermé par

L’option qui apparaît ici dépend des options activées dans les méthodes de clôture supplémentaires ci-dessus.

  • Pop-up fermé par le visiteur en cliquant sur l’icône «x» – Il s’agit de la valeur par défaut et il est recommandé de laisser cette option activée afin que les visiteurs de votre site puissent cliquer sur l’icône «x» pour fermer le module s’ils le souhaitent.
  • Fermeture automatique basée sur le minuteur de fermeture automatique – Cochez cette option pour appliquer le comportement lorsque le module se ferme en fonction de ce que vous avez défini dans la fenêtre contextuelle de fermeture automatique ci-dessus.
  • Popup fermé en cliquant en dehors du Popup (Popup uniquement) – Cochez cette option pour que le comportement s’applique lorsque l’utilisateur ferme le popup en cliquant en dehors de celui-ci.

Comportement

Votre sélection ici s’appliquera aux méthodes de clôture que vous avez sélectionnées juste au-dessus.

  • Ne pas afficher ce message sur ce message / cette page – Ce paramètre garantit que les utilisateurs ne rencontrent un module donné qu’une seule fois sur une page donnée, qu’ils interagissent ou non avec celui-ci. Ce paramètre n’empêchera pas les utilisateurs de voir le même module sur une autre page où il est configuré pour apparaître.
  • Ne pas afficher ce message sur le site – Ce paramètre garantit que les utilisateurs ne rencontrent un module donné qu’une seule fois sur votre site, qu’ils interagissent ou non avec celui-ci.
  • Continuer à afficher ce message – Ce paramètre permet aux modules d’apparaître à plusieurs reprises aux utilisateurs jusqu’à ce que le module soit désactivé par une autre action, telle que la soumission.

Pour les deux premières options ci-dessus, utilisez le champ Réinitialiser après et le menu déroulant pour choisir un moment futur où le module sera à nouveau affiché aux utilisateurs pour lesquels il avait été désactivé.

comportement de fermeture

Paramètres additionnels

Voici quelques options supplémentaires pour vous donner plus de contrôle sur ce qui se passe lorsque les utilisateurs interagissent avec votre page et / ou votre module.

Défilement de page (Popups uniquement)

Sélectionnez Activer pour permettre aux utilisateurs de faire défiler une page pendant que la fenêtre contextuelle est affichée. Les modules conserveront leur position sur l’écran pendant le défilement. La sélection de Désactiver empêchera les utilisateurs d’interagir avec la page de quelque manière que ce soit jusqu’à ce que le module soit fermé.

Visibilité après opt-in (modules Optin uniquement)

  • Continuer à s’afficher – Ce paramètre permettra au module de continuer à apparaître conformément à tous les autres paramètres, même après qu’un utilisateur a accepté ou opté.
  • Ne plus afficher sur le site – Ce paramètre désactivera le module partout où il apparaît après l’ouverture de l’utilisateur.
  • Ne plus afficher sur cette page / cet article – Ce paramètre désactivera le module uniquement sur la page à partir de laquelle l’utilisateur s’est inscrit. Il continuera à apparaître selon sa configuration ailleurs sur le site.

visibility after opt in

Visibilité après la conversion CTA (apparaît uniquement si l’incitation à l’action est activée sous l’onglet Contenu )

  • Continuer à s’afficher – Ce paramètre permettra au module de continuer à apparaître conformément à tous les autres paramètres, même après qu’un utilisateur a accepté ou opté.
  • Ne plus afficher sur le site – Ce paramètre désactivera le module partout où il apparaît après qu’un utilisateur clique sur le bouton CTA.
  • Ne plus afficher sur cette page / cet article – Ce paramètre désactivera le module uniquement sur la page à partir de laquelle l’utilisateur clique sur le CTA. Il continuera à apparaître par sa configuration ailleurs sur le site.

Options de visibilité du module après le clic CTA dans le module Hustle

Comportement de conversion de formulaire externe

Ce paramètre s’applique aux formulaires provenant de sources externes ou d’autres plugins qui ont été intégrés dans un module.

  • Fermer – Ce paramètre fermera un module contenant un formulaire externe une fois qu’un utilisateur a soumis ce formulaire. Les utilisateurs qui ne soumettent pas le formulaire continueront à voir le module conformément à d’autres paramètres.
  • Redirection – Ce paramètre redirige les utilisateurs vers l’URL cible du formulaire lorsque le formulaire est soumis.
  • Ne rien faire – Ce paramètre permettra aux paramètres de visibilité après la désactivation de s’appliquer aux modules intégrés à des formulaires externes.

comportement de conversion