Objectif de cet article

Découvrez comment créer un formulaire d’inscription dans Klaviyo qui couvre une page entière de votre site web et se lance immédiatement lorsqu’un utilisateur clique sur une URL désignée, offrant une expérience similaire à une landing page vers laquelle les visiteurs peuvent naviguer pour s’abonner. Pour ce faire, vous devez d’abord créer le formulaire pleine page, puis ajuster certains paramètres Ciblage et comportement afin qu’il apparaisse lorsque l’utilisateur clique sur un lien donné.

Un formulaire d’inscription pleine page s’étend sur toute la hauteur et toute la largeur de la page pour ressembler à une landing page personnalisée ; il ne s’agit pas réellement d’une landing page à lui seul, et une icône de fermeture doit être incluse afin que les visiteurs puissent la fermer et reprendre leur navigation. Lorsqu’un utilisateur clique sur votre lien, le formulaire pleine page apparaît immédiatement sur votre site web.

Avant de commencer, assurez-vous que le JavaScript sur site de Klaviyo est installé sur la page du site Web que vous utiliserez pour votre lien. Consultez comment installer le tracking sur site de Klaviyo.

Créer un nouveau formulaire pleine page

  1. Sélectionnez Site Web > formulaires d’inscription dans le menu principal de gauche.
  2. Pour commencer avec un modèle vierge, sélectionnez Créer un formulaire. Si vous êtes invité à choisir un canal, nommez votre formulaire, sélectionnez Web, et cliquez sur Créer. Dans la bibliothèque de formulaires, sélectionnez Créer un formulaire vierge.
    • Saisissez ou confirmez le nom de votre formulaire, puis choisissez la liste à laquelle les abonnés doivent être ajoutés.
    • Sélectionnez le type de formulaire Pleine page.
    • Cliquez sur Enregistrer et passer au design pour commencer à créer votre nouveau formulaire dans l’éditeur de formulaires.
The creation modal that appears when you choose a template in the form library where you name, choose a list for, and choose a style type for a new form.
The creation modal that appears when you choose a template in the form library where you name, choose a list for, and choose a style type for a new form.
  1. Si vous préférez utiliser un formulaire existant dans votre compte ou personnaliser un modèle depuis la bibliothèque de formulaires, sélectionnez Edit styles dans l’éditeur et vérifiez que Full page est défini comme Form type.
The Styles section open within the form editor showing the Full page selected in the Form Type menu.
The Styles section open within the form editor showing the Full page selected in the Form Type menu.
  1. Personnalisez la conception et le contenu du formulaire en fonction de votre objectif.
    • Sélectionnez Ajouter du contenu pour ouvrir le panneau de blocs, puis faites glisser et déposez différents blocs de saisie sur votre formulaire (c.-à-d., le champ du numéro de téléphone, le champ de date, etc.). En savoir plus sur les blocs et les champs de formulaire.
    • Sélectionnez Modifier les styles pour modifier et personnaliser le formulaire afin qu’il corresponde à votre marque (c.-à-d. les images, la couleur d’arrière-plan, les styles de formulaire, etc.). En savoir plus sur les options de conception et les styles des formulaires.
    • Sélectionnez n’importe quel texte dans l’aperçu pour le modifier et personnaliser le ton ou le message de votre formulaire.

Mettre à jour l’appel à l’action (CTA) de votre formulaire

  1. Dans l’éditeur de formulaires, cliquez sur le bouton de validation dans l’aperçu de votre formulaire (par exemple, le bouton « S’abonner » dans l’image ci-dessous).
  2. Définissez l’ action du bouton sur Envoyer le formulaire. Vous pouvez également modifier ici la liste à laquelle vous souhaitez que les abonnés soient ajoutés. Si la liste est double opt-in, n’oubliez pas de mettre à jour la page de confirmation d’abonnement associée.
  3. Dans le champ Après l’envoi, choisissez l’une ou l’autre des options suivantes :
    • Afficher l’étape suivante pour afficher l’étape suivante dans le formulaire. Il peut s’agir d’une autre étape d’inscription ou du message de succès, selon la configuration de votre formulaire.
    • Accéder à l’URL et saisissez l’ URL de destination si vous souhaitez rediriger les abonnés vers une autre page de votre site web, comme votre page d’accueil.
An example full page form being created in the form editor showing the Button menu open and the Action set to Submit Form, the List to Submit set to Main list, and After Submit set to Show Next Step.
An example full page form being created in the form editor showing the Button menu open and the Action set to Submit Form, the List to Submit set to Main list, and After Submit set to Show Next Step.

Faire en sorte que votre formulaire apparaisse lorsqu’un utilisateur clique sur un lien

  1. Dans l’éditeur de formulaires, sélectionnez le contrôle Ciblage & comportement.
