Comment afficher une popup avec un clic ?
L’article suivant s’applique à notre tout nouveau éditeur de formulaires et popups. L’aide pour l’éditeur ancien est disponible ici.
Vous pouvez désormais configurer le formulaire pour qu’il apparaisse lorsque votre visiteur clique sur un bouton ou un lien de votre choix. Vous pouvez combiner le déclencheur par clic avec différents autres déclencheurs, vous pouvez en savoir plus sur les autres déclencheurs ici.
Configuration du déclencheur au clic
Pour configurer le déclencheur au clic pour votre popup :
- Allez dans Formulaires et popups et cliquez sur le nom.
- Cliquez sur Modifier sous les Règles d’affichage.
- Cliquez sur Modifier les déclencheurs pour sélectionner l’action qui fera apparaître la popup.
- Sélectionnez Quand l’utilisateur clique.
- Entrez le sélecteur CSS qui identifie l’élément HTML qui, lorsqu’il est cliqué, ouvre la popup. Consultez les exemples de déclencheur ci-dessous. Si vous ne pouvez pas accéder au code de votre site, consultez votre développeur.
- Cliquez sur Suivant.
Exemples de sélecteurs CSS
Un sélecteur CSS est un modèle utilisé en développement web pour cibler et styliser des éléments HTML spécifiques sur une page web. Lors de la configuration d’un déclencheur au clic pour votre formulaire popup dans GetResponse, le sélecteur CSS identifie le bouton ou le lien que les visiteurs doivent cliquer pour déclencher la popup.
Imaginez que vous avez un bouton sur votre site web avec le code HTML suivant :
<button class="subscribe-button">Subscribe Now</button>
Pour utiliser ce bouton comme déclencheur pour votre formulaire popup, vous devez définir le sélecteur CSS pour le cibler. Par exemple :
- Pour le cibler par sa classe (cela fonctionnera pour tous les éléments HTML de cette classe) :
.subscribe-button - Pour le cibler par sa balise HTML et sa classe (ce qui peut fonctionner pour tous les boutons de cette classe) :
button.subscribe-button - Pour cibler un bouton avec un ID spécifique (si le bouton avait id=”subscribe”) :
#subscribe
Le sélecteur par ID/# trouve le premier élément correspondant et le clic sera enregistré uniquement sur celui-ci. Le sélecteur par classe fonctionne sur plusieurs éléments, tout comme les autres sélecteurs. Le sélecteur ID/# est unique à cet égard.
Si vous souhaitez que le clic s’exécute exactement sur ce que vous voulez, assurez-vous que le sélecteur soit unique.
La configuration d’un déclencheur au clic en utilisant des sélecteurs CSS nécessite des connaissances de base en HTML et CSS. Si vous n’êtes pas familier avec ces concepts ou la structure du code de votre site web, nous vous recommandons de consulter votre développeur web.
Veuillez noter que GetResponse ne fournit pas de support technique pour la configuration des sélecteurs CSS. Cependant, si vous avez besoin de conseils généraux, vous pouvez consulter des ressources en ligne ou demander l’aide d’un professionnel.