Démarrer avec les formulaires d’inscription

Objectif de cet article

Apprenez à créer et à personnaliser des formulaires d’inscription dans Klaviyo pour les publier sur votre site web. Vous pourrez ainsi obtenir des adresses e-mail et des numéros de téléphone, développer l’engagement des visiteurs et construire des relations durables avec vos clients.

En suivant quelques règles simples, vous pouvez créer en quelques minutes un formulaire d’inscription au design soigné pour stimuler le taux de conversion sur votre site web.

1. Vérifiez que les formulaires d’inscription de Klaviyo sont activés sur votre site web. Pour ce faire, consultez la section « Avant de commencer » ci-dessous.
2. Réfléchissez à l'objectif que votre formulaire doit vous aider à atteindre.
3. Créez le formulaire et personnalisez-le pour atteindre l’objectif que vous avez défini.
4. Appliquez les paramètres de ciblage pour que le formulaire soit visible auprès de l’audience souhaitée.

This content requires Functional cookies to be enabled.

Update Cookie Settings

Avant de commencer

Bonnes pratiques pour les formulaires d’inscription

Vous ne savez pas quels formulaires d’inscription créer et publier ? Tenez compte de cette recommandation pour un formulaire de base qui vous aidera à développer votre audience et à convertir les visiteurs du site en clients payants :

• Publier un formulaire pop-up sur votre site qui se déclenche lorsqu’un acheteur s’apprête à quitter la page.
  • Après avoir suivi les instructions décrites dans ce guide pour créer et concevoir votre formulaire, consultez la section Cibler votre formulaire pour savoir comment déclencher ce formulaire afin qu’il n’apparaisse que pour les visiteurs inconnus de Klaviyo.
    

Fixer un objectif que votre formulaire d’inscription doit contribuer à réaliser

Avant de vous lancer dans la création de votre formulaire d’inscription, commencez par définir clairement vos objectifs. Un formulaire peut vous aider à entrer en contact avec des clients potentiels, à mieux connaître votre audience, à inciter vos abonnés aux e-mails à également s’abonner aux SMS, etc. Pour commencer, vous pouvez créer une simple fenêtre contextuelle pour solliciter les coordonnées des personnes qui se sont rendues sur votre site, mais ne se sont jamais abonnées.

Pour obtenir un formulaire d’inscription efficace, respectez ces trois règles :

• Optez pour la simplicité
  Si vous incluez trop d’éléments, ceux-ci constituent une distraction, risquant de dissuader le visiteur du site de remplir le formulaire. Évitez de surcharger votre formulaire afin que vos visiteurs puissent le comprendre et le remplir le plus facilement possible.
• Pensez à l’expérience globale
  À force de chercher la couleur ou la mise en page parfaite, vous risquez d'oublier l'essentiel. Les formulaires efficaces s’inscrivent dans une logique globale. Au moment de la conception, prenez en compte l’expérience de vos abonnés avant, pendant et après votre formulaire.
• Collectez des données pertinentes
  La plupart des formulaires d’inscription permettent de récupérer une adresse e-mail ou un numéro de téléphone, mais plus vous avez de données, plus vous avez d’opportunités pour tisser des liens solides avec vos abonnés. Vous pouvez également utiliser un formulaire d’inscription pour cibler certaines audiences avec une annonce ou une offre spéciale. D’une manière générale, si vous demandez les bonnes informations au bon moment, vos abonnés n’hésiteront pas à vous les donner.
  • Si les formulaires à plusieurs étapes sont intéressants pour recueillir des informations auprès de nouveaux abonnés, les formulaires à une seule étape (par exemple, un formulaire demandant uniquement un numéro de téléphone) sont efficaces pour acquérir une audience multicanal.

Une fois que vous avez défini l’objectif de votre formulaire, sélectionnez Sign-up forms dans le panneau de navigation de gauche de Klaviyo pour commencer.

Créer un formulaire d’inscription simple

Ce guide vous donne une vue d’ensemble de chaque étape. Une fois le formulaire créé, conçu et ciblé, vous pouvez le publier sur votre site web en quelques clics.

This content requires Functional cookies to be enabled.

Update Cookie Settings

Pour créer un formulaire d’inscription, deux possibilités s’offrent à vous :

• Appuyez-vous sur un modèle de formulaire de la bibliothèque de formulaires de Klaviyo.
• soit créer un formulaire de A à Z

Élaborer un formulaire à partir d’un modèle