The Targeting & behavior section highlighted and being selected within the form editor.
The Targeting & behavior section highlighted and being selected within the form editor.
  1. Sélectionnez l’onglet Affichage. Sous Timing, sélectionnez Immédiatement.
  2. Sous Fréquence, définissez Si le visiteur ferme le formulaire, afficher à nouveau après sur 0 jours, puis sélectionnez Ne pas afficher à nouveau si le formulaire a été validé ou si le bouton d’accès à l’URL a été cliqué.
The Display tab within the editor showing a form's Timing set to Immediately, it's Frequency set to show again after 0 days, and the button checked to not show again after form submit or go to URL clicked.
The Display tab within the editor showing a form's Timing set to Immediately, it's Frequency set to show again after 0 days, and the button checked to not show again after form submit or go to URL clicked.
  • Le paramètre 0 jour permet au formulaire de s’afficher à nouveau lorsqu’un visiteur revient après l’avoir fermé. Lorsque la case est cochée, le formulaire reste masqué dans le même navigateur après qu’un visiteur l’a envoyé ou a cliqué sur son bouton Accéder à l’URL. Décochez la case si vous souhaitez que ces visiteurs puissent voir à nouveau le formulaire.
  1. Sous Appareils, sélectionnez Tous les appareils afin que les visiteurs puissent ouvrir le formulaire sur ordinateur et sur mobile.
  2. Passez à la section Ciblage en haut de la page.
  3. Sous Audience, choisissez Montrer à tous les membres de l’audience.
The Targeting menu open in the form editor with Show to all visitors selected under Visitors.
The Targeting menu open in the form editor with Show to all visitors selected under Visitors.
  1. Sous URL, sélectionnez Afficher uniquement sur certaines URL, puis choisissez Contient dans le menu déroulant.
  2. Dans la zone de texte correspondante, insérez un lien d’ancrage. Un lien d’ancrage commence par un hashtag, suivi d’un nom de page descriptif (par exemple, #InstagramSignup).
    • Ajoutez le lien d’ancrage à la fin de l’URL de votre site (par exemple : https://swak-lip-care.myshopify.com/#InstagramSignup) afin de créer un lien qui ouvre le formulaire en pleine page sur votre site web. L’option permettant de masquer le formulaire après l’envoi ou après un clic sur « Aller à l’URL » s’applique toujours.
The Targeting for a form set to Show to all visitors and the Target by URL set to show to Only show on URLs containing the example anchor link.
The Targeting for a form set to Show to all visitors and the Target by URL set to show to Only show on URLs containing the example anchor link.
  1. Veillez à ce que l’icône de fermeture (bouton X) soit facile à trouver afin que les acheteurs puissent fermer le formulaire d’inscription sur leur écran. Les visiteurs peuvent également appuyer sur Échap pour fermer le formulaire. Cliquez sur le bouton X dans l’aperçu de l’éditeur pour procéder à tout ajustement nécessaire.
  2. Lorsque vous êtes prêt, cliquez sur Publier ou planifier. Résolvez toutes les alertes bloquantes, sélectionnez Publier maintenant, puis cliquez sur le bouton Publier maintenant pour mettre le formulaire en ligne.

Dès que le formulaire est publié, vous commencez à collecter des abonnés via votre lien d’ancrage. Les internautes doivent cliquer directement sur l’URL contenant le lien d’ancrage, ou la saisir exactement dans leur navigateur pour afficher votre site web avec le formulaire pleine page.

Par exemple, si la marque SWAK définit le lien d’ancrage comme étant #InstagramSignup pour le publier dans une story Instagram, il se présentera comme suit :

https://swak-lip-care.myshopify.com/#InstagramSignup.

Testez votre formulaire

  1. Ouvrez l’URL complète, y compris le lien d’ancrage, dans une fenêtre privée ou en navigation privée, avec les bloqueurs de publicités désactivés. Vérifiez que le formulaire s’affiche sur ordinateur et sur mobile.
  2. Soumettez le formulaire, puis vérifiez que l’étape suivante, le message de réussite ou la page de destination correspond à vos paramètres.

Prochaines étapes

Partagez votre lien sur les réseaux sociaux ou dans vos messages pour encourager votre audience à s’inscrire et à suivre l’actualité de votre marque.

Pour faire en sorte qu’il soit possible de cliquer sur ce lien dans votre Story, utilisez un autocollant de lien Instagram.

Pensez à ajouter un fractionnement à votre série de bienvenue pour cibler les personnes qui se sont inscrites à l’aide de ce formulaire si vous souhaitez leur envoyer un message plus personnalisé.

Ressources supplémentaires

  • Getting started with sign-up forms

    Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.

  • How to manage your sign-up forms

    Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.

  • Understanding targeting and behavior settings for sign-up forms

    Learn about the Targeting & behavior section of the sign-up form editor, where you can control and change when a form appears on your site, and who sees it. Open the form editor for an existing sign-up form, then select Targeting & behavior to adjust the display and targeting settings covered in this guide.

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.