Con el elemento de evento «Endpoint de formulario», puedes crear formularios fuera de Quentn y transferir directamente a Quentn los datos introducidos.
Esto resulta especialmente práctico en combinación con la IA: defines en Quentn qué datos debe recopilar tu formulario y, a continuación, recibes toda la información técnica que una IA necesita para crear un formulario completamente funcional.
Por ejemplo, puedes proporcionar a la IA el código preparado por Quentn y pedirle:
«Crea una landing page con un formulario adecuado.»
La IA crea la página junto con el formulario. Cuando alguien rellena y envía el formulario, los datos se transfieren directamente a Quentn a través del endpoint del formulario y el contacto puede entrar en tu campaña en este punto.
Configurar el Endpoint de formulario
Arrastra el elemento de evento «Endpoint de formulario» a tu campaña y ábrelo.
Dentro del elemento encontrarás una URL de endpoint individual. Más adelante, los datos del formulario se enviarán a esta dirección.
Antes de poder utilizar el endpoint, debes definir qué datos debe recopilar el formulario.
1. Seleccionar campos
Primero, selecciona los campos de contacto que quieres utilizar en tu formulario y transferir posteriormente a Quentn.
Por ejemplo:
- Nombre
- Apellidos
- Dirección de correo electrónico
- Número de teléfono
- Empresa
- Campos de contacto personalizados
Los campos seleccionados constituirán la base de tu formulario.
2. Definir campos obligatorios
Para cada campo seleccionado, puedes definir si debe ser un campo obligatorio.
Si activas la opción correspondiente, este campo deberá rellenarse antes de que el formulario pueda enviarse correctamente.
La dirección de correo electrónico siempre es obligatoria y, por tanto, no puede utilizarse como campo opcional.
3. Configurar Flood Protection y la protección contra spam
Al igual que con los formularios creados directamente en Quentn, también puedes proteger el endpoint del formulario frente a solicitudes automatizadas o realizadas con una frecuencia inusualmente alta.
Para ello, tienes disponibles las opciones habituales de Flood Protection y protección contra spam.
Recomendamos activar estos mecanismos de protección, especialmente si tu formulario es accesible públicamente desde una página web.
4. Crear un ejemplo
Una vez que hayas definido los campos y los ajustes, haz clic en «Guía de integración».
Quentn generará distintos ejemplos y definiciones que puedes utilizar para la implementación técnica o proporcionar directamente a una IA.
Ejemplos para el endpoint
JSON
En «JSON» encontrarás un ejemplo de cómo pueden transferirse los datos al endpoint cuando se envía el formulario.
El ejemplo contiene los campos que has seleccionado y muestra la estructura esperada de la solicitud.
Esta opción resulta especialmente relevante cuando los datos se transmiten con el Content-Type application/json.
Codificado como formulario
En «Codificado como formulario» encontrarás la misma información en otro formato de transmisión.
Aquí también puedes ver qué campos se transfieren al endpoint del formulario. La única diferencia es la forma técnica en la que se transmiten los datos.
La opción que necesites dependerá de cómo se implemente el formulario o la aplicación.
Cómo crear el formulario
En esta sección encontrarás toda la información necesaria para convertir tu endpoint de formulario en un formulario completamente funcional.
HTML
En «HTML», Quentn proporciona un código de ejemplo completo para un formulario.
Este código ya incluye las funciones necesarias:
- los campos del formulario seleccionados
- la conexión con el endpoint del formulario
- el envío de los datos
- el procesamiento de la respuesta
El ejemplo no incluye deliberadamente un diseño elaborado. Su función principal es servir como plantilla técnica.
Después puedes adaptar el diseño del código tú mismo o proporcionárselo a una IA y decirle, por ejemplo:
«Adapta el diseño de este formulario a mi página web.»
Definición de campos
En «Definición de campos» encontrarás una descripción técnica detallada del formulario.
Entre otras cosas, se define:
- qué campos existen,
- qué campos son obligatorios,
- qué valores se esperan,
- cómo deben estructurarse los datos y
- a dónde deben enviarse los datos.
La descripción se proporciona como un esquema JSON y resulta adecuada, por ejemplo, para desarrolladores o aplicaciones que deban generar un formulario a partir de una definición estructurada.
Crear un formulario con IA
La sección especialmente práctica se encuentra en «Plantilla de prompt para IA».
Aquí, Quentn reúne toda la información relevante para que puedas copiarla directamente en un asistente de IA.
De este modo, no tienes que explicar a la IA qué campos existen, cuáles son obligatorios o a qué endpoint deben enviarse los datos. Toda esta información ya está incluida.
Simplemente copia todo el contenido de «Plantilla de prompt para IA» y pégalo en tu asistente de IA.
Después puedes añadir, por ejemplo:
«Crea, a partir de esta información, una landing page moderna con un formulario. La página debe estar en alemán y mostrar una confirmación después de enviar el formulario.»
O:
«Crea un formulario que se adapte a mi página web actual. Utiliza los siguientes colores y optimiza el diseño para smartphones.»
El hecho de que la información técnica de «Plantilla de prompt para IA» esté en inglés no supone ningún problema. Puedes seguir formulando tus instrucciones en alemán y hacer que el código final se genere con textos en alemán.
De este modo, puedes crear formularios personalizados, landing pages o incluso aplicaciones interactivas con unas pocas instrucciones, sin tener que programar tú mismo la conexión con Quentn.
¿Qué ocurre después del envío?
En cuanto un visitante envía el formulario, los datos se envían a la URL de endpoint individual del elemento de evento.
Quentn comprueba los datos enviados y los asigna al contacto correspondiente.
A continuación, el contacto activa el evento «Endpoint de formulario» y continúa recorriendo tu campaña a partir de este punto.
De este modo, puedes conectar directamente con tus campañas de Quentn páginas web, landing pages generadas con IA, calculadoras, cuestionarios u otras aplicaciones externas.