Objectif de cet article

Découvrez les paramètres de fermeture de vos formulaires d’inscription, y compris comment styliser les icônes de fermeture et les options de fermeture disponibles pour chaque type de formulaire et les teaser de formulaire.

Rendre votre formulaire d’inscription facile à fermer pour les acheteurs peut sembler contre-intuitif, mais un acheteur qui se sent frustré en essayant de fermer un formulaire est peu susceptible de continuer à naviguer sur votre site. Offrir une expérience positive, même lorsqu’une personne ferme un formulaire, peut susciter de la bienveillance, et rendre un visiteur plus susceptible de s’abonner ultérieurement.

Avant de commencer

En ce qui concerne les paramètres de fermeture d’un formulaire d’inscription, vous avez la possibilité de :

  • Personnalisez le style des icônes de fermeture sur les formulaires d’inscription et les teasers de formulaire
  • Contrôler le comportement de fermeture des formulaires pop-up
  • Contrôler le comportement de fermeture des formulaires volant sur les appareils mobiles

Mise en forme de l’icône de fermeture d’un formulaire

Tous les formulaires pop-up, volants et pleine page comportent par défaut une icône de fermeture (bouton X) située dans le coin supérieur droit du formulaire.

Les formulaires intégrés sont intégrés à une page spécifique de votre site, ils n’ont donc pas d’icône de fermeture.

Pour personnaliser le style de l’icône de fermeture de votre formulaire d’inscription :

  1. Accédez à Formulaires d’inscription, ouvrez le menu à 3 points à côté de votre formulaire, puis sélectionnez Modifier.
  2. Cliquez sur le bouton X du formulaire dans l’aperçu.
  3. Dans le panneau Icône de fermeture à gauche, ajustez la position, la taille, la couleur, l’épaisseur, la couleur d’arrière-plan, la couleur de la bordure, et la marge du bloc.
    • Par exemple, pour créer un X simple sans arrière-plan ni bordure, définissez la couleur d’arrière-plan et la couleur de la bordure sur transparentes.
The settings menu for a close icon where you can edit it's style options.
The settings menu for a close icon where you can edit it's style options.

Les paramètres de conception que vous sélectionnez s’appliqueront aux versions ordinateur et mobile de votre formulaire (si votre formulaire est configuré pour s’afficher sur les deux types d’appareils). Utilisez le sélecteur de vue ordinateur/mobile au-dessus de l’aperçu pour vérifier l’icône de fermeture du formulaire sur mobile.

The form editor for an example form with an arrow pointing to the desktop and mobile toggle.
The form editor for an example form with an arrow pointing to the desktop and mobile toggle.

Si votre formulaire d’inscription comporte un teaser, vous pouvez choisir s’il comporte un bouton de fermeture. Par défaut, votre teaser ne comporte pas d’icône de fermeture. Pour en ajouter un, sélectionnez teaser dans la barre au-dessus de l’aperçu, puis cliquez sur le bouton plus à côté de Icône de fermeture (Ajouter une icône de fermeture). Utilisez les contrôles de cette section pour styliser l’icône de fermeture du teaser.

The Show close button toggle in the targeting and behavior settings for a form teaser.
The Show close button toggle in the targeting and behavior settings for a form teaser.

Paramètres de fermeture et comportement

Pour un formulaire pop-up, vous pouvez choisir si les visiteurs du site peuvent le fermer en cliquant ou en appuyant en dehors de la zone du formulaire. L’icône de fermeture reste disponible dans les deux cas.

Le paramètre de fermeture par clic à l’extérieur n’est disponible que pour les formulaires pop-up. Les formulaires pleine page et les formulaires volant ne disposent pas de ce paramètre.

Dans l’éditeur de formulaires, cliquez sur Ciblage et comportement, puis sélectionnez l’onglet Affichage. Sous Cliquez en dehors du formulaire pour fermer, sélectionnez Sur ordinateur, Sur mobile, les deux, ou aucun des deux.