Les formulaires disponibles dans la bibliothèque sont conçus sur la base des bonnes pratiques. Vous pouvez filtrer les options par type de formulaire ou par objectif afin de trouver le modèle adapté, puis modifier facilement les designs par défaut pour les faire correspondre à votre marque.

1. Dans le panneau de navigation principal de Klaviyo, sélectionnez Site web > Formulaires d’inscription.
2. Sélectionnez Créer un formulaire dans le coin supérieur droit.
3. Parcourez la bibliothèque de modèles de formulaires in-app préconçus. Vous pouvez également utiliser les menus déroulants Types et Catégories en haut de la page pour filtrer les modèles par type de formulaire, par objectif ou les deux.
   

4. Sélectionnez votre modèle de formulaire.
5. Une fenêtre modale d’aperçu s’affiche. Vous pouvez alors :
   • Nommez votre formulaire.
   • choisir la liste d'abonnés à laquelle votre formulaire sera envoyé (c'est la liste qui sera alimentée par les informations récoltées).
     

1. Sélectionnez Créer un formulaire pour accéder à l’éditeur de formulaire, où vous pouvez modifier le contenu et le design afin qu’ils correspondent à votre marque.
   

Créer un formulaire de A à Z

Vous pouvez également partir d’un formulaire vierge et le personnaliser.

1. Accédez à Formulaires d’inscription  > Créer un formulaire.
2. Cliquez sur Créer un nouveau formulaire dans le coin supérieur droit.
   

3. Dans la fenêtre modale qui s’affiche, indiquez les éléments suivants :
   • un nom pour votre formulaire d’inscription
   • la liste à laquelle les nouveaux abonnés seront ajoutés
     

• le type de formulaire d’inscription que vous souhaitez utiliser
• Option permettant d’activer les champs de protection des données
  

1. Cliquez sur Enregistrer et passer au design pour accéder à l’éditeur de formulaire, où vous pouvez personnaliser le contenu et la conception de votre formulaire.

Concevoir votre formulaire

Une fois votre formulaire créé, vous pouvez utiliser les sections Ajouter du contenu et Modifier les styles de l’éditeur pour personnaliser la mise en page et le contenu de votre formulaire.

Modifier le style de votre formulaire d’inscription

Dans l’éditeur de formulaire, sélectionnez la section Styles. Vous pouvez alors modifier les éléments suivants :

• Type de formulaire
  • Pop-up
    Le formulaire apparait au milieu de la fenêtre du navigateur. Les fenêtres contextuelles attirent l’attention et ont un taux de conversion élevé, mais elles peuvent perturber l’expérience utilisateur pour les visiteurs du site.
  • Menu volant
    Les menus volants apparaissent en « glissant » à partir du bord de la page. Ces fenêtres sont relativement visibles, mais elles permettent généralement au visiteur de continuer à naviguer sans avoir à interagir avec le formulaire.
  • Pleine page
    Le formulaire apparait sur l’intégralité de la fenêtre du navigateur, captant ainsi toute l’attention de vos clients. Ces formulaires ont un taux de conversion élevé, car les visiteurs ont peu de chance de les rater. Cependant, ils perturbent fortement l’expérience utilisateur, car les visiteurs sont obligés d’aller sur le formulaire, même si c’est uniquement pour le fermer. Si vous souhaitez disposer d’une page d’abonnement spécifique sur votre site, il est recommandé d’utiliser un formulaire pleine page comme landing page.
  • Formulaire intégré
    Les formulaires intégrés sont ajoutés à une page ou à une section spécifique de votre site, comme le pied de page. Ils sont pratiques et faciles à trouver pour les visiteurs qui viennent sur votre site avec l’intention de s’abonner. Il est recommandé d’ajouter ce type de formulaire à votre pied de page en complément de vos formulaires pop-up afin d’optimiser les possibilités de développement des listes sur votre site. Compte tenu de l’emplacement d’un formulaire intégré en pied de page, nous vous suggérons de ne demander le consentement aux e-mails que pour augmenter le nombre d’inscriptions.
  • Formulaire de bannière
    Les bannières apparaissent sous la forme d’une barre horizontale en haut ou en bas d’une page web et s’intègrent subtilement au design de votre site web. Elles sont moins intrusives que les fenêtres pop-up et les formulaires pleine page, car elles offrent une visibilité continue sans interrompre la navigation. Vous pouvez configurer la bannière pour qu’elle défile avec la page ou qu’elle reste fixe, ce qui en fait une option plus conviviale et optimisée pour les mobiles. Avec les formulaires de bannière, vous pouvez soit :
    • ajouter des blocs de contenu et des champs de saisie directement dans le formulaire de bannière, par exemple un champ de saisie pour l’adresse e-mail ;
    • configurer la bannière de manière à ce que, lorsqu’un utilisateur clique dessus, elle ouvre un autre de vos formulaires en ligne. Pour ce faire, définissez le bouton Action de votre bannière sur Ouvrir un autre formulaire, puis choisissez le formulaire que vous souhaitez voir apparaître lorsqu’un acheteur clique sur la bannière. Notez que cette fonctionnalité n’est pas disponible pour les formulaires intégrés.
      

