Arrêt de QuickBooks en France : QuickBooks, QuickBooks Expert-Comptable et le service client ne seront plus disponibles en France après le 29 décembre 2023. En savoir plus.

AideQuickBooksIntuit

Personnalisez votre formulaire contextuel

by Intuit• Mis à jour 1 semaine

Après avoir sélectionné un modèle et créé votre formulaire de fenêtre contextuelle Mailchimp, personnalisez-le pour qu'il corresponde à votre marque. Importez un logo, changez les polices et les couleurs, ajoutez des étapes de suivi et d'autres éléments attrayants pour attirer votre attention.

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

Avant de commencer

Prenez en compte les points suivants avant de passer à cette procédure.

Les fenêtres contextuelles Mailchimp nécessitent un modèle. Pour en savoir plus, choisissez Créer un formulaire contextuel .
L'apparence de votre formulaire contextuel doit être conforme aux exigences du RGPD. Pour en savoir plus, consultez Collecter le consentement avec les formulaires contextuels .

Personnaliser votre document

Après avoir créé un formulaire contextuel et choisi un modèle, personnalisez-le dans l'éditeur de formulaires contextuels pour qu'il corresponde à votre marque et maximisez l'engagement du client. Votre document comporte différents éléments ou composants tels que du texte, des images, des boutons et des champs d’entrée qui peuvent être modifiés séparément. Vos formulaires contextuels sont répertoriés sur votre page Aperçu.

Voici un aperçu des éléments de conception que vous pouvez ajouter ou modifier.

Ajouter un logo

Si vous avez un logo dans votre kits de marque Mailchimp, le logo sera automatiquement inséré dans votre conception. Vous pouvez ajouter un logo manuellement à tout moment.

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

Dans le menu Étapes, cliquez sur Offre .
Cliquez sur Configurer le logo, puis sélectionnez Télécharger l'image ou Parcourir les images .
- Choisissez Télécharger l'image pour sélectionner une image dans votre fichier. Les fichiers identifier, PNG, WebP ou AVIF sont pris en charge.
- Cliquez sur Parcourir les images pour sélectionner une image dans Content Studio.
Modifiez le style du logo, réglez sa position, la largeur, la hauteur et la marge. Vous pouvez ajouter des coins arrondis et d'autres éléments en fonction de vos besoins.

Mettre à jour les polices

Modifiez la police de vos formulaires contextuels à l'aide de l'outil de modification en masse, ou individuellement.

Modifications groupées

Pour appliquer des modifications multiples à vos polices, suivez les étapes ci-dessous.

Dans la section Typographie , choisissez la police que vous souhaitez mettre à jour.
Dans la liste Modifier toutes les instances de cette fenêtre contextuelle , choisissez une police dans le menu déroulant Police .
Pour visualiser vos modifications, cliquez sur Visualiser , puis sur Visualiser local .
Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier .
Choisissez un poids de police dans le menu déroulant correspondante, puis cliquez sur Mettre à jour toutes les utilisations de cette police .

Modification individuelle

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

Dans la mise en page de votre document contextuel, cliquez sur le bloc de texte que vous souhaitez mettre à jour.
Dans la section Typographie , cliquez sur le menu déroulant et choisissez votre police.
Modifiez la couleur, les bordures, les espaces, l'ouverture, la rotation, l'animation, etc.
Pour visualiser vos modifications, cliquez sur Visualiser , puis sur Visualiser local .
Lorsque vous êtes prêt à enregistrer vos modifications, cliquez sur Enregistrer et vérifier .

Changer les couleurs

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

Pour changer de couleur, suivez les étapes ci-dessous.

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

Ajouter des photos

Les photos sont un moyen puissant de rendre vos formulaires contextuels Mailchimp plus agréables à voir. Remplacez ou ajoutez des images pour les personnaliser en fonction de votre style et votre image de marque. Pour de meilleurs résultats, nous vous conseillons une taille d'image de 300 Ko.

