Concevez votre formulaire contextuel

Après avoir sélectionné un modèle et créé votre formulaire contextuel Mailchimp, concevez et personnalisez le formulaire en fonction de votre marque. Téléchargez un logo, modifiez les polices et les couleurs, ajoutez des étapes de suivi et d'autres éléments attrayants pour engager votre audience.

Cet article vous propose de découvrir comment concevoir votre formulaire contextuel.

Avant de commencer

Voici ce qu’il faut savoir avant de commencer ce processus.

• Les formulaires contextuels Mailchimp nécessitent un modèle. Pour en savoir plus, consultez Créer un formulaire contextuel.
• Le design de votre formulaire contextuel doit être conforme aux exigences du RGPD. Pour en savoir plus, consultez l’article Recueillir le consentement avec des formulaires contextuels.

Concevez votre formulaire

Après avoir créé un formulaire contextuel et choisi un modèle, concevez-le dans l'éditeur de formulaire contextuel pour qu'il corresponde à votre marque et maximisez l'engagement du site Web. Votre formulaire comporte différents éléments ou composants tels que du texte, des images, des boutons et des champs de saisie qui peuvent être modifiés séparément.

Les formulaires contextuels que vous avez déjà créés sont répertoriés sur votre page Aperçu. Pour mettre à jour, cliquez sur le formulaire avec lequel vous souhaitez travailler, puis cliquez sur Modifier le contenu dans la section À quoi cela ressemble-t-il ?.

Ajouter un logo

Pour ajouter votre logo à votre formulaire contextuel, procédez comme suit.

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Logo.
3. Dans la section Image, cliquez sur Remplacer l'image.
   
4. Choisissez le fichier que vous souhaitez télécharger. Les fichiers SVG, PNG, WebP ou AVIF sont pris en charge.
5. Modifiez le style du logo, ajustez la position, la largeur, la hauteur et la marge. Vous pouvez ajouter des coins arrondis et d'autres éléments pour répondre à vos besoins de conception.

Mettre à jour les polices

Mettez à jour vos polices de formulaire contextuel à l'aide de l'outil de modification en bloc ou individuellement.

Modification en bloc

Pour mettre à jour vos polices avec une modification groupée, procédez comme suit.

1. Dans la section Typographie, choisissez la police que vous souhaitez mettre à jour.
2. Dans la fenêtre contextuelle Modifier toutes les instances de cette police, choisissez une police dans la liste déroulante Police.
3. Pour prévisualiser vos modifications, cliquez sur Aperçu, puis sur Aperçu local.
4. Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier.
   
5. Choisissez un poids de police dans la liste déroulante Poids, puis cliquez sur Mettre à jour toutes les utilisations de cette police.

Modification individuelle

Pour mettre à jour vos polices individuellement, procédez comme suit.

1. Dans la mise en page de votre formulaire contextuel, cliquez sur le bloc de texte que vous souhaitez mettre à jour.
2. Dans la section Typographie, cliquez sur le menu déroulant et choisissez votre police.
3. Modifiez la couleur, la bordure, l'espacement, l'opacité, la rotation, l'animation, etc.
4. Pour prévisualiser vos modifications, cliquez sur Aperçu, puis sur Aperçu local.
5. Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier.
   

Modifier les couleurs

Modifiez les couleurs de votre formulaire contextuel pour le texte, les arrière-plans, les boutons et les bordures.

Pour modifier vos couleurs, procédez comme suit.

1. Dans la section Couleurs, cliquez sur la couleur que vous souhaitez mettre à jour. Si vous êtes dans la mise en page de votre formulaire contextuel, cliquez sur Retour à toutes les étapes.
2. Utilisez le sélecteur de couleur pour choisir un préréglage ou saisir un code HEX personnalisé.
3. Pour prévisualiser vos modifications, cliquez sur Aperçu, puis sur Aperçu local.
4. Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier.
   

Répétez ce processus pour toutes les couleurs que vous souhaitez modifier.

Ajouter des images

Les images sont un moyen puissant de rendre vos formulaires contextuels Mailchimp plus attrayants visuellement. Remplacez ou ajoutez de nouvelles images en fonction de votre style et de votre marque. Pour de meilleurs résultats, nous recommandons une taille d'image de 300KB.

Pour ajouter ou mettre à jour des images, procédez comme suit.

Image

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser et déposez l' élément Image dans votre mise en page.
4. Dans la section Image, cliquez sur Télécharger.
   