• Taille du formulaire
• Contenu de l’image
• Couleurs d’arrière-plan
• Styles pour le formulaire, le texte et les champs de saisie

Ajouter des blocs à votre formulaire d’inscription

Les types de blocs de contenu que vous ajoutez à votre formulaire d’inscription dépendent de l’objectif que vous avez fixé et des informations que vous souhaitez recueillir auprès des visiteurs du site. Pour ajouter ou modifier le contenu d’un formulaire d’inscription, sélectionnez l’onglet Ajouter des blocs dans l’éditeur de formulaire.

Cet onglet propose de nombreux blocs de contenu que vous pouvez ajouter à votre formulaire d’un simple glisser-déposer. En voici quelques exemples :

Éléments :

• Bloc de texte
• Bloc de bouton
• Bloc d’image
• Bloc de code de réduction
• Bloc de clause de divulgation pour les SMS
• Bloc de compte à rebours
• Bloc de compteur d’inscriptions
• Vérifier le bloc de citation

Champs de saisie :

• Adresse e-mail
• Numéro de téléphone
• Case d’option
• Plusieurs cases à cocher
• Date
• Liste déroulante
• Vérification de l’âge (si votre marque a un rapport avec l’alcool et que vous souhaitez communiquer par SMS)

Lorsque vous ajoutez un champ de saisie à votre formulaire, ajoutez un Texte de remplissage (texte de remplacement) pour indiquer clairement aux utilisateurs quelles informations y saisir. Si vous marquez un champ de saisie comme Requis, les éléments Texte requis et Texte non valide correspondants sont également entièrement personnalisables. Vous pouvez donc les traduire dans la langue de votre choix, comme tous les autres éléments textuels de votre formulaire d’inscription.

Si vous avez l’intention de demander plusieurs informations aux visiteurs (par exemple leur adresse e-mail, numéro de téléphone, date d’anniversaire, etc.), vous pouvez créer un formulaire à plusieurs étapes en cliquant sur + Étape dans la barre de menu supérieure et en indiquant le type d’étape que vous souhaitez ajouter. Ainsi, vous pouvez ajouter des pages afin que les visiteurs ne se sentent pas submergés par un trop grand nombre de champs à remplir sur une seule et même page. Si vous souhaitez récupérer à la fois des adresses e-mail et des numéros de téléphone, nous vous conseillons d’utiliser un formulaire à plusieurs étapes, car c’est un bon moyen de développer vos listes et d’assurer la conformité. La clause de divulgation doit également figurer partout où vous recueillez le consentement pour l’envoi de SMS.

Configurer des blocs dynamiques pour afficher différentes informations sur ordinateur et sur mobile

Si votre formulaire d’inscription est configuré pour s’afficher sur tous les types appareils (ordinateur et mobile) et que vous souhaitez que les blocs s'affichent de manière différente en fonction de l’appareil utilisé, inutile de créer deux formulaires différents. Les blocs dynamiques peuvent être configurés pour s’afficher sur certains appareils, mais pas sur d’autres. Cela vous permet d’ajouter à votre formulaire n'importe lequel des blocs listés ci-dessus et de spécifier l’appareil sur lequel il peut s’afficher, de sorte que le formulaire sera différent sur mobile et sur ordinateur.

Pour plus d’informations sur l’utilisation de blocs dynamiques pour adapter votre formulaire en fonction du type d’appareil, consultez le guide sur l’utilisation de blocs dynamiques dans les formulaires.

Ajouter une accroche de formulaire

Ajoutez une accroche à votre formulaire d’inscription (pop-up, volant ou pleine page) afin que les visiteurs qui ferment le formulaire puissent le rouvrir s’ils le souhaitent.

Cliquez sur Teaser dans la barre de menu pour ajouter une accroche à votre formulaire. À partir de là, vous pourrez configurer le style et le comportement de l’accroche pour l’adapter à votre formulaire. En savoir plus sur les accroches de formulaire.

Personnaliser le message de succès de votre formulaire