Pour ajouter ou modifier des images, suivez les étapes ci-dessous.

Image

Dans le menu Étapes , cliquez sur Offre .
Cliquez sur Ajouter un élément .
Faites glisser l'élément Image dans votre mise en page.
Dans la section Image , cliquez sur Télécharger .
Personnalisez l'image pour qu'elle corresponde à l'image de marque de votre site Web.
Si vous ne voulez plus l'image, cliquez sur Supprimer sur votre clavier.

Image de fond

Dans votre mise en page, cliquez sur l'image de fond que vous souhaitez utiliser.
Dans la section Image de fond , appuyez sur Remplacer l'image Vous pouvez également supprimer l'arrière-plan + rognage automatique ou supprimer l'arrière-plan uniquement .
Ajustez la taille, définissez un motif récurrent ou choisissez l'alignement selon vos besoins.
Si vous ne voulez plus l'image, cliquez sur Supprimer sur votre clavier.

Ajouter des champs

Les champs que vous pouvez choisir pour les formulaires contextuels comprennent l’entrée de l’e-mail , le nom , le prénom , le nom , le numéro de téléphone et l’ entrée de texte . Utilisez le champ Entrée de texte pour ajouter d'autres champs, tels que l'adresse, le code postal et l'URL. Assurez-vous de créer un champ dans vos champs d'audit et de fusionner les paramètres des tags pour configurer votre formulaire contextuel.

Si vous avez un programme SMS soumis à l'âge, nous associons automatiquement un champ de date (vérification de l'âge) à l'élément Numéro de téléphone. Ce champ est différent du champ Date de début.