5. Personnalisez l'image en fonction de la marque de votre site Web.
6. Si vous ne souhaitez plus recevoir l'image, cliquez sur Supprimer sur votre clavier.

Arrière-plan de l'image

1. Dans votre mise en page, cliquez sur l'arrière-plan de l'image avec lequel vous souhaitez travailler.
2. Dans la section Arrière-plan de l 'image, cliquez sur Remplacer l'image. Vous pouvez également supprimer l'arrière-plan + recadrage automatique ou supprimer l'arrière-plan uniquement.
   
3. Ajustez la taille, définissez un modèle de répétition ou choisissez l'alignement selon vos besoins.
4. Si vous ne souhaitez plus recevoir l'image, cliquez sur Supprimer sur votre clavier.

Mettre à jour le texte

Il est recommandé de mettre à jour le texte à l'aide de la vue mobile. Le texte sera automatiquement mis à jour sur le bureau.

Pour mettre à jour le texte de votre formulaire contextuel, procédez comme suit.

1. Dans la mise en page de votre formulaire contextuel, double-cliquez sur le texte que vous souhaitez mettre à jour.
2. Saisissez votre nouveau texte dans le bloc de texte.
3. Assurez-vous de mettre à jour votre texte à toutes les étapes de la mise en page du formulaire contextuel.

Boutons de mise à jour

Vous pouvez mettre à jour l'apparence et les actions de bouton dans votre mise en page.

Pour mettre à jour les boutons, procédez comme suit.

1. Dans votre mise en page, cliquez sur le bouton avec lequel vous souhaitez travailler.
2. Dans le panneau Propriétés, cliquez sur Apparence pour mettre à jour l'apparence de votre bouton.
   
3. Cliquez sur Bouton Actions pour voir ou ajouter des actions. Par exemple, vous pouvez avoir des actions de bouton pour collecter les données d'e-mail et de SMS des visiteurs du site Web.
   
4. Dans la section Aller à l'étape, cliquez sur le menu déroulant Étape pour voir les autres actions de bouton, ou cliquez sur Ajouter une action pour ajouter des actions selon vos besoins.
   

Mettre à jour les styles

Les styles sont appliqués aux modèles de formulaire contextuel Mailchimp pour vous aider à concevoir votre formulaire. Ajoutez ou supprimez des styles dans votre mise en page pour qu'ils correspondent à votre marque personnelle.

Modifier les styles

Pour modifier les styles, procédez comme suit.

1. Dans le panneau Couches, cliquez sur l'élément avec le style que vous souhaitez modifier. L'icône en forme de larme indique qu'un style est appliqué.
2. Dans le panneau Propriétés, cliquez sur la liste déroulante STYLE pour voir tous les éléments associés à ce style.
3. Choisissez la propriété (police, couleur, taille, opacité, etc.) que vous souhaitez mettre à jour. Tous les éléments de votre mise en page avec ce style seront mis à jour.

Créer des styles

Pour créer un nouveau style, procédez comme suit.

1. Sélectionnez l'élément sans style associé.
2. Dans le panneau Propriétés, cliquez sur l' icône Nouveau style.
   
3. Nommez votre style, puis cliquez sur Créer un style d'élément.
4. Dans la liste déroulante STYLE, cliquez sur Détacher le style pour supprimer un style.

Mettre à jour le code de réduction

Si votre modèle de formulaire contextuel comporte un code de réduction, mettez à jour le texte du code de réduction de l'espace réservé avec votre propre code.

Pour mettre à jour le code de réduction, procédez comme suit.

1. Dans la mise en page de votre formulaire contextuel, double-cliquez sur le code de réduction de l'espace réservé.
2. Saisissez votre code de réduction.
3. Vous devrez également remplacer ce texte dans la barre de rappel avant de pouvoir publier.

Mettre à jour les liens juridiques SMS

Si vous choisissez un modèle de formulaire contextuel qui inclut des SMS, ajoutez des liens vers vos conditions générales de marketing par SMS et votre politique de confidentialité.

Pour mettre à jour vos liens juridiques SMS, procédez comme suit.

1. Dans votre mise en page à l'étape Terminer l'inscription, cliquez sur les liens Conditions et confidentialité.
2. Cliquez sur Bouton Actions(1).
3. Saisissez l'URL(s) de vos liens légaux SMS.

Mini-questionnaire