The dismissal setting for a popup form with the desktop setting switched on and the mobile setting switched off.
The dismissal setting for a popup form with the desktop setting switched on and the mobile setting switched off.
  • Lorsqu’un appareil est sélectionné, le fait de cliquer ou d’appuyer en dehors du formulaire le ferme sur cet appareil. La fermeture par clic à l’extérieur est activée par défaut.
  • Lorsqu’un appareil est désélectionné, les clics ou les touchers en dehors du formulaire sont ignorés sur cet appareil. Les visiteurs peuvent toujours fermer le formulaire à l’aide de son bouton X.

Les visiteurs utilisant un clavier peuvent également appuyer sur Échap pour fermer la pop-up, quel que soit le paramètre de fermeture en cliquant à l’extérieur.

Le paramètre de rejet est spécifique à l’appareil. Vous pouvez choisir si les clics en dehors de la zone du formulaire doivent fermer le formulaire sur ordinateur, sur mobile, sur les deux ou sur aucun des deux.

Si votre formulaire comporte un teaser configuré pour s’afficher après la fermeture, les visiteurs peuvent cliquer sur le teaser pour rouvrir le formulaire. Découvrez comment ajouter un teaser à un formulaire.

Que les visiteurs ferment le formulaire avec son bouton X ou en cliquant en dehors, vous pouvez contrôler quand il peut réapparaître automatiquement. Dans Targeting & behavior > Display > Frequency, saisissez le nombre de jours dans If visitor closes form, show again after. Ce paramètre n’empêche pas les visiteurs de rouvrir le formulaire via un teaser.

The display frequency in the targeting and behavior tab set to show again 5 days after closing.
The display frequency in the targeting and behavior tab set to show again 5 days after closing.

Options de fermeture pour les formulaires d’inscription mobiles

Pour permettre aux acheteurs de fermer un formulaire en balayant sur un appareil mobile, utilisez un formulaire volant et ancrez-le en haut ou en bas de l’écran.

  1. Dans l’éditeur de formulaires, cliquez sur Modifier les styles, puis sélectionnez volant sous Type de formulaire.
  2. Sous Paramètres du volant, ouvrez Position du volant sur mobile, et choisissez l’une des options suivantes :
    • Ancrer en haut pour permettre aux visiteurs de balayer vers le haut afin de fermer le formulaire.
    • Ancrer en bas pour permettre aux visiteurs de balayer vers le bas afin de fermer le formulaire.

L’ancrage et la fermeture par balayage s’appliquent lorsque l’appareil mobile est en orientation portrait. En orientation paysage, le formulaire utilise sa position de volant habituelle, et les visiteurs peuvent le fermer avec le bouton X.

Publiez et testez vos modifications

Lorsque vous avez terminé d’ajuster votre formulaire, publiez vos modifications afin de les appliquer sur votre site web.

  1. Cliquez sur Publier ou programmer dans l’éditeur. Sélectionnez Publier maintenant, résolvez toutes les alertes bloquantes, puis cliquez sur Publier maintenant pour appliquer vos modifications.
  2. Sur votre site Web, testez l’icône de fermeture sur chaque appareil ciblé par votre formulaire. Pour une fenêtre contextuelle, vérifiez que le fait de cliquer ou d’appuyer en dehors de celle-ci se comporte comme vous l’avez sélectionné. Pour un volant mobile ancré, testez le geste de balayage en orientation portrait. Si votre teaser est configuré pour s’afficher après la fermeture, vérifiez qu’il rouvre le formulaire. Si vous avez ajouté une icône de fermeture au teaser, vérifiez qu’elle ferme le teaser.

Après la publication, consultez vos analyses de formulaires pour voir les principaux indicateurs et en savoir plus sur les performances de vos formulaires.

Ressources supplémentaires

Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Partenaires
Engagez un expert certifié Klaviyo pour vous aider avec une tâche spécifique ou pour la gestion continue du marketing.
Assistance

Accédez à l’assistance par l’intermédiaire de votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24 h/24, 7 j/7

Assistance par chat/virtuelle
La disponibilité varie selon la localisation et le type d’abonnement.