Personnalisez votre formulaire contextuel

Après avoir sélectionné un modèle et créé votre formulaire contextuel Mailchimp, mettez au point et personnalisez le formulaire afin qu'il corresponde à votre image de marque. Importez un logo, changez les polices et les couleurs, ajoutez des étapes de suivi et d'autres éléments qui attireront l'attention de votre public.

Dans cet article, vous apprendrez comment concevoir votre formulaire contextuel.

Avant de commencer

Voici quelques choses à savoir avant de passer à cette étape.

• Les formulaires contextuels Mailchimp doivent être associés à un modèle. Pour en savoir plus, consultez Créer un formulaire contextuel.
• La conception de vos formulaires contextuels doit être conforme aux exigences du RGPD. Pour en savoir plus, consultez l' aide Collecter le consentement avec les formulaires contextuels.

Personnalisez votre document

Après avoir créé un formulaire contextuel et sélectionné un modèle, personnalisez-le dans l'éditeur des formulaires contextuels pour l'adapter à votre marque et optimiser l'engagement sur le site Web. Votre document 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 affichés sur la page Aperçu. Pour le mettre à jour, cliquez sur le document que vous voulez utiliser, puis cliquez sur Modifier le contenu dans la section Quel est le document ? section.

Ajouter un logo

Pour ajouter votre logo à votre formulaire contextuel, suivez les étapes ci-dessous.

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 à télécharger. Les fichiers fichiers fichiers fichiers PNG, WebP ou fichier TVA sont pris en charge.
5. Modifiez le style du logo, ajustez la position, la largeur, la hauteur et la marge. Vous pouvez ajouter des angles arrondis et d'autres éléments en fonction de vos besoins.

Mettre à jour les polices

Mettez à jour les polices de vos formulaires contextuels à l'aide de l'outil de modification par lot, ou individuellement.

Modification groupée

Pour suivre vos polices à la suite d'une modification groupée, suivez les étapes ci-dessous.

1. Dans la section Typographie , choisissez la police à mettre à jour.
2. Dans la section Modifier toutes les instances de cette fenêtre contextuelle de police, choisissez une police dans le menu déroulant Police .
3. Pour visualiser vos modifications, cliquez sur Visualiser, puis sur Visualiser localement.
4. Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier
   
5. Choisissez la taille d'une police dans le menu déroulant Taille , puis cliquez sur Mettre à jour toutes les utilisations de cette police.

Modification individuelle

Pour mettre à jour vos polices individuellement, suivez les étapes ci-dessous.

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 la police.
3. Modifiez la couleur, la bordure, l'espace, l'opportunité, la rotation, l' animation, et plus encore.
4. Pour visualiser vos modifications, cliquez sur Visualiser, puis sur Visualiser localement.
5. Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier
   

Modifier les couleurs

Modifiez les couleurs de votre document contextuel pour le texte, les images de fond, les boutons et les bordures.

Pour modifier vos couleurs, suivez les étapes ci-dessous.

1. Dans la section Couleurs , appuyez sur la couleur que vous voulez mettre à jour. Si vous êtes dans la mise en page de votre formulaire contextuel, cliquez sur Retourner à toutes les étapes.
2. Utilisez le bouton de sélection de la couleur pour choisir un code HEX prédéfini ou entrez un code HEX personnalisé.
3. Pour visualiser vos modifications, cliquez sur Visualiser, puis sur Visualiser localement.
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 photos

Les images sont un moyen puissant de rendre vos formulaires contextuels Mailchimp plus agréables à voir. Remplacez ou ajoutez d'autres images pour correspondre à votre style et à votre marque. Pour un résultat optimal, nous vous recommandons d'utiliser une taille d'image de 300 Ko.

Pour ajouter ou mettre à jour des images, suivez ces étapes.

Image

1. Dans le panneau Étapes , cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser l'élément Image dans votre mise en page.
4. Dans la section Image , cliquez sur Télécharger
   
5. Personnalisez l'image pour la personnaliser.
6. Si vous ne voulez plus l'image, cliquez sur la suppression sur votre clavier.

Fond de l'image

1. Dans votre mise en page, cliquez sur l'image de fond que vous souhaitez utiliser.
2. Dans la section Image en arrière-plan , cliquez sur Remplacer l'image. Vous pouvez aussi Supprimer l'arrière-plan + Rognage automatique ou Supprimer l'arrière-plan uniquement.
   
3. Ajustez la taille, définissez une récurrence ou choisissez l'alignement selon vos besoins.
4. Si vous ne voulez plus l'image, cliquez sur la suppression sur votre clavier.

Mettre à jour le texte

Nous vous recommandons de mettre à jour votre texte via l'affichage mobile. Le texte sera automatiquement mis à jour sur votre ordinateur.

Pour modifier le texte de votre formulaire contextuel, suivez les étapes ci-dessous.

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

Boutons Mettre à jour

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

Pour mettre à jour les boutons, suivez ces étapes.

1. Dans votre mise en page, cliquez sur le bouton que vous souhaitez utiliser.
2. Dans le panneau Propriétés , cliquez sur Apparence pour modifier l'apparence de votre bouton.
   
3. Cliquez sur Actions pour afficher 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 clients sur un site Web.
   
4. Dans la section Aller à l'étape , cliquez sur le menu déroulant pour voir d'autres actions du bouton, ou cliquez sur Ajouter une action pour ajouter des actions en fonction de vos besoins.
   

Mettre à jour les modèles

