Captura de Formularios

Recibe los envios de formularios de tu sitio sin necesidad de backend, JavaScript ni servicios externos. Deployalo captura automaticamente los datos y los guarda para que puedas consultarlos.

Como Funciona

1. Agregas un <form> con el atributo data-deployalo
2. Deployalo inyecta un script automatico en tu sitio
3. Cuando alguien envia el formulario, los datos se guardan
4. Consultas los envios desde el panel de Analytics

No necesitas configurar endpoints, webhooks ni bases de datos. Todo es automatico.

Activar la Captura

La captura de formularios viene activada por defecto en todos los sitios nuevos.

Para activarla o desactivarla:

1. Ve al detalle de tu sitio
2. Pestaña Configuracion
3. Abre la seccion Captura de formularios
4. Usa el toggle para activar o desactivar

tip

Aunque la captura este activa, solo se interceptan formularios que tengan el atributo data-deployalo. Formularios sin ese atributo funcionan normal.

Agregar un Formulario

Agrega el atributo data-deployalo a cualquier <form> en tu HTML:

<form data-deployalo>
  <input name="nombre" placeholder="Tu nombre" required />
  <input name="email" type="email" placeholder="[email protected]" required />
  <textarea name="mensaje" placeholder="Tu mensaje"></textarea>
  <button type="submit">Enviar</button>
</form>

Eso es todo. Cuando alguien llene y envie el formulario, los datos se capturan automaticamente.

Formulario de Contacto Completo

<form data-deployalo>
  <h2>Contactanos</h2>

  <label for="nombre">Nombre</label>
  <input id="nombre" name="nombre" type="text" required />

  <label for="email">Email</label>
  <input id="email" name="email" type="email" required />

  <label for="telefono">Telefono</label>
  <input id="telefono" name="telefono" type="tel" />

  <label for="asunto">Asunto</label>
  <select id="asunto" name="asunto">
    <option value="info">Informacion general</option>
    <option value="cotizacion">Cotizacion</option>
    <option value="soporte">Soporte</option>
  </select>

  <label for="mensaje">Mensaje</label>
  <textarea id="mensaje" name="mensaje" rows="4" required></textarea>

  <button type="submit">Enviar mensaje</button>
</form>

Formulario de Newsletter

<form data-deployalo>
  <input name="email" type="email" placeholder="[email protected]" required />
  <button type="submit">Suscribirme</button>
</form>

Formulario de Cotizacion

<form data-deployalo>
  <input name="empresa" placeholder="Nombre de empresa" required />
  <input name="email" type="email" placeholder="Email corporativo" required />
  <input name="telefono" type="tel" placeholder="Telefono" />
  <select name="servicio">
    <option value="">Selecciona un servicio</option>
    <option value="web">Desarrollo web</option>
    <option value="app">App movil</option>
    <option value="consultoria">Consultoria</option>
  </select>
  <textarea name="detalles" placeholder="Describe tu proyecto"></textarea>
  <button type="submit">Solicitar cotizacion</button>
</form>

Que Datos se Capturan

Se capturan todos los campos <input>, <select> y <textarea> que tengan el atributo name. Los datos que se guardan son:

Dato	Descripcion
Campos del formulario	Todos los name=valor del form
Fecha y hora	Cuando se envio
Pagina	En que URL estaba el formulario
Dispositivo	Movil, desktop o tablet
Pais	Pais del visitante

Campos sin name

Los inputs que no tengan atributo name no se capturan. Asegurate de poner name en cada campo.

Ver los Envios

Los envios de formularios aparecen en:

1. Pestaña Resumen — Muestra el total de envios del mes
2. Pestaña Analytics — Detalle completo con metricas

Limites

Plan	Envios/mes	Formularios/sitio
Gratuito	Ilimitados	Ilimitados

Compatibilidad

La captura funciona con cualquier HTML valido:

• HTML puro
• Sitios generados con IA (ChatGPT, Claude, v0, etc.)
• React, Vue, Svelte (formularios HTML nativos)
• WordPress exportado a estatico
• Cualquier generador de sitios estaticos

Formularios de JavaScript

Si tu formulario usa fetch() o XMLHttpRequest para enviar datos en vez del submit nativo del navegador, la captura automatica no lo interceptara. El formulario debe usar el submit HTML estandar.

Preguntas Frecuentes

¿Se envia un email cuando alguien llena el formulario?

No actualmente. Los datos se guardan en el panel de Deployalo. Puedes consultarlos desde la pestaña de Analytics.

¿Puedo tener multiples formularios en una pagina?

Si. Cada <form data-deployalo> se captura independientemente. Puedes tener un formulario de contacto, uno de newsletter y uno de cotizacion en la misma pagina.

¿Funciona con estilos CSS personalizados?

Si. El atributo data-deployalo no afecta el diseño. Puedes estilizar tu formulario como quieras.

¿Que pasa si desactivo la captura?

Los formularios seguiran funcionando normalmente en tu sitio, pero los datos ya no se guardaran en Deployalo. Los datos capturados previamente se mantienen.