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.
- 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.
- Réfléchissez à l'objectif que votre formulaire doit vous aider à atteindre.
- Créez le formulaire et personnalisez-le pour atteindre l’objectif que vous avez défini.
- Appliquez les paramètres de ciblage pour que le formulaire soit visible auprès de l’audience souhaitée.
Avant de commencer
Avant de publier un formulaire d’inscription sur votre site web, vous devez l’intégrer à Klaviyo. Puis, une fois l’intégration activée, vous devez vérifier que les formulaires d’inscription sont activés sur votre site web pour qu’ils s’affichent comme prévu.
Meilleures pratiques pour les formulaires d'inscription
Vous ne savez pas quels formulaires d'inscription créer et publier ? Prenez en compte cette recommandation pour un formulaire de base qui vous aidera à développer votre audience et à convertir les visiteurs de votre site en clients payants :
- Publiez sur votre site un formulaire contextuel qui s'affiche lorsqu'un client quitte la page.
- Après avoir suivi les instructions décrites dans ce guide pour construire 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.
Si vous avez l’intention de recueillir le consentement pour l’envoi de SMS et d’e-mails dans ce formulaire, utilisez un formulaire à plusieurs étapes pour recueillir ces informations séparément. Il s’agit d’une bonne pratique pour développer vos listes. L’ajout d’un bloc de codes de réduction à l’étape de succès du formulaire peut également inciter les visiteurs à s’inscrire et à effectuer un achat.
- Après avoir suivi les instructions décrites dans ce guide pour construire 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 simpleCréer un formulaire d’inscription simple
Ce guide vous donne une vue d’ensemble de chaque étape. Une fois le formulaire créé, personnalisé et paramétré, vous pouvez le publier sur votre site web en quelques clics.
Pour créer un formulaire d’inscription, deux possibilités s’offrent à vous :
- soit partir d’un modèle de formulaire disponible dans la bibliothèque 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 modèles par type de formulaire ou par objectif afin de trouver celui qui vous convient, puis modifier facilement le design par défaut pour l’adapter à votre marque.
- Dans le panneau de navigation principal de Klaviyo, sélectionnez Sign-up forms.
- Sélectionnez Créer un formulaire dans le coin supérieur droit.
- Parcourez la bibliothèque de modèles de formulaires 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.
- Sélectionnez votre modèle de formulaire.
- Une fenêtre modale d’aperçu s’affiche. Vous pouvez alors :
- attribuer un nom à 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).
Notez que si vous utilisez un formulaire en plusieurs étapes qui collecte l’adresse e-mail et le numéro de téléphone, vous pouvez sélectionner deux listes différentes. Si vous n’avez pas encore de liste d’abonnés aux SMS, elle sera créée automatiquement si vous sélectionnez l’option Abonnés aux SMS.
- Sélectionnez l’option Create Form pour accéder à l’éditeur de formulaire, où vous pouvez modifier le contenu et la mise en page à l’image de votre marque.
Créer un formulaire de A à Z
Vous pouvez également partir d’un formulaire vierge et le personnaliser.
- Accédez à Formulaires d’inscription > Créer un formulaire.
- Cliquez sur Créer un formulaire dans le coin supérieur droit.
- 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
Si besoin, vous pouvez modifier votre choix ultérieurement en cliquant sur le bouton d’envoi du formulaire dans l’éditeur et en sélectionnant une autre liste.
- le type de formulaire d’inscription que vous souhaitez utiliser
- si vous souhaitez activer les champs de protection des données.
- Cliquez sur Save and design pour accéder à l’éditeur de formulaire dans lequel vous pouvez personnaliser le contenu et la conception de votre formulaire.
Concevoir votre formulaire
Une fois votre formulaire créé, vous pouvez utiliser les sections Styles et Add blocks de l’éditeur pour personnaliser sa mise en page et son contenu.
Modifier le style de votre formulaire d’inscriptionModifier 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. - Flyout
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. - Full 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 page de destination. - 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 bas 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 :- 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 Open another form, 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.
- Pop-up
- Taille du formulaire
- Contenu de l’image
- Couleurs d’arrière-plan
- Styles pour le formulaire, le texte et les champs de saisie
Pour en savoir plus sur la conception de formulaires d’inscription, consultez notre guide sur comment choisir les styles de formulaires d'inscription. Si vous créez un formulaire d’inscription uniquement pour les appareils mobiles, lisez notre guide sur les principes de base de la conception de formulaires pour mobile.
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, sélectionnez l’onglet Add Blocks dans l’éditeur.
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
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 Placeholder text (texte de remplacement) pour indiquer clairement aux utilisateurs quelles informations y saisir. Si un champ de saisie est Required (obligatoire), les éléments Required text (texte obligatoire) et Invalid text (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.
Pour en savoir plus sur les différents éléments que vous pouvez ajouter à un formulaire, consultez l'article pour comprendre les blocs et champs des formulaires..
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.
Si vous ajoutez un champ de saisie pour fournir un numéro de téléphone, il recueille par défaut le consentement pour l’envoi de SMS promotionnels, ce qui vous permet d’envoyer tout type de SMS. Vous pouvez modifier les paramètres pour collecter le consentement pour l’envoi de SMS transactionnels, ou les deux séparément. Dans tous les cas, la clause de divulgation appropriée doit être présente. En savoir plus sur les types de 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 formulaireAjouter 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.
Les teasers ne sont pas disponibles pour les formulaires de bannière.
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 Success dans la barre de menu supérieure pour afficher et modifier l’étape finale : le message de succès. Cette page Success apparait pour toute personne qui va jusqu’au bout du formulaire, à moins que l’action associée à votre bouton d’envoi ne soit réglée sur Close form ou sur Go to a URL, auquel cas le formulaire est fermé ou l’utilisateur est redirigé vers une URL spécifique. Il est donc important que cette page soit cohérente avec le style et le branding du formulaire.
Cibler votre formulaireCibler votre formulaire
Ouvrez l’onglet Behaviors and Targeting 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 :
- 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 consultée, les paramètres UTM, le contenu du panier, etc.
Pour en savoir plus sur les paramètres d’affichage de votre formulaire, consultez notre article pour comprendre les paramètres de ciblage et de comportement des formulaires d’inscription.
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 :
Cliquez sur Targeting and behaviors.
Sous Timing, sélectionnez Show based on rules > When a visitor is exiting the page.
Sous Frequency, sélectionnez Show again 5 days after closing, puis cochez la case Don't show again after submit form ou Go to URL button was clicked.
Sous Devices, cliquez sur Desktop and mobile.
En haut, passez à l’onglet Targeting.
Sous Visitors, sélectionnez Don't show to existing Klaviyo profiles.
En fonction de vos paramètres de confidentialité client dans Shopify, il est possible que Klaviyo ne puisse pas suivre les événements sur site (et, par conséquent, ne pas appliquer certains types de tracking au formulaire) pour les visiteurs de votre boutique Shopify dans l’UE, l’EEE, le Royaume-Uni et la Suisse, à moins qu’ils n’aient donné leur consentement.
Globalement, si un visiteur n’a pas donné son consentement explicite alors qu’il correspond aux critères de ciblage, il ne verra pas le formulaire, car il ne sera pas identifié. Le ciblage de ces visiteurs s’applique comme suit :
- Si vous activez l’option « Don’t show to existing Klaviyo profiles », le visiteur verra quand même le formulaire, car il ne sera pas identifié comme un profil existant.
- Si vous activez l’option « Show to all visitors », tous les visiteurs verront le formulaire.
- Si vous activez l’option « Show to any existing profile », « Show to email subscribers only » ou « Show to SMS subscribers only », le visiteur ne verra pas le formulaire, car il ne sera pas identifié comme un profil existant ou comme étant déjà abonné à vos e-mails ou à vos SMS.
- Si vous activez l’option « Afficher à des profils spécifiques dans une liste ou un segment », le visiteur ne verra pas le formulaire (même s’il fait partie de la liste ou du segment ciblé), car il ne sera pas identifié.
- Certains déclencheurs personnalisés basés sur les cookies et les propriétés propres à chaque utilisateur ne seront pas enclenchés, car les utilisateurs ne seront pas identifiés.
- Le ciblage basé sur la localisation n’est pas concerné par ces limitations.
- Le ciblage basé sur le type d’appareil utilisé pour afficher le formulaire (ordinateur ou mobile) n’est pas concerné par ces limitations.
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 Form alerts, une liste des problèmes identifiés apparait (par exemple, Add text to a button pour signaler qu’un bouton n’a pas de texte). Vous pouvez alors les corriger. Les alertes ignorées sont placées dans la section Dismissed alerts afin que vous puissiez y revenir plus tard.
Lorsque votre formulaire est prêt, cliquez sur Publish. Si votre formulaire comporte des erreurs non résolues, le système vous invite à les corriger dans l’onglet Forms alerts. 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.
Si vous publiez un formulaire intégré, il ne vous reste que deux étapes : copiez le code intégré du formulaire à partir de la fenêtre modale de publication, puis collez-le sur votre site.
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. Pour voir les résultats, accédez aux analyses du formulaire.
Protection contre les robots pour les formulairesProtection 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.
Prochaines étapesProchaines é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. Aussi, veillez à utiliser un flux de bienvenue pour répondre à leur attente et commencer à développer la présence à l'esprit et la fidélisation.
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 configurer des rappels quelques jours plus tard pour que vos nouveaux abonnés n’oublient pas d’utiliser leur code de réduction.
Si vous souhaitez expérimenter pour trouver l'offre d’inscription qui fonctionne le mieux pour votre audience, vous pouvez créer un A/B testing sur la base de votre formulaire.
Ressources supplémentairesRessources supplémentaires
- Formation sur La création de formulaires d’inscription stratégiques
- Comment visualiser les réponses aux formulaires
-
Principes fondamentaux de la conception de formulaires pour les appareils mobiles