Dépannage du formulaire d'inscription intégré

Si vous voulez ajouter un formulaire d'inscription à votre site Web, nous vous proposons un code intégré de formulaire d'inscription simple qui utilise CSS et JavaScript. Étant donné que chaque site est unique, il est possible que vous rencontriez des conflits entre notre code et le vôtre.

Dans cet article, vous découvrirez comment résoudre certains problèmes courants avec les formulaires d'inscription intégrés.

Mon formulaire n'affiche aucun message de succès ou d'erreur.

Le code de formulaire intégré utilise jQuery pour valider le formulaire et afficher les messages de réponse comme le message de réussite qui apparaît lorsque quelqu'un clique sur le bouton Subscribe (S'abonner) pour s'inscrire à vos e-mails.

Cette action est gérée par JavaScript, qui analyse les autres actions effectuées sur la page. Parfois, plusieurs scripts sur une même page peuvent se bloquer les uns les autres et s'empêcher de fonctionner correctement. Si vous ne voyez pas le message de réussite, vérifiez les éventuels conflits JavaScript.

Les abonnés arrivent sur la page de confirmation et de remerciements.

Les actions de formulaire sont gérées par JavaScript : s'il est désactivé, votre formulaire peut se comporter d'une manière imprévisible. Par exemple, vos abonnés ne verront peut-être pas de messages d'erreur ou de réussite de réponse dynamique, ou ils seront peut-être redirigés vers la page de confirmation et de remerciement) hébergée par Mailchimp.

Pour vous assurer que JavaScript est activé pour votre formulaire intégré et mettre à jour votre site, procédez comme suit.

1. Cliquez sur Audience, puis sélectionnez Formulaires d’inscription.
   

2. Faites défiler jusqu'à la mosaïque Formulaire intégré , puis cliquez sur Formulaire intégré.

3. Saisissez le nom du formulaire, cliquez sur le menu déroulant Audience , puis sélectionnez l'audience sur laquelle vous souhaitez travailler.
4. Cliquez sur Begin (Commencer).

5. Cliquez sur Settings (Paramètres).
   

6. Assurez-vous que la case Disable all Javascript (Désactiver tout Javascript) soit bien décochée.
   

7. Cliquez sur Continue (Continuer).

8. Cliquez sur Copy Code (Copier le code).
   

9. Collez le code de formulaire intégré dans l'HTML de votre site Web pour remplacer la version actuelle de votre formulaire.

Les abonnés s'inscrivent et se rendent sur le formulaire d'inscription avec alertes.

Si votre formulaire intégré redirige les abonnés vers la version hébergée de votre formulaire d'inscription avec alertes Mailchimp, cherchez les éventuels champs obligatoires qui auraient été masqués sur votre formulaire d'inscription ou supprimés du code du formulaire.

Par exemple, si votre formulaire d'inscription inclut un champ First Name (Prénom) requis, mais qu'il a été masqué ou supprimé du code d'intégration, cela peut entrainer la soumission d'un formulaire contenant des erreurs après une tentative d'abonnement.

Pour vérifier les paramètres de chaque champ, accédez au créateur de formulaire associé à l'audience en cours de configuration. Si vous trouvez un champ indiqué comme obligatoire et masqué, il est probablement la cause de ce problème. Si vous êtes à l'aise avec le codage personnalisé, vous pouvez également voir la source sur votre formulaire intégré et chercher la ligne de code suivante :

input type="hidden"

Il ne se passe rien quand une personne clique sur Submit (Envoyer).

Généralement, un contact doit soumettre votre formulaire et voir un message de réussite indiquant qu'il a été ajouté à votre audience. Si l’envoi génère des erreurs, il verra un message d'erreur. Si rien de cela ne se produit, il est possible que nos serveurs n'aient pas reçu le formulaire.

Cela arrive généralement quand plusieurs formulaires utilisent la validation JavaScript sur une seule page de votre site Web. Nous vous recommandons de créer des pages individuelles sur votre site Web pour chaque formulaire d'inscription dont vous avez besoin.

S'il vous faut plus d'un formulaire intégré sur une seule page Web, utilisez l'une de ces solutions.

• Désactivez JavaScript.
• Intégrez votre formulaire classique dans une iFrame.
• Activez Remove CSS styles (Supprimer les styles CSS) .

