Formulaires de contact

Créez des formulaires de contact professionnels qui s'intègrent parfaitement à votre chatbot et incluent une protection anti-spam intégrée.

Présentation

Les Formulaires de contact dans ChatReact vous permettent de :

• Collecter des informations structurées de la part des visiteurs
• Filtrer automatiquement les soumissions spam
• Recevoir des notifications pour les nouvelles soumissions
• Examiner et gérer les soumissions depuis le tableau de bord

Disponibilité

Les Formulaires de contact sont disponibles sur :

• Starter plan et supérieur

Création d'un formulaire

Les formulaires sont gérés par chatbot, donc chaque formulaire appartient exactement à un chatbot.

Étape 1 : Accéder aux Formulaires

1. Sélectionnez le chatbot auquel le formulaire appartient
2. Allez dans Forms dans la barre latérale
3. Cliquez sur Create Form

Le constructeur de formulaire vous guide à travers quatre étapes : Basics, Fields, Design et Settings.

Étape 2 : Informations de base

Les nouveaux formulaires sont activés par défaut. Vous pouvez activer ou désactiver un formulaire ultérieurement via le bouton bascule Form Active dans son onglet General.

Étape 3 : Ajouter des champs

Les nouveaux formulaires sont pré-remplis avec un modèle de contact prêt à l'emploi — Nom, Email, Message et Consentement à la confidentialité — que vous pouvez modifier, réordonner ou supprimer. Utilisez le bouton Add Field pour ajouter d'autres champs et les flèches haut/bas pour changer leur ordre.

Options de champ

Pour chaque champ, configurez :

• Label : Nom affiché
• Placeholder : Texte d'indice
• Required : Champ obligatoire
• Options : Pour les champs select/dropdown

Étape 4 : Design

Stylisez le formulaire pour qu'il corresponde à votre site web :

• Quick Presets : Thèmes de départ clair et sombre
• Colors : Choisissez la couleur principale, la couleur d'arrière-plan et la couleur du texte
• Button Text : Libellé personnalisé pour le bouton d'envoi
• Success Message : Message affiché aux visiteurs après l'envoi

Un aperçu en direct montre vos modifications au fur et à mesure.

Étape 5 : Paramètres

Configurez la protection anti-spam (voir ci-dessous) et l'Notification Email pour les alertes de soumission.

Protection anti-spam

Filtre anti-spam assisté par IA

Chaque soumission est analysée par l'IA pour :

• Repérer des motifs suspects
• Contenu connu comme spam
• Comportement semblable à un bot
• Signaux de qualité

Seuil de spam

Chaque soumission reçoit un score de spam de 0 (légitime) à 100 (spam certain). Utilisez le curseur de seuil (0–100, par défaut 70) pour décider où tracer la ligne — avec Auto-Reject activé, les soumissions ayant un score de spam au-dessus du seuil sont marquées comme spam :

• Seuil plus bas : Filtrage plus strict — plus de soumissions sont signalées
• Seuil plus élevé : Plus permissif — seuls les spams évidents sont signalés

Rejet automatique

Activez Auto-Reject pour gérer le spam automatiquement :

• Les soumissions avec un score supérieur à votre seuil sont automatiquement marquées comme spam
• Elles restent dans votre liste de soumissions, afin que vous puissiez les examiner à tout moment

Gestion des soumissions

Liste des soumissions

La page des soumissions commence par un aperçu de vos totaux : comptes Total, Pending, Approved, Spam et Rejected.

Cliquez sur une soumission pour l'ouvrir et voir :

• Date et heure de la soumission
• Informations sur l'expéditeur avec des libellés de champs lisibles (par ex., "Name", "Email" au lieu d'identifiants techniques)
• Score de spam et statut
• Le raisonnement de l'IA derrière le score de spam
• Détails techniques tels que l'adresse IP et le référent

Actions sur les soumissions

Approve, Mark as Spam et Reject sont disponibles pour les soumissions avec le statut Pending ; Delete est disponible pour toutes les soumissions.

Filtrage

Utilisez le menu déroulant de statut pour filtrer les soumissions : All, Pending, Approved, Spam ou Rejected.

Intégration des formulaires

Les formulaires de contact s'intègrent directement sur votre site via un petit extrait de script. Vous pouvez copier l'extrait prêt à l'emploi — incluant votre ID de formulaire — depuis le tableau de bord : utilisez l'icône de copie sur la carte du formulaire ou l'onglet Embed sur la page d'édition du formulaire.

Intégration autonome

Intégrez les formulaires directement sur votre site :

<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  async
></script>

Vous pouvez aussi spécifier un élément conteneur personnalisé en utilisant l'attribut data-container si vous souhaitez que le formulaire s'affiche à l'intérieur d'un élément spécifique :

<div id="my-form-container"></div>
<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="my-form-container"
  async
></script>

Options d'intégration

Affinez la mise en page avec ces attributs de script optionnels :

WordPress

Si votre site utilise WordPress, le plugin officiel ChatReact vous permet d'intégrer des formulaires avec un shortcode :

[chatreact_form id="YOUR_FORM_ID"]

Un bloc Gutenberg et un widget Elementor sont également inclus. Voir WordPress Integration pour les détails.

Style

Les formulaires intégrés utilisent les couleurs, le texte du bouton et le message de succès que vous avez configurés dans les paramètres Design du formulaire — chaque formulaire a son propre style, indépendant de votre widget de chat. La famille de polices est héritée de votre site web, de sorte que les formulaires s'intègrent naturellement.

Les formulaires intégrés affichent un petit lien « Powered by ChatReact ». Les plans incluant le white-label (Professional et supérieur) suppriment ce marquage.

Formulaires multilingues

L'onglet Translations sur la page d'édition du formulaire vous permet de traduire le formulaire pour chacune des langues de votre chatbot :

• Libellés de champs et placeholders
• Texte du bouton d'envoi
• Message de succès

Les formulaires intégrés détectent automatiquement la langue de votre page et affichent la traduction correspondante.

Notifications

Notifications par email

Recevez des alertes par email pour les nouvelles soumissions :

• Les alertes incluent le nom du formulaire et un lien direct vers la page des soumissions
• Si l'Notification Email que vous configurez correspond au compte d'un membre de l'équipe, cette personne est notifiée ; sinon tous les owners, admins et managers reçoivent l'alerte
• La délivrance suit les préférences de notification de chaque destinataire — instantanée ou regroupée dans un digest

Notifications dans l'application

Voir les nouvelles soumissions dans la cloche de notification :

• Cliquez pour naviguer vers la soumission
• Marquer comme lu (individuellement ou tout à la fois)

Bonnes pratiques

1. Gardez les formulaires courts : Ne demandez que l'essentiel
2. Utilisez des libellés clairs : Évitez le jargon
3. Testez le filtre anti-spam : Soumettez des entrées de test pour calibrer
4. Répondez rapidement : Des réponses rapides améliorent la satisfaction
5. Vérifiez le dossier spam : Contrôlez les faux positifs

Étapes suivantes

• Live Chat →
• Widget Customization →
• Notifications →