Les styles sont appliqués aux modèles de formulaires contextuels Mailchimp pour vous aider à concevoir votre formulaire. Ajoutez ou supprimez des styles dans votre mise en page pour les personnaliser.

Modifier les modèles

Pour modifier des styles, suivez ces étapes.

1. Dans le menu Niveaux , cliquez sur l'élément dont vous souhaitez modifier le style. 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 de ce style.
3. Choisissez la propriété (police, couleur, taille, bienheure, etc.) à mettre à jour. Tous les éléments de votre mise en page associés à ce style seront mis à jour.

Créer des modèles

Pour créer un modèle, suivez les étapes ci-dessous.

1. Sélectionnez l'élément auquel aucun style n'est associé.
2. Dans le panneau Propriétés , cliquez sur l'icône Nouveau modèle .
   
3. Donnez un nom à votre modèle, puis cliquez sur Créer un modèle d'élément.
4. Dans la liste déroulante STYLE , cliquez sur Détacher le modèle pour supprimer un modèle.

Mettre à jour le code de remise

Si votre modèle de document contextuel comporte un code de remise, mettez à jour le texte du code de remise de l'espace réservé en y ajoutant votre propre code.

Pour mettre à jour le code de remise, suivez les étapes ci-dessous.

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

Mettre à jour les liens juridiques par SMS

Si vous choisissez un modèle de document contextuel contenant des SMS, ajoutez des liens vers les conditions générales du marketing par SMS et la politique de confidentialité.

Pour mettre à jour vos liens juridiques par SMS, suivez les étapes ci-dessous.

1. Dans votre mise en page, à l' étape Terminer l'inscription, cliquez sur Conditions & Liens vers la confidentialité .
2. Cliquez sur Actions du bouton(1).
3. Entrez la ou les URL de vos liens juridiques par SMS.

Mini-questionnaire

Les mini-questionnaires sont un moyen interactif d'engager les clients du site Web et de collecter des données précieuses. Créez un mini-questionnaire avec des cases à cocher, des menus déroulants ou des boutons radio. Pour les questions avec une réponse, utilisez les cases d’option ou le menu déroulant. Pour les questions avec plus d’une réponse, utilisez des cases à cocher.

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

Boutons radio

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

Pour configurer les cases d'option, suivez ces étapes.

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

Menu déroulant

Les menus déroulants offrent une conception masquée de choix multiples pour votre mini-questionnaire. Les visiteurs de votre site Web choisissent une réponse unique parmi les options que vous créez.

Pour configurer une liste déroulante, suivez les étapes ci-dessous.

1. Dans le panneau Étapes , cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser l'élément Menu déroulant dans votre mise en page.
4. Entrez vos options de menu déroulant dans les champs. Assurez-vous qu'une valeur unique est attribuée à chaque option du menu déroulant.

Cases à cocher

Les cases à cocher permettent de répondre à plusieurs questions et d'envoyer une réponse individuelle à votre mini-questionnaire. Les utilisateurs de votre site Web peuvent choisir le nombre de réponses qu'ils reçoivent à partir des options que vous créez ou ils peuvent cocher une case correspondante. Utilisez les cases à cocher pour obtenir des informations sur les autorisations ou préférences marketing, ainsi que pour le consentement légal.

Pour configurer une case à cocher, suivez les étapes ci-dessous.

Cases à cocher définies

1. Dans le panneau Étapes , cliquez sur Offre.
2. Cliquez sur Ajouter un élément.
3. Faites glisser l'élément Case à cocher dans votre mise en page.
4. Entrez le texte à afficher à côté de chaque case. Assurez-vous qu'une valeur unique est attribuée à chaque case.
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 l'élément Case à cocher individuelle dans votre mise en page.
4. Entrez le texte de la case à cocher dans le champ.
5. Choisissez un champ CC pour enregistrer les données des cases à cocher.
6. Choisissez les paramètres requis et par défaut.

Ajouter des étapes de suivi

Ajoutez des étapes de suivi à votre formulaire contextuel pour aider les clients à consulter votre document de nouveau. Vous pouvez lui rappeler d'avoir reçu une offre de remise ou utiliser les boutons pour le faire passer par 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 choix, aussi appelés avertissements, permettent de réactiver l'engagement des clients qui ont précédemment fermé votre formulaire contextuel. Ces bulles apparaissent généralement au coin de l'écran, et elles suivez les utilisateurs tout au long de leur période sur le site Web de votre banque.

Pour ajouter un élément de deuxième chance, suivez ces étapes.

1. Dans le champ Étapes , cliquez sur Suivi
2. Cliquez sur Conteneur de la deuxième chance.
3. Choisissez les paramètres de style pour l'étape de suivi, le texte et les boutons.
4. Pour supprimer un élément de deuxième chance, zoomez et cliquez sur Fin de la campagne.

Barre de rappels

La barre de rappels sert à invite les contacts abonnés à utiliser leur code de remise une fois que le formulaire contextuel a été fermé et qu'ils ont accepté de recevoir vos messages. Cette barre n'est pas interactif et apparaît comme une notification permanente lorsque les visiteurs parcourent votre site Web.

Valider la configuration

Après avoir créé votre formulaire contextuel, vérifiez vos paramètres et affichez l'aperçu. Cliquez sur Enregistrer et vérifier pour vérifier la liste de contrôle de vos formulaires contextuels. Cliquez sur Visualiser pour tester votre formulaire contextuel.

Lorsque vous êtes prêt, cliquez sur Publier ou programmer 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.