Les abonnés ont eu un message de confirmation, mais ne sont pas sur ma liste.

Deux problèmes peuvent provoquer ce résultat. L'un vient de l'utilisateur, et l'autre pourrait venir du code de votre formulaire.

• Si vous utilisez le processus d'opt-in double, les nouveaux abonnés doivent confirmer leur abonnement par e-mail avant que vous puissiez les ajouter à votre audience. Il est possible que ces abonnés n'aient pas encore terminé le processus. Demandez-leur s'ils ont reçu l'e-mail de confirmation, et s'ils ont consulté leurs dossiers de spam et de courrier indésirable.
• Si vous avez modifié le code intégré avant de le coller dans votre site Web, vérifiez que le formulaire envoie des données au bon compte et à la bonne audience sur Mailchimp. En cas de doute, remplacez le code sur votre site par le code d'intégration généré dans Mailchimp.

Le bouton Subscribe (S'abonner) est manquant.

Parfois, après l'intégration de votre formulaire d'inscription sur un site comme WordPress ou Wix, le bouton pour s‘abonner n'apparaît pas. Cela se produit généralement quand il y a un problème avec le code CSS de votre formulaire ; il s'agit du code qui détermine l'apparence et la configuration du formulaire.

On constate souvent un chevauchement entre le CSS par défaut sur votre page Web WordPress ou Wix et celui de votre formulaire intégré. Si un élément de votre site a la même évaluation de classe CSS que le bouton d'abonnement dans le code du formulaire intégré, le bouton d'abonnement n'apparaît pas sur le formulaire d'inscription.

Pour modifier le code du formulaire intégré et afficher votre bouton Subscribe (S'abonner) correctement, procédez comme suit.

1. Cliquez sur Audience, puis sélectionnez Formulaires d’inscription.
   

2. Faites défiler jusqu'à la mosaïque Formulaire intégré , puis cliquez sur Formulaire intégré.

3. Saisissez le nom du formulaire, cliquez sur le menu déroulant Audience , puis sélectionnez l'audience sur laquelle vous souhaitez travailler.
4. Cliquez sur Begin (Commencer).
5. Cliquez sur Continue (Continuer).

6. Cliquez sur Copy Code (Copier le code).
   

7. Collez le code dans un éditeur de texte simple, comme Notepad ou TextEdit, et définissez-le sur texte brut.

8. Recherchez l'élément div class="clear" vers la fin du code. Vous pouvez soit supprimer class="clear" et conserver <div>, soit remplacer class="clear" par une autre valeur, comme class="show".
   

9. Copiez le code modifié et remplacez le code du formulaire intégré sur votre site par le nouveau code.

Le code de formulaire intégré ne fonctionne pas avec ASP.NET.

Les pages ASP.NET et le code de formulaire intégré de Mailchimp comprennent tous les deux des balises de formulaire. Ces balises de formulaire entrent en conflit et empêchent d'envoyer de nouvelles données d'abonnés à votre liste. Vous devrez modifier le code de formulaire intégré pour qu'il fonctionne sur votre page ASP.NET. Nous avons constaté que la modification de code ci-dessous aidaient certains utilisateurs, mais nous ne pouvons pas garantir que cela fonctionnera pour votre site.

1. Dans le code de formulaire intégré de Mailchimp, trouvez la balise , copiez l'URL pour la propriété d'action, et enregistrez-la où vous le voulez pour l'utiliser plus tard.
2. Supprimez la balise et la balise .
3. Dans le code du bouton Envoyer, ajoutez le code ci-dessous. Assurez-vous de remplacer actionurl par l'URL d'action que vous avez copiée précédemment.

onClick=this.form.action='actionurl';this.form.submit();

Le formulaire affiche "Too many subscribe attempts" (Trop ​de tentatives d'abonnement).

Si votre formulaire intégré affiche l'erreur "Too many subscribe attempts for this email address" (Trop ​​de tentatives d'abonnement pour cette adresse électronique), vous devrez peut-être désactiver la fonctionnalité de remplissage automatique dans votre navigateur Internet.

Pour corriger l'erreur, désactivez la fonction de remplissage automatique et réessayez environ 5 minutes après.