Une fois que vous avez terminé la conception des principales étapes de votre formulaire, cliquez sur Succès dans la barre de menu supérieure pour afficher et modifier l’étape finale : le message de succès. Cette page Succès apparaîtra à toute personne qui remplit le formulaire avec succès, sauf si l’action de votre bouton Envoyer est définie sur Fermer le formulaire ou Accéder à une URL lors de l’envoi. Elle doit donc correspondre au design et au branding de votre formulaire.

Modification des modèles lorsque seul le HTML apparaît

Si vous ouvrez un modèle et que vous ne voyez que du HTML (code) au lieu de blocs en glisser-déposer, ce modèle a été créé en tant que modèle HTML personnalisé.

Pourquoi vous ne voyez que du HTML

• Les modèles personnalisés sont codés directement en HTML au lieu d’utiliser les blocs glisser-déposer de Klaviyo.
• Ces modèles ne prennent pas en charge le fait de passer d’un aller-retour entre l’édition visuelle complète et le code brut sans risquer des problèmes de mise en page.

Ce que vous pouvez modifier en toute sécurité

Si vous n’êtes pas à l’aise avec le HTML, gardez vos modifications au minimum :

• Modifiez le texte visible entre les tag sans modifier les tag eux-mêmes.
• Mettez à jour les liens en remplaçant l’URL entre guillemets.
• Remplacez les URL d’image (si vous savez où votre nouvelle image est hébergée).

À éviter :

• Supprimer ou déplacer de gros blocs de code que vous ne comprenez pas.
• Coller le contenu d’un modèle visuel directement dans du HTML sans vérifier la structure.

Quand reconstruire en glisser-déposer

Si vous souhaitez déplacer facilement des blocs, modifier des mises en page ou restyler des sections sans toucher au code, il est souvent plus simple de recréer l’e-mail sous forme de modèle en glisser-déposer :

1. Créez un nouveau modèle par glisser-déposer.
2. Recréez votre en-tête, votre pied de page et vos sections principales à l’aide de blocs de contenu.
3. Copiez le texte et les images du modèle HTML dans les nouveaux blocs.
4. Enregistrez le nouveau modèle et utilisez-le à l’avenir à la place de la version originale uniquement HTML.

Quand faire intervenir un développeur

Envisagez de faire appel à un développeur ou à un concepteur d’e-mails si :

• Vous devez modifier la mise en page (colonnes, comportement d’empilement, style avancé).
• Vous prévoyez d’intégrer des widget complexes ou des éléments personnalisés.
• Le HTML est devenu difficile à lire ou vous ne savez pas quel effet aura une modification.

Important : ne mélangez pas WYSIWYG et du HTML personnalisé dans la même section

L’utilisation à la fois de l’édition de texte enrichi (WYSIWYG) et de modifications manuelles du HTML sur le même contenu peut casser la mise en forme. Si vous avez besoin de code personnalisé, veillez à le conserver dans des blocs HTML dédiés ou à utiliser un modèle entièrement personnalisé, et évitez de repasser ce même contenu en édition visuelle.

Cibler votre formulaire

Ouvrez l’onglet Ciblage et comportement dans l’éditeur de formulaire pour configurer le moment où le formulaire s'affiche sur votre site, mais également l’audience ciblée. En fonction des objectifs que vous avez fixés pour votre formulaire d’inscription, vous pouvez ajuster les paramètres suivants :

• Priorité d’affichage
• Délai avant l’affichage
• Fréquence d’affichage
• Appareils sur lesquels le formulaire s’affiche (mobile et/ou ordinateur)
• Paramètres de fermeture
• Paramètres de ciblage
  • Vous pouvez appliquer un ciblage en fonction de plusieurs critères : la localisation géographique du visiteur, le type d’appareil, l’appartenance à une liste, l’URL, le paramètre UTM, le contenu du panier, etc.

Pour déclencher un pop-up lorsqu’un acheteur quitte la page, les paramètres de comportement suivants constituent un bon point de départ :

1. Cliquez sur Ciblage et comportement.
2. Sous Timing, sélectionnez Afficher en fonction des règles > Lorsque le visiteur quitte la page.
3. Sous Fréquence, sélectionnez Afficher à nouveau 5 jours après la fermeture, puis cochez la case Ne plus afficher après le formulaire ou Accéder à l’URL si le bouton a été cliqué.
4. Sous « Appareils », cliquez sur Tous les appareils : Ordinateur et mobile.
5. En haut, passez à l’onglet Ciblage.
6. Sous Visiteurs, sélectionnez Ne pas montrer aux profils existants dans Klaviyo.

Publier votre formulaire sur votre site web

