Contact Forms

Cree formularios de contacto profesionales que se integren perfectamente con su chatbot e incluyan protección integrada contra spam.

Overview

Contact Forms en ChatReact le permiten:

• Recopilar información estructurada de los visitantes
• Filtrar automáticamente envíos de spam
• Recibir notificaciones de nuevos envíos
• Revisar y gestionar los envíos en el panel

Availability

Contact Forms están disponibles en:

• Starter plan y superiores

Creating a Form

Step 1: Navigate to Forms

1. Vaya a Forms en la barra lateral
2. Haga clic en Create Form

Step 2: Configure Basic Settings

Step 3: Add Fields

Arrastre y suelte para añadir campos:

Field Options

Para cada campo, configure:

• Label: Nombre que se muestra
• Placeholder: Texto de sugerencia
• Required: Debe completarse
• Options: Para campos select/dropdown

Spam Protection

AI-Powered Spam Filter

Cada envío es analizado por AI en busca de:

• Patrones sospechosos
• Contenido de spam conocido
• Comportamiento similar a bots
• Señales de calidad

Spam Threshold

Establezca la sensibilidad (0-100):

• Low (25): Detecta solo el spam evidente
• Medium (50): Filtrado equilibrado
• High (75): Bloqueo agresivo de spam

Auto-Reject

Active el rechazo automático de envíos de spam:

• Los envíos rechazados se registran pero no se envían
• Revise los envíos rechazados en cualquier momento

Managing Submissions

Submission List

Vea todos los envíos de formularios con:

• Fecha y hora de envío
• Información del remitente con etiquetas de campo legibles (p. ej., "Nombre", "Email" en lugar de IDs técnicos)
• Puntuación y estado de spam
• Estado de revisión

Submission Actions

Filtering

Filtre los envíos por:

• Rango de fechas
• Estado (pending, reviewed, spam)
• Buscar por contenido

Embedding Forms

Widget Integration

Los formularios pueden aparecer en el widget de chat:

1. Configure el disparador del formulario en la configuración del chatbot
2. Cuando se active, el formulario aparece en el chat

Standalone Embed

Inserte formularios directamente en su sitio web:

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

También puede especificar un elemento contenedor personalizado usando el atributo data-container si desea que el formulario se renderice dentro de un elemento específico:

<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>

Estilizado

Los formularios heredan automáticamente el estilo de su widget:

• Colores primario y secundario
• Radio de borde
• Familia tipográfica

Notificaciones

Notificaciones por correo electrónico

Reciba correos electrónicos instantáneos por nuevos envíos:

• Destinatario configurable
• Contenido completo del envío
• Enlaces de acción rápida

Notificaciones en la aplicación

Vea nuevos envíos en la campana de notificaciones:

• Haga clic para navegar al envío
• Marcar como leído/no leído

Buenas prácticas

1. Mantenga los formularios cortos: Solicite solo la información esencial
2. Use etiquetas claras: Evite la jerga
3. Pruebe el spam filter: Envíe entradas de prueba para calibrarlo
4. Responda con prontitud: Las respuestas rápidas mejoran la satisfacción
5. Revise la carpeta de spam: Verifique falsos positivos

Próximos pasos

• Live Chat →
• Widget Customization →
• Notifications →