Les mini-questionnaires sont un moyen interactif d'engager les visiteurs du site Web et de collecter des données précieuses. Concevez un mini-questionnaire avec des cases à cocher, des listes déroulantes ou des boutons radio. Pour les questions comportant une seule réponse, utilisez les boutons radio ou les menus déroulants. Pour les questions comportant plus d'une réponse, cochez les cases.

Voici les types de mini-questionnaires que vous pouvez créer.

Boutons radio

Les boutons radio, ou un ensemble radio, offrent un design à choix multiples visible pour votre mini-questionnaire. Les visiteurs de votre site Web choisissent une seule réponse parmi les options que vous créez.

Pour configurer les boutons radio, procédez comme suit.

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser et déposez l' élément Ensemble radio dans votre mise en page.
4. Saisissez votre texte dans les champs de texte. Assurez-vous que chaque bouton radio a une valeur unique attribuée.
5. Ajoutez un bouton Envoyer.

Menu déroulant

Les menus déroulants offrent un design à choix multiples caché pour votre mini quiz. Les visiteurs de votre site Web choisissent une seule réponse parmi les options que vous créez.

Pour configurer une liste déroulante, procédez comme suit.

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser et déposez l' élément déroulant dans votre mise en page.
4. Saisissez vos options déroulantes dans les champs. Assurez-vous que chaque option du menu déroulant a une valeur unique attribuée.

Cases à cocher

Les cases à cocher offrent une réponse multiple et une option de réponse individuelle pour votre mini-questionnaire. Les visiteurs de votre site Web choisissent autant de réponses qu'ils le souhaitent parmi les options que vous créez, ou ils peuvent cocher une case obligatoire. Utilisez les cases à cocher pour recueillir l'autorisation ou les préférences marketing ainsi que le consentement juridique.

Pour configurer une case à cocher, procédez comme suit.

Ensemble de cases à cocher

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser et déposez l' élément Définir la case à cocher dans votre mise en page.
4. Saisissez le texte à afficher à côté de chaque case à cocher. Assurez-vous que chaque option de case à cocher dispose d'une valeur unique attribuée.
5. Ajoutez un bouton Envoyer.

Case à cocher individuelle

1. Dans le panneau Étapes, cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser et déposez l' élément Case à cocher individuelle dans votre mise en page.
4. Saisissez le texte de la case à cocher dans le champ.
5. Choisissez un champ d'audience pour stocker les données de case à cocher dans votre audience.
6. Choisissez les paramètres obligatoires et par défaut.

Ajouter des étapes de suivi

Ajoutez des étapes de suivi à votre formulaire contextuel pour aider les visiteurs à se réengager avec votre formulaire. Rappelez-leur une offre de réduction ou utilisez les boutons pour les faire passer dans le formulaire contextuel.

Voici quelques étapes de suivi que vous pouvez ajouter à votre formulaire contextuel.

Éléments de deuxième chance

Les éléments de deuxième chance, également appelés « taquineries », aident à réengager les visiteurs qui ont précédemment rejeté votre formulaire contextuel. Ces bulles apparaissent généralement dans le coin de l'écran et suivent les visiteurs tout au long de leur visite sur votre site Web.

Pour ajouter un élément de deuxième chance, procédez comme suit.

1. Dans le panneau Étapes, cliquez sur Suivi.
2. Cliquez sur 2nd Chance Container.
3. Choisissez vos paramètres de style pour l'étape de suivi, le texte et les boutons.
4. Pour supprimer un élément de deuxième chance, effectuez un zoom arrière et cliquez sur Terminer la campagne.

Barre de rappel

La barre de rappel agit comme une invite pour encourager les contacts abonnés à utiliser leur code de réduction après la fermeture du formulaire contextuel et leur inscription à votre marketing. Cette barre n'est pas interactive et apparaît comme une notification permanente pendant que les visiteurs naviguent sur votre site Web.

Vérifier les paramètres

Après avoir conçu votre formulaire contextuel, vérifiez vos paramètres et prévisualisez. Cliquez sur Enregistrer et vérifier pour consulter la liste de contrôle de votre formulaire contextuel. Cliquez sur Aperçu pour tester votre formulaire contextuel.

Lorsque vous êtes prêt, cliquez sur Publier ou planifiez pour publier votre formulaire contextuel sur votre site Web. Pour en savoir plus, consultez Créer un formulaire contextuel.

Étapes suivantes

Après avoir publié votre formulaire contextuel, conservez votre contenu et gérez vos indicateurs pour atteindre vos objectifs marketing. Pour savoir comment gérer vos formulaires, consultez Gérer votre formulaire contextuel.