Skip to main content
Si controlas el código de tu sitio —Framer, un HTML propio, Next.js, lo que sea— tienes dos caminos. El primero funciona en cualquier sitio; el segundo te deja quedarte con tu formulario tal como está, pero necesita que tu sitio tenga servidor propio.

1. Pegar el formulario de Asistian

Armas el formulario en Asistian y pegas una línea en tu sitio. No escribes validación, ni manejas errores, ni tocas nada cuando agregues una pregunta.
1

Arma el formulario

En Configuración → Formularios, crea el formulario y publícalo en modo canal.
2

Autoriza tu dominio

En Configuración → Canales, en el canal del formulario, agrega el dominio de tu sitio en Dominios Permitidos. Sin esto el formulario no carga.
3

Pega el fragmento

Cópialo de Código para tu sitio, en el editor del formulario, y pégalo donde quieras que aparezca. En Framer, en un componente de Embed o en los ajustes de código de la página.
El formulario se dibuja dentro de tu página y hereda tu tipografía y tus colores, así que no tienes que darle estilo aparte.
Si quieres que aparezca en un lugar concreto, pon un contenedor vacío con un identificador y pásaselo al fragmento con data-target. Si no, el formulario se dibuja justo donde pegaste la línea.

2. Enviar los datos desde tu servidor

Te quedas con tu formulario y le agregas el envío a Asistian.
Esta llamada tiene que salir de tu servidor, no del navegador del visitante. La URL del canal no acepta peticiones desde otro dominio hechas con JavaScript de página: el navegador las bloquea antes de enviarlas.Si tu sitio no tiene servidor —Framer, un HTML estático, una página en un bucket— usa el camino 1, que está pensado exactamente para eso.
1

Copia la URL del canal

En Configuración → Canales, al editar el canal Formulario web.
2

Manda un POST con JSON

Desde el código de tu servidor, cuando recibas el formulario:
Hace falta email o teléfono: al menos uno. Lo demás es opcional, y cualquier campo extra que mandes se guarda como dato adicional de la conversación.
3

Prueba

Edita el canal, haz clic en Iniciar Prueba y envía tu formulario. Verás los campos que llegaron.
Si tu formulario usa otros nombres de campo, no hace falta cambiarlo: envía una prueba y ajústalo en Mapea tus campos. Ver Campos y mapeo del Webhook.

Cuál elegir

Preguntas frecuentes

Casi siempre es el dominio. Revisa que el de tu sitio esté en Dominios Permitidos del canal, tal como aparece en la barra del navegador. Si sigue sin salir, abre la consola del navegador: el error dice exactamente qué pasó.
Mejor no. Un número de diez dígitos sin código de país puede interpretarse como de otro país, y el contacto quedaría con un teléfono equivocado. Manda siempre el formato internacional: +525512345678.
Si usas el formulario de Asistian, ya trae su propia trampa antispam y no tienes que hacer nada.Si mandas el POST desde tu servidor, activa la clave secreta del canal y envíala como cabecera desde ahí. Ver Proteger tu Webhook con una clave secreta.
Nunca pongas esa clave en el código de la página. Todo lo que llega al navegador lo puede leer cualquier visitante, y con la clave a la vista podría usarla para meter en tu bandeja lo que quisiera. Una clave que viajó al navegador hay que darla por filtrada.