Le champ Date (anniversaire) répertorie le mois et le jour, et enregistre la valeur dans votre consultation. Le champ Date de naissance (vérification de l'âge) répertorie la date de naissance complète au format MM/JJ/AAAA ou JJ/MM/AAAA. Nous l'utiliserons uniquement pour vérifier l'âge.

Pour en savoir plus, consultez À propos du calcul de la limite d'âge pour le marketing par SMS par pays .

Mettre à jour le texte

Nous vous recommandons de mettre à jour le texte à l'aide de l'affichage mobile. Le texte sera automatiquement mis à jour sur le bureau.

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

Dans la mise en page de votre formulaire contextuel, cliquez deux fois sur le texte à mettre à jour.
Entrez votre nouveau texte dans le bloc de texte.
Assurez-vous de mettre à jour votre texte à toutes les étapes de la mise en page du document contextuel.

Boutons de mise à jour

Vous pouvez modifier l'apparence et les actions sur les boutons dans votre mise en page.

Pour mettre à jour les boutons, suivez les étapes ci-dessous.

Dans votre mise en page, cliquez sur le bouton que vous souhaitez utiliser.
Dans la fenêtre Propriétés , cliquez sur Apparence pour modifier l'apparence de votre bouton.
Cliquez sur le bouton Actions pour afficher ou ajouter des actions. Par exemple, vous pouvez utiliser des boutons pour collecter les données par e-mail et par SMS des visiteurs du site Web.
Dans la section Aller à l'étape , cliquez sur le menu déroulant Étapes pour voir les autres actions ou appuyez sur Ajouter une action pour ajouter des actions qui correspondent à vos besoins.

Mettre à jour les modèles

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

Modifier les modèles

Pour modifier les styles, suivez les étapes ci-dessous.

Dans la section Couchages , cliquez sur l'élément avec le style à modifier. L'icône en forme de larme indique qu'un style est appliqué.
Dans la fenêtre Propriétés , cliquez sur le menu déroulant STYLE pour afficher tous les éléments avec ce style.
Sélectionnez la propriété (fonte, couleur, taille, exécution, etc.) que vous souhaitez mettre à jour. Tous les éléments de votre mise en page figurant dans ce style seront mis à jour.

Créer des modèles

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

Sélectionnez l'élément sans style.
Dans la fenêtre Propriétés , cliquez sur l'icône Nouveau modèle .
Donnez un nom à votre modèle, puis cliquez sur Créer un élément .
Dans le menu déroulant STYLE , cliquez sur Détacher le modèle pour le supprimer.

Ajouter un code de remise

Ajoutez un code de remise statique ou unique à votre formulaire contextuel.

Code statique

Pour ajouter un code de remise statique, suivez les étapes ci-dessous.

Dans le menu Étapes , cliquez sur Offre .
Cliquez sur Ajouter un élément .
Faites glisser l'élément Code de remise dans votre mise en page.
Dans la section Type de code de remise , sélectionnez Code statique .
Entrez le nom de la remise et réglez les paramètres de style selon vos besoins.

Code unique

Les codes de remise uniques nécessitent une boutique Shopify connectée.

Pour ajouter un code de remise unique, suivez les étapes ci-dessous.

Dans le menu Étapes , cliquez sur Offre .
Cliquez sur Ajouter un élément .
Faites glisser l'élément Code de remise dans votre mise en page. Pour les codes uniques, cet élément doit apparaître après toutes les étapes de collecte des e-mails et des SMS dans votre mise en page.
Dans la section Type de code de remise , sélectionnez Code unique .
Cliquez sur Ajouter une remise unique .
Si vous y êtes invité, sélectionnez ou ajoutez une boutique Shopify connectée , puis cliquez sur Suivant .
Pour utiliser une remise existante, choisissez l'option Sélectionner une remise unique , puis utilisez le menu déroulant pour sélectionner une remise.
Pour créer une remise, sélectionnez Créer une remise unique et définissez les règles à respecter.
Cliquez sur Continuer et modifiez les paramètres de style selon vos besoins.

Découvrez Gérer les taux de remise pour en savoir plus sur la configuration des règles et la gestion des remises.

Mettre à jour les liens juridiques par SMS

Si vous choisissez un modèle de document contextuel qui inclut le SMS, ajoutez des liens vers les conditions générales de SMS, ainsi que la politique de confidentialité de QuickBooks.

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

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

Les formulaires contextuels ne prennent pas en charge le texte d'aide. Vous pouvez ajouter une description à l'aide du texte, puis le faire glisser.& déposer dans votre mise en page de conception.

Mini-questionnaire

Les mini-questionnaires sont un moyen interactif d'engager les visiteurs du site Web et de collecter des données précieuses. Créez un mini test avec des cases à cocher, des menus déroulants ou des boutons d'option. Pour les questions avec 1 réponse, utilisez les cases d'option ou les menus déroulants. Pour les questions ayant plus d'une réponse, utilisez les cases à cocher. Pour plus d'informations sur les mini-tests, choisissez Ajouter un mini test à votre formulaire contextuel .

Boutons radio

Les boutons radio, ou ensemble de radios, offrent un aperçu visible de 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 ajouter des cases d'option, suivez les étapes ci-dessous.

Dans le portail de l'affichage mobile, cliquez sur votre mise en page de conception.
Appuyez sur +Ajouter un élément .
Faites glisser l'élément radio dans votre mise en page.
Dans la fenêtre Propriétés , cliquez sur le menu déroulant Nom pour sélectionner une valeur pour votre radio.
Correspond à un groupe de vos clients.
Cliquez sur chaque bouton radio dans le champ radio réglé pour attribuer des valeurs à chacun.
Cliquez sur le curseur Utiliser la valeur comme texte pour que la valeur du texte s'affiche automatiquement dans votre mise en page.
Si vous voulez que le bouton soit présélectionné, activez le curseur Présélectionné .
Vous pouvez ajouter des espaces, modifier vos polices et d'autres éléments de design pour personnaliser votre radio afin qu'elle corresponde à l'image de marque de votre site Web.

Menu déroulant

Les menus déroulants offrent une conception masquée à 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 ajouter un menu déroulant, suivez les étapes ci-dessous.

Dans le portail de l'affichage mobile, cliquez sur votre mise en page de conception.
Appuyez sur +Ajouter un élément .
Faites glisser l'élément Menu déroulant dans votre mise en page.
Sélectionnez les options de votre champ déroulant. Assurez-vous d'attribuer une valeur unique à la liste déroulante.
Cliquez sur le curseur OBLIGATOIRE pour choisir si vous voulez que ce champ soit obligatoire.
Utilisez les éléments de conception pour personnaliser votre menu déroulant en fonction de la marque et du style de votre site Web.

Cases à cocher

Les cases à cocher offrent plusieurs réponses et une option individuelle pour votre mini-questionnaire. Les utilisateurs de votre site Web peuvent choisir un nombre illimité de réponses à partir des options que vous créez, ou ils peuvent cocher une case correspondante. Cochez les cases pour rassembler les autorisations ou préférences marketing, ainsi que le consentement légal. Nous vous recommandons de commencer par le modèle de case à cocher dans la bibliothèque de modèles de bulletin d'informations pour une configuration aisée.

Pour ajouter des cases à cocher, suivez les étapes ci-dessous.

Dans le portail de l'affichage mobile, cliquez sur votre mise en page de conception.
Appuyez sur +Ajouter un élément .
Faites glisser l'élément Case à cocher dans votre mise en page.
Dans la fenêtre Propriétés , cliquez sur le menu déroulant Nom pour affecter votre case à cocher à un groupe.
Correspond à un groupe de vos clients.
Cliquez sur chaque option à cocher du champ ensemble de cases à cocher , puis attribuez une valeur pour quand la case est cochée.
Cliquez sur le curseur Utiliser la valeur comme texte pour que la valeur du texte s'affiche automatiquement dans votre mise en page, ou vous pouvez entrer le texte manuellement.
Si vous voulez que le bouton soit coché par défaut, activez le curseur Coché par défaut .
Vous pouvez ajouter des espaces, modifier vos polices et d'autres éléments de design pour personnaliser la case à cocher pour qu'elle corresponde à l'image de marque de votre site Web.

Vous pouvez ajouter des cases à cocher. Cliquez avec le bouton droit de la souris sur la case à cocher de votre mise en page. Dans le menu contextuel, cliquez sur Copier , puis sur Copier . Mettre à jour au besoin.

Ajouter des étapes de suivi

Ajoutez des étapes de suivi à votre formulaire contextuel pour aider les visiteurs à s'y retrouver dans votre formulaire. Rappelez-les d'une offre de remise ou utilisez des boutons pour les faire passer par le formulaire contextuel.

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

Éléments de la deuxième chance

Les éléments de deuxième choix, aussi connu sous le nom de démarreurs, aident à réactiver les visiteurs qui ont précédemment rejeté votre formulaire d'affichage des fenêtres contextuelles. Ces bulles de texte apparaissent généralement dans le coin de l'écran, et elles suivent les visiteurs tout au long de leur travail sur votre site Web.

Pour ajouter un élément de deuxième choix, suivez les étapes ci-dessous.

Dans la section Étapes , cliquez sur Suivi .
Cliquez sur Conteneur de deuxième chance .
Choisissez vos paramètres de style pour l'étape de suivi, le texte et les boutons.
Pour supprimer un élément de seconde main, faites un zoom arrière et cliquez sur Terminer la campagne .

Barre de rappel

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

Valider la configuration

Après avoir conçu votre formulaire d'affichage des fenêtres contextuelles, vérifiez vos paramètres et prévisualisez-les. Cliquez sur Enregistrer et vérifier pour vérifier la liste de contrôle de votre formulaire contextuel. 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, choisissez 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 en matière de marketing. Pour apprendre à gérer vos formulaires, reportez-vous à Gérer votre formulaire contextuel .