Guide de migration des formulaires Amped.io

Objectif de cet article

Découvrez comment migrer vos formulaires Amped.io (désormais sous Mailchimp) vers Klaviyo. À partir du 15 août 2025, Amped.io ne prendra plus en charge les intégrations tierces telles que Klaviyo. Ce guide sert de référence pour vous aider à identifier et à documenter les éléments clés de vos formulaires existants afin que vous puissiez facilement les recréer dans Klaviyo. 

Avant de commencer 

Étant donné que vous devrez recréer vos formulaires dans Klaviyo, nous vous recommandons de faire des captures d’écran ou de documenter vos formulaires et styles Amped.io à titre de référence. Répétez cette procédure pour chaque formulaire Mailchimp que vous avez l’intention de migrer vers Klaviyo et pour chaque étape que le formulaire peut comporter. 

Éléments de formulaire 

Pour recréer vos formulaires avec précision dans Klaviyo, documentez soigneusement l’apparence et les paramètres de vos formulaires existants. En général, veillez à documenter ou à faire une capture d’écran des éléments clés suivants, ainsi que de leurs paramètres de style.

Champs de saisie 

Documentez ou faites une capture d’écran de chaque champ du formulaire, y compris le champ d’e-mail standard. Il peut également s’agir de champs tels que le numéro de téléphone, la date de naissance et toute autre information que vous collectez auprès de vos clients.

Veillez à faire une capture d’écran : 

• Libellés des champs
  Libellé visible pour chaque champ (par exemple, « First Name », « Couleur préférée », « Anniversaire »).
• Types de champs
  Notez le type de chaque champ (par exemple, texte, nombre, date, cases d’option, cases à cocher, liste déroulante).
• Fusionner les tags
  Les champs d’audience Mailchimp associés à chaque champ. C’est ainsi que vous identifierez les propriétés personnalisées à créer dans Klaviyo.
• Texte de remplissage
  Tout exemple ou texte d’instruction qui apparaît dans un champ de saisie avant qu’un utilisateur ne le saisisse.

Dans Mailchimp, vous pouvez accéder à ces informations en cliquant directement sur un champ dans l’éditeur de formulaires. Un panneau s’ouvre sur le côté droit et affiche les paramètres du champ de saisie. 

Vous y trouverez des informations sur les données associées au champ, ainsi que tous les styles appliqués. Capture d’écran ou autre documentation de ces paramètres afin que vous puissiez vous y référer lors de la reconstruction des formulaires dans Klaviyo. 

Texte du formulaire

Vous devez également créer un enregistrement de tous les textes (c’est-à-dire le texte et le message) de votre formulaire. Veillez à documenter : 

• Titre du formulaire 
  Titre principal du formulaire (par exemple, « Rejoignez notre Newsletter », « Bénéficiez de 10 % de réduction »).
• Corps de texte
  Tout texte descriptif qui explique l’intérêt d’abonner, ce qu’ils recevront ou des instructions.
• Texte du bouton
  Le texte des boutons (par exemple, « Abonner », « Réclamer votre offre », « M’inscrire »).
• Message de confirmation 
  Message affiché à l’utilisateur après l’envoi du formulaire.

• Clause de divulgation
  Toute clause de divulgation sur votre formulaire qui indique aux clients ce à quoi ils s’abonnent et la manière dont votre marque utilisera leurs informations.

Dans Mailchimp, vous pouvez afficher les paramètres d’un élément de texte en cliquant dessus dans l’éditeur de formulaires. Un panneau s’ouvre sur le côté droit où vous pouvez trouver tous les styles appliqués. Capture d’écran ou autre documentation de ces paramètres afin que vous puissiez vous y référer lors de la reconstruction des formulaires dans Klaviyo. 

Boutons

Les boutons sont un autre élément clé de votre formulaire. Il se peut que vous ayez quelques boutons si votre formulaire comporte plusieurs étapes. Veillez donc à enregistrer les paramètres de chacun d’entre eux. Veillez à documenter : 

• Design et style
  Couleurs de vos boutons (par exemple, couleurs du texte, couleurs d’arrière-plan, etc.), marges internes et polices.
• Libellés 
  Le texte de vos boutons (par exemple, « Envoyer », « S’inscrire », « Réclamer votre réduction », « Suivant »).

• Comportement du bouton 
  Le comportement de vos boutons lorsque les clients cliquent dessus (par exemple, passer à l’étape suivante, envoyer, rediriger, etc.)

• Collecte de données 
  Si vous disposez de boutons qui recueillent des informations sur les clients (par exemple, des cases d’option), documentez les tags d’audience auxquels ils se rapportent dans Mailchimp afin de pouvoir les recréer en tant que propriétés personnalisées dans Klaviyo.
