Référence de migration des formulaires Amped.io

Objectif de cet article

Découvrez comment migrer vos formulaires Amped.io (désormais sous Mailchimp) vers Klaviyo. À compter du 15.08.2025, Amped.io ne prendra plus en charge les intégrations tierces comme 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

Puisque vous devrez recréer vos formulaires dans Klaviyo, nous vous recommandons de prendre des captures d’écran ou de documenter autrement vos formulaires et styles Amped.io à titre de référence. Répétez cette procédure pour chaque formulaire Mailchimp que vous comptez migrer vers Klaviyo, et pour chaque étape qu’un formulaire peut comporter.

Éléments du formulaire

Pour recréer fidèlement vos formulaires dans Klaviyo, documentez minutieusement l’apparence et les paramètres de vos formulaires existants. En règle générale, 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 capturez une capture d’écran de chaque champ du formulaire, y compris le champ standard d’e-mail. Cela peut également inclure des champs comme le numéro de téléphone, la date de naissance et toute autre information que vous collectez auprès des clients.

Veillez à faire une capture d’écran :

• Libellés des champs
  Le libellé visible pour chaque champ (p. ex., "Prénom," "Couleur préférée," "Date de naissance").
• Types de champs
  Notez le type de chaque champ (p. ex. texte, nombre, date, boutons radio, cases à cocher, liste déroulante).
• Balises de fusion
  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 remplacement
  Tout texte d’exemple ou d’instruction qui apparaît dans un champ de saisie avant qu’un utilisateur ne commence à le saisir.

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

Ici, vous pouvez trouver des informations sur les données associées au champ, ainsi que tous les styles appliqués. Faites une capture d’écran de ces paramètres ou documentez-les d’une autre manière afin de pouvoir vous y référer lors de la reconstruction des formulaires dans Klaviyo.

Texte du formulaire

Vous devez également créer un enregistrement de l’ensemble du texte (c.-à-d. le texte et les messages) figurant sur votre formulaire. Veillez à documenter :

• Titre du formulaire
  Le titre principal du formulaire (par exemple, "Inscrivez-vous à notre newsletter," "Obtenez 10 % de réduction").
• Texte du corps
  Tout texte descriptif qui explique l’intérêt de s’abonner, ce que la personne recevra ou des instructions.
• Texte du bouton
  Le texte sur les boutons (par exemple, « s’abonner », « Profitez de votre offre », « Inscrivez-moi »).
• Message de confirmation
  Le message affiché à un utilisateur après qu’il a envoyé le formulaire.
• Texte de divulgation
  Tout texte de divulgation sur votre formulaire informant les clients des détails de ce à quoi ils s’abonnent et de la façon dont votre marque utilisera leurs informations.

Dans Mailchimp, vous pouvez afficher les paramètres d’un texte en cliquant dessus dans l’éditeur de formulaires. Un panneau s’ouvrira sur la droite, où vous pourrez trouver tous les styles appliqués. Prenez une capture d’écran de ces paramètres ou documentez-les autrement afin de pouvoir vous y référer lorsque vous reconstruisez des formulaires dans Klaviyo.

Boutons

Les boutons sont un autre élément clé de votre formulaire. Vous pouvez avoir plusieurs boutons si votre formulaire comporte plusieurs étapes ; veillez donc à enregistrer les paramètres pour chacun d’entre eux. Veillez à documenter :

• Conception et style
  Les couleurs (par ex., couleurs du texte, couleurs d’arrière-plan, etc.), la marge intérieure et les polices de vos boutons.
• Libellés
  Le texte sur vos boutons (p. ex., « Envoyer », « S’inscrire », « Profitez de votre remise », « Suivant »).
• Comportement des boutons
  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 avez des boutons qui collectent des informations auprès des clients (par exemple, des boutons radio), documentez les tags d’audience auxquels ils se rapportent dans Mailchimp afin de pouvoir les recréer comme propriétés personnalisées dans Klaviyo.
• État désactivé
  À quoi ressemble le bouton lorsqu’il est désactivé (par exemple, avant que tous les champs obligatoires soient remplis) ? Cela inclut un changement de couleur et de style du curseur.

Dans Mailchimp, vous pouvez afficher les paramètres d’un bouton en cliquant dessus dans l’éditeur de formulaires. Un panneau s’ouvrira sur le côté droit et contiendra les paramètres du bouton. Vous pouvez y trouver des informations sur le comportement du bouton, ainsi que tous les styles appliqués. Faites une capture d’écran de ces paramètres ou documentez-les autrement afin de pouvoir vous y référer lors de la reconstruction des formulaires dans Klaviyo.