Pendant le processus de création de votre formulaire d’inscription, vous avez peut-être remarqué des alertes s’affichant dans le coin inférieur gauche de l’éditeur. En ouvrant l’onglet Alertes de formulaire, une liste des problèmes identifiés apparait (par exemple, Ajouter du texte au bouton pour signaler qu’un bouton n’a pas de texte). Vous pouvez alors les corriger. Si vous choisissez d’ignorer une alerte, elle sera déplacée dans la section Alertes ignorées afin que vous puissiez y revenir ultérieurement.

Lorsque votre formulaire est prêt, cliquez sur Publier. Si votre formulaire comporte des erreurs non résolues, le système vous invite à les corriger dans l’onglet Alertes de formulaire. Si tous les problèmes sont réglés et que vous avez intégré votre site à Klaviyo (comme indiqué dans la section « Avant de commencer » de cet article), la publication de votre formulaire sur votre site se déclenche.

Tester votre formulaire d’inscription

Pour afficher et tester votre formulaire d’inscription, rendez-vous sur votre site web. Si votre formulaire est configuré pour ne pas s’afficher pour les profils Klaviyo existants, utilisez une fenêtre de navigation privée. Gardez à l’esprit que le formulaire ne s’affiche que si tous ses critères de ciblage sont remplis. Par exemple, si un formulaire est paramétré pour s’afficher après trois secondes et lorsque l’utilisateur s’apprête à quitter la page, alors attendez trois secondes pour que la page se charge, puis faites semblant de vouloir quitter le site en déplaçant rapidement votre curseur vers le bouton de fermeture de l’onglet (ou, sur mobile, en faisant défiler rapidement la page vers le haut). Notez que tous les critères doivent être respectés (le délai d’attente et l’intention de quitter la page, dans cet exemple) pour que le formulaire apparaisse.

Dans les heures et les jours qui suivent la mise en ligne de votre formulaire, les visiteurs du site le verront et pourront le remplir. Consultez les résultats de votre formulaire dans les analyses du formulaire.

Protection contre les robots pour les formulaires

Klaviyo active automatiquement les mesures de prévention des robots, y compris CAPTCHA, sur les formulaires d’inscription qui recueillent des adresses e-mail, des numéros de téléphone ou des codes de réduction.

CAPTCHA demande aux personnes qui envoient un formulaire d’effectuer une brève tâche pour vérifier qu’il s’agit bien d’un être humain et non d’un robot. Si Klaviyo détecte un comportement suspect ou une activité antérieure d’un robot sur l’adresse IP d’un utilisateur, ce dernier sera invité à résoudre un CAPTCHA avant d’envoyer le formulaire. CAPTCHA ne sera présenté qu’aux utilisateurs présentant une activité suspecte, semblable à celle d’un robot.

Dysfonctionnement des formulaires dû aux bloqueurs de publicité

Si vous ou les visiteurs de votre site utilisez des bloqueurs de publicité (tels qu’AdGuard), il est possible que les formulaires Klaviyo ne fonctionnent pas correctement. Les bloqueurs de publicité empêchent le chargement de Klaviyo.JS, qui gère les principales fonctionnalités des formulaires comme leur déclenchement. Si vous les bloquez, les formulaires qui collectent des informations personnelles (comme l’adresse e-mail ou le numéro de téléphone) ne s’afficheront pas et ne pourront pas être envoyés.

Afin de vérifier qu’ils fonctionnent correctement, assurez-vous de tester vos formulaires dans une fenêtre de navigation privée, en veillant à ce que les bloqueurs de publicité soient désactivés.

Prochaines étapes

Si votre formulaire comporte une offre d’inscription (comme la livraison gratuite ou une réduction sur une commande), les nouveaux abonnés voudront pouvoir en profiter immédiatement. Utilisez un flux de bienvenue pour honorer votre offre et commencer à renforcer la notoriété et la fidélité à la marque.

Votre flux de bienvenue doit utiliser la liste associée à votre formulaire d’inscription comme déclencheur, et le premier e-mail doit être envoyé immédiatement. Vous pouvez ajouter des messages supplémentaires ou des rappels pour utiliser leur code de réduction quelques jours plus tard.

Si vous souhaitez expérimenter et identifier l’incitation la plus efficace pour votre audience, envisagez de réaliser un A/B testing de l’offre de votre formulaire d’inscription.

Ressources supplémentaires

• Formation :Créer des formulaires d’inscription stratégiques
• Comment visualiser les réponses aux formulaires
• Principes de base de la conception de formulaires pour mobile