• État désactivé
  Comment se présente le bouton lorsqu’il est désactivé (par exemple, avant que tous les champs obligatoires ne soient remplis) ? Cela inclut un changement de couleur et de style de curseur.

Dans Mailchimp, vous pouvez afficher les paramètres d’un bouton en cliquant dessus dans l’éditeur de formulaires. Un panneau s’ouvre sur le côté droit avec les paramètres du bouton. Vous y trouverez des informations sur le comportement du bouton, ainsi que tous les styles appliqués. Capture d’écran ou autre documentation de ces paramètres afin que vous puissiez vous y référer lors de la reconstruction des formulaires dans Klaviyo. 

Teasers

Si vous avez activé un teaser de formulaire dans Mailchimp, documentez son contenu et son apparence afin de pouvoir le recréer dans Klaviyo. Faites des captures d’écran ou documentez d’une autre manière : 

• contenu du teaser 
  Tout texte ou image sur le teaser et appel à l’action.

• Conception et style du teaser
  Notez les détails du design et du style, comme l’endroit où le teaser apparaît à l’écran, sa forme et sa taille, ses couleurs et ses polices.
• Affichage et comportement du teaser
  Documentez les paramètres d’affichage et de comportement du teaser, comme les paramètres de déclenchement, de fréquence et de visibilité.

Dans le concepteur de formulaires Mailchimp, les teasers sont appelés éléments de la deuxième chance. Pour consulter les paramètres de votre teaser : 

1. Dans le panneau Étapes, cliquez sur Suivi.
2. Cliquez sur Conteneur de la 2e chance.
3. Affichez et documentez les paramètres du teaser dans le panneau de droite.

Comportement et fonctionnalités

Une fois que vous avez enregistré les éléments visuels de votre formulaire Mailchimp, l’étape suivante consiste à en enregistrer le comportement et les fonctionnalités. Veillez à documenter les paramètres suivants sur vos formulaires Mailchimp :

• Délai d’affichage
  Documentez le mode et le moment d’apparition du formulaire (par exemple, lors du chargement de la page, après un délai, lors d’une tentative d’abandon ou lors d’un défilement en pourcentage).
• Fréquence d’affichage
  Notez la fréquence à laquelle le formulaire est affiché pour un utilisateur (par exemple, afficher une fois par session, afficher à chaque fois).
• Mentions spéciales sur l’interactivité
  Incluez toutes les interactions ou tous les déclencheurs spécifiques (par exemple, si un événement se produit).
• Règles de ciblage
  • URL
    Sur quelles pages le formulaire doit-il apparaître et de quelles pages doit-il être exclu ?
  • Appareils
    Sur quels appareils le formulaire doit-il être affiché (c’est-à-dire sur mobile, sur ordinateur ou les deux) ?
  • Type de visiteur
    Le formulaire doit-il cibler les profils nouveaux ou récurrents ?
  • Géociblage
    Le formulaire est-il destiné à des zones géographiques spécifiques ?
  • Paramètres UTM
    Le formulaire est-il déclenché par des Paramètres UTM spécifiques ?

Pour afficher les paramètres de comportement et de fonctionnalité d’un formulaire Mailchimp :

1. Sélectionnez Modifier à côté du formulaire sur la page Formulaires dans Mailchimp.
2. Sélectionnez Modifier les paramètres du site pour Où doit-il s’afficher ?
3. Sélectionnez Modifier le ciblage pour Qui doit le voir ?
4. Sélectionnez Modifier les déclencheurs pour Quand doit-il s’afficher ?
5. Documentez ou faites une capture d’écran de vos paramètres pour chacun de ces éléments. 

Ressources

Images et logos 

Veillez à exporter toutes les images et tous les logos que vous avez dans vos formulaires Mailchimp et que vous souhaitez importer à Klaviyo. 

Pour exporter une image à partir d’un formulaire Mailchimp :

1. Sélectionnez l’image dans l’éditeur de formulaires Mailchimp.
2. Cliquez sur le bouton de téléchargement dans le panneau de droite.

Polices

Veillez à documenter les polices de tout élément de texte dans votre formulaire Mailchimp. Notez que chaque élément de texte (par exemple, les titres, les libellés de bouton, etc.) peut avoir ses propres polices. 

Vous pouvez consulter la liste de toutes les polices utilisées dans un formulaire Mailchimp à partir de la page de vue d’ensemble dans l’éditeur de formulaires. 

Vous pouvez également voir la police utilisée pour un élément spécifique en cliquant dessus. Les styles et la police utilisés seront affichés dans le panneau de droite. 

Couleurs

Si vous souhaitez utiliser les mêmes couleurs dans vos formulaires Klaviyo, copiez le code hexadécimal de chaque couleur dans vos formulaires Mailchimp. Chaque code hexadécimal représente une couleur spécifique, ce qui vous permet de recréer vos formulaires dans Klaviyo en utilisant exactement les mêmes couleurs. 

Vous pouvez consulter une liste de toutes les couleurs utilisées dans un formulaire Mailchimp et de leurs codes hexadécimaux à partir de la page de vue d’ensemble dans l’éditeur de formulaires. 

Vous pouvez également voir les couleurs utilisées pour un élément spécifique en cliquant dessus. Les styles et la police utilisés seront affichés dans le panneau de droite.

Création de formulaires à Klaviyo 

Une fois que vous avez suivi les étapes ci-dessus et que vous avez documenté les composants clés de vos formulaires dans Mailchimp, vous pouvez utiliser le processus ci-dessous lorsque vous êtes prêt à recréer des formulaires dans Klaviyo. 

Recréez le formulaire dans Klaviyo.

Pour commencer à reconstituer votre formulaire dans votre compte Klaviyo : 

1. Accédez à l’onglet Formulaires d’inscription et cliquez sur Créer un formulaire d’inscription.
2. Choisissez un type de formulaire
   Sélectionnez le type de formulaire qui correspond à votre formulaire Mailchimp (pop-up, menu volant, pleine page ou intégré).
3. Ajouter du contenu et des champs de saisie
   • Utilisez les informations de votre checklist pour ajouter des blocs de texte, des blocs d’images et des champs de saisie.
   • Pour les champs personnalisés, vous pouvez créer des propriétés de profil directement dans l’éditeur de formulaires.
4. Mettre en forme le formulaire
   • Dans la section Styles de l’éditeur de formulaires, ajustez les couleurs, les polices et la mise en page pour qu’elles correspondent à votre marque et au formulaire Mailchimp d’origine.
   • Vous pouvez ajouter des images d’arrière-plan et latérales.
   • Guides pertinents: Comprendre les styles d’un formulaire d’inscription

Configurer le ciblage et le comportement

Pour configurer les paramètres de ciblage et de comportement de votre formulaire dans Klaviyo : 

1. Sélectionnez le bouton Ciblage et comportement sur la page de vue d’ensemble de l’éditeur de formulaires.
2. Définir les règles d’affichage
   Dans l’onglet Ciblage et comportement, configurez quand et comment le formulaire doit s’afficher.
   • Définissez le timing d’affichage (par exemple, lors du chargement de la page, après un délai, lors d’une tentative d’abandon de commande ou lors du défilement).
   • Définissez la fréquence d’affichage (par exemple, afficher une fois par session, afficher à chaque fois).
3. Définir Votre Audience
   • Ciblez des URL spécifiques si le formulaire ne doit apparaître que sur des pages spécifiques.
   • Spécifiez Appareils (ordinateur, mobile ou les deux).
   • Définissez le type de visiteur (nouveau ou récurrent).
   • Appliquer le géo-ciblage si le formulaire est configuré pour des clients situés à des endroits spécifiques
   • Utilisez des Paramètres UTM si le formulaire est déclenché par un code UTM spécifique.

Prochaines étapes

Une fois que vous avez reconstruit vos formulaires Mailchimp dans Klaviyo, voici quelques étapes à suivre pour assurer une transition en douceur.

1. Déclencher un flux de bienvenue
   Assurez-vous que votre flux de bienvenue est déclenché par la liste que vous avez connectée au formulaire.
2. Configurez des codes de réduction de formulaires
   Vous pouvez afficher les codes de réduction dans le message de réussite du formulaire ou les inclure dans votre e-mail de bienvenue.

Publiez et remplacez

Une fois que vos formulaires sont prêts dans Klaviyo, vous pouvez les publier et supprimer tous les anciens formulaires Mailchimp. 

1. Publier le formulaire Klaviyo
   Une fois que vous êtes satisfait de votre formulaire, cliquez sur Publier.
   • Installez le code intégré Klaviyo (si nécessaire) :
     1. Pour les formulaires pop-up, menus volants et pleine page, vous devez disposer du tracking sur site de Klaviyo (c’est-à-dire Klaviyo.js) installé sur votre site.
     2. Pour les formulaires intégrés, vous devrez copier le code intégré fourni et le coller dans le code HTML de votre site web à l’endroit où vous souhaitez que le formulaire apparaisse.
2. Supprimez le formulaire Mailchimp
   Désactivez ou supprimez le formulaire correspondant de votre compte Mailchimp pour empêcher l’apparition des deux formulaires.
3. Test
   Visitez votre site web dans une fenêtre incognito pour vous assurer que le nouveau formulaire Klaviyo s’affiche et fonctionne correctement.

Ressources complémentaires 

Démarrer avec les formulaires d’inscription

Comprendre les styles de formulaires d’inscription

Comprendre les paramètres de ciblage et de comportement pour les formulaires d’inscription