teaser

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

• Contenu du teaser
  Tout texte ou image sur le teaser et l’appel à l’action (CTA).
• Design et style du teaser
  Notez les détails de design et de style, comme l’emplacement du teaser à 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 le déclencheur, la fréquence et les paramètres de visibilité.

Dans le générateur de formulaires Mailchimp, les teasers sont appelés éléments de seconde chance. Pour afficher les paramètres de votre teaser :

1. Dans le panneau Étapes, cliquez sur Suivi.
2. Cliquez sur 2nd Chance Container.
3. Consultez et documentez les paramètres du teaser dans le panneau de droite.

Comportement et fonctionnalité

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

• Moment d’affichage
  Documentez comment et quand le formulaire s’affiche (par exemple, au chargement de la page, après un délai, lors de l’intention de sortie, selon le pourcentage de défilement).
• Fréquence d’affichage
  Notez à quelle fréquence le formulaire est affiché à un utilisateur (par ex., afficher une fois par session, afficher à chaque fois).
• Mises en évidence de l’interactivité spéciale
  Incluez toute interaction ou tout déclencheur spécifique (par ex., quelque chose se produit lorsque quelque chose d’autre se produit).
• Règles de ciblage
  • URL
    Sur quelles pages le formulaire doit-il apparaître et sur lesquelles doit-il être exclu ?
  • Appareils
    Sur quels appareils le formulaire doit-il s’afficher (c’est-à-dire mobile, ordinateur ou les deux) ?
  • Type de visiteur
    Le formulaire doit-il cibler les nouveaux profils ou les profils existants ?
  • Ciblage géographique
    Le formulaire est-il ciblé sur des emplacements géographiques spécifiques ?
  • Paramètre 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 d’entre eux.

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 dans 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 latéral droit.

Polices

Veillez à documenter les polices pour tous les éléments de texte de votre formulaire Mailchimp. Notez que chaque élément de texte (par exemple, les titres, les libellés de bouton, etc.) peut avoir sa propre police.

Vous pouvez consulter une liste de toutes les polices utilisées dans un formulaire Mailchimp depuis la page d’aperçu dans le générateur 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 s’afficheront 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 depuis 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, depuis la page d’aperçu du générateur de formulaires, la liste de toutes les couleurs utilisées dans un formulaire Mailchimp ainsi que leurs codes hexadécimaux.

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

Créer des formulaires dans Klaviyo

Une fois que vous avez suivi les étapes ci-dessus et 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éer le formulaire dans Klaviyo

Pour commencer à reconstruire votre formulaire dans votre compte Klaviyo,

1. Accédez à l’onglet Formulaires d’inscription et cliquez sur Créer un formulaire d’inscription.
2. Choisir un type de formulaire
   Sélectionnez le type de formulaire qui correspond à votre formulaire Mailchimp (c.-à-d. popup, volant, page complète 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 de nouvelles propriétés de profil directement dans l’éditeur de formulaires.
4. Styliser 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 des images latérales.
   • Guides pertinents: Comprendre les styles de formulaires 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 présentation du générateur de formulaires.
2. Définir des règles d’affichage
   Dans l’onglet Ciblage et comportements, configurez quand et comment le formulaire doit s’afficher.
   • Définissez le calendrier d’affichage (p. ex. au chargement de la page, après un délai, à l’intention de sortie, au pourcentage de 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 s’afficher que sur certaines pages.
   • Spécifier les appareils (c’est-à-dire ordinateur, mobile ou les deux).
   • Définissez Type de visiteur (c’est-à-dire nouveau ou récurrent).
   • Appliquez le ciblage géographique si le formulaire est configuré pour des clients situés dans des lieux spécifiques
   • Utilisez des paramètres UTM si le formulaire est déclenché par des UTM spécifiques.

Prochaines étapes

Une fois que vous aurez reconposé avec succès vos formulaires Mailchimp dans Klaviyo, il reste quelques étapes à suivre pour assurer une transition en douceur.

1. Déclenchez 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. Configurer des codes de réduction de formulaire
   Vous pouvez soit afficher des codes de réduction dans le message de réussite du formulaire, soit les inclure dans votre e-mail de bienvenue.

Publier et remplacer

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

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

Ressources supplémentaires