Saltar al contenido
Wixy

Formularios

Formularios de varios pasos que se validan en el servidor, no en el diseño.

Contacto, presupuesto, reserva de cita, encuesta, alta en boletín. Tú defines qué se pregunta, en qué orden, qué es obligatorio y a dónde llega; el tema decide cómo se ve. Y aunque un diseño se salte una regla, el servidor la aplica igual.

  • Páginas
  • Entradas
  • Medios
  • Tienda
  • Formularios
  • SEO

Páginas

Inicio

SEO 82

Bloques de la página

  1. Hero
  2. Destacados
  3. Testimonios
  4. Formulario
  5. FAQ

Lo que trae

Una veintena de tipos de campo que funcionan bien, antes que sesenta a medias

Texto, correo, teléfono, fecha, desplegable, casillas, archivo, dirección, valoración, consentimiento, repetidor, campo calculado y campo de pago, entre otros. El catálogo está en código, tipado para el tema, y crece por despliegue.

  • Varios pasos, sin perder a nadie

    Un presupuesto de quince campos no se rellena de una sentada. El visitante lo deja a medias, vuelve por el mismo enlace y termina. Y tú ves en qué paso se van, que es lo que de verdad dice qué pregunta sobra.

  • Lógica condicional

    Si marca «tengo local», aparece la dirección; si no, ni se pregunta. Reglas de tipo todas o alguna, saltos entre pasos, y un campo que no se enseña no es obligatorio. La misma regla la resuelven el navegador y el servidor.

  • Del cálculo al cobro: Las pasarelas de pago

    Metros por precio más instalación: el total se ve mientras se rellena. Y si cobras una seña, el importe lo calcula el servidor con los valores ya validados y el aviso te llega cuando la pasarela confirma, no antes.

  • Antispam en capas, sin molestar a nadie: Cómo protegemos tu web

    Campo trampa, tiempo mínimo de relleno, límite por IP y listas de palabras y direcciones. Tu visitante no ve ninguna, y al robot se le dan las gracias igual: decirle que se le caló es enseñarle a afinar.

  • Adjuntos privados

    Un currículum o un plano no van a tu biblioteca de imágenes, que es pública y cualquiera puede abrir con el enlace. Van a una carpeta privada, y desde el panel se bajan con un enlace que caduca a los diez minutos.

  • Envíos que se pueden trabajar

    Marcas uno como leído, le dejas una nota para quien atiende, reenvías el aviso al vendedor que faltaba y te llevas el mes entero a CSV. Exportar o borrar envíos queda en la auditoría: son datos de terceros.

A dónde va el envío

El envío no lo recibe tu web. Lo recibe el núcleo, y allí se comprueba.

Tu web pinta el formulario; quien guarda los datos es la plataforma, contra el esquema que tú guardaste. Por eso una regla no se pierde cuando cambia el diseño, y un tema roto no te deja sin datos en silencio: falla y te enteras.

  • Un campo inventado se descarta

    Solo se guarda lo que está declarado en tu formulario. Lo que llegue de más no entra a la base de datos, lo mande quien lo mande.

  • Un obligatorio que no se pinta no valida

    Si el diseño deja fuera un campo obligatorio, el envío no pasa. Es el mismo error que quitarlo, y se trata igual de mal.

  • Solo desde tus dominios

    Un envío lanzado desde otra web, o dirigido al formulario de otra cuenta, se rechaza antes de mirar nada más.

Cómo protegemos tu web

Cómo llega

Del botón «enviar» a tu bandeja de entrada

Cuatro pasos, y el antispam mira antes que nadie para que lo que revises sea de personas.

  1. Rellena y envía

    Con JavaScript no recarga la página y el error aparece junto al campo. Sin JavaScript se envía igual y la respuesta se pinta en la página: nadie se queda fuera.

    POST /envios

  2. El antispam mira primero

    Campo trampa, tiempo mínimo de relleno, límite por IP y hora, y listas de palabras y direcciones. Lo que cae se marca como spam y se queda: lo que se borra no se puede revisar.

    4 capas · se marca, no se borra

  3. El servidor valida contra tu esquema

    Aplica tu lógica condicional antes de exigir nada, rellena los campos ocultos con lo que él sabe y vuelve a calcular los totales. Si algo falla, devuelve un error por campo y en llano.

    página · referente · UTM

  4. Llega a tu panel y a tu correo

    Con su estado, sus notas y sus adjuntos privados. El correo sale por una cola con reintentos y responde a la dirección que dejó el visitante.

    Reply-To: quien te escribió

Y si lo deja a medias, se guarda lo que llevaba y vuelve por el mismo enlace a terminar. Ese parcial no cuenta para tu límite, no te avisa dos veces y, al completarse, sustituye al anterior en vez de duplicarlo. De ahí sale el abandono por paso: en qué pregunta se va la gente.

La validación del navegador es comodidad. La que vale es la del servidor.

Así está escrito en la plataforma, y por eso ningún rediseño puede saltársela.
Qué no toca la IA

En la web de tu visitante

Es parte de tu web, no un formulario de otro servicio metido dentro

Carga con la página, usa tu tipografía y tus colores, y no manda a nadie a otro dominio a rellenar nada. Lo que cambia con el diseño es cómo se ve; lo que no cambia nunca es qué se pregunta y a dónde llega.

  • Sin JavaScript se envía y funciona; con JavaScript no recarga y lleva el foco al primer error
  • Cada error va junto a su campo y se anuncia al lector de pantalla, nunca solo con un color
  • Los totales y la lógica condicional se resuelven en vivo con la misma función que usa el servidor
  • Se abre y se cierra por fecha, con límite de envíos y tu propio mensaje cuando ya cerró
  • El campo de consentimiento lleva tu texto, y la IP solo se guarda si tú lo decides

Cómo se componen las páginas

Diseño con IA

Pídele los campos en dos columnas. No puedes pedirle que se envíen a otro lado.

«Los campos en dos columnas, el botón en naranja y el error en rojo debajo»: eso es diseño, y la IA reescribe el componente de cada tipo de campo. Quitar un campo, quitar un obligatorio o tocar el consentimiento y el antispam no son opciones que estén, ni pidiéndolo de buenas maneras.

  • El componente recorre los campos de tu formulario; escribirlos a mano es un fallo de validación
  • Etiqueta por campo, error asociado y foco visible van en el contrato que recibe el modelo
  • Cada cambio es una versión: lo ves en la previa, lo publicas o vuelves como estaba
  • Si el cambio no pasa la validación, no se aplica y te devolvemos todos los créditos

Cómo funciona el diseño con IA

bloques/Hero.astro

cambio «el botón en amarillo»

<section class="bg-white">
<h1 class="text-4xl text-center">
{pagina.titulo}
</h1>
<a
href= {bloque.boton.href}
antes: class="bg-blue-600 text-white"
después: class="bg-yellow-400 text-black"
>
{bloque.boton.texto}
</a>
</section>
antes después {pagina.titulo} contenido: no se toca

Por qué está así

Un formulario que deja de enviar no avisa. Solo deja de llegar gente.

Es la avería más cara de una web y la más silenciosa: todo se ve bien, el botón responde, y durante tres semanas nadie escribe. Por eso el envío, los campos obligatorios, el consentimiento y el antispam los pone la plataforma, y no están al alcance de ningún rediseño: ni tuyo, ni nuestro, ni de la IA.

Preguntas

Lo que preguntan antes de montar un formulario

¿Los formularios están en el plan gratis?

Sí. Formularios, bloques y SEO van en todos los planes, también en el gratis, sin tarjeta y sin fecha de caducidad. Lo que cambia con el plan son las cuotas: envíos al mes y tamaño de los adjuntos.

¿Puedo cobrar dentro de un formulario?

Sí, con el campo de pago: un importe fijo o el de un campo calculado, por ejemplo la seña de una reserva. El importe lo calcula el servidor con los valores ya validados, y el aviso te llega cuando la pasarela confirma el pago, no antes. Usa las mismas pasarelas que la tienda: Culqi, Mercado Pago o Stripe. Sin pasarela configurada, el formulario te lo dice antes de guardar nada.

¿A dónde llegan los envíos?

A tu panel, con sus estados y sus notas, y a tu correo, con el Reply-To del visitante para que respondas desde tu bandeja de siempre. Los correos salen por una cola con reintentos, así que un fallo del servidor de correo no se pierde el aviso. Y los exportas a CSV o JSON cuando quieras. Webhooks, hojas de cálculo y CRM no están todavía; llegarán cuando los pidan tres clientes distintos.

¿Puedo usar el mismo formulario en varias páginas?

Sí. El formulario es un bloque más: eliges cuál se pinta en cada página y dónde va, sin duplicar el esquema. Los envíos llegan todos a la misma bandeja, y cada uno guarda desde qué página se mandó, de dónde venía el visitante y con qué campaña, por si repartes el mismo formulario en varios sitios.

¿Qué pasa si el visitante deja el formulario a medias?

Se guarda lo que llevaba y recibe un enlace para seguir. Un envío a medias no cuenta para el límite, no te avisa y, cuando se completa, sustituye al parcial en vez de duplicarlo. De los parciales sale el abandono por paso: en qué pregunta se va la gente.

¿La IA puede quitar un campo o cambiar a dónde se envía?

No. La IA cambia el aspecto: columnas, colores, tipografía, estados de error. A dónde se envía, qué campo es obligatorio, el consentimiento y el antispam los valida el servidor contra el esquema que tú guardaste, y un tema que no pinte un campo obligatorio no valida. Está en el código, no en una instrucción al modelo.

¿Cómo frenan el spam sin captcha?

Con capas que el visitante no ve: un campo trampa que solo rellenan los robots, un tiempo mínimo de relleno, un límite de envíos por IP y hora, y listas de palabras y direcciones. Lo que cae en spam se marca y se puede revisar, porque de vez en cuando cae un cliente. El captcha está en estudio: afecta a la conversión de todos los formularios y no es una decisión técnica.

¿Y los datos personales de quien escribe?

Un campo de consentimiento con tu propio texto, la IP solo si tú decides guardarla, adjuntos en una carpeta privada con enlaces que caducan, y exportación y borrado a petición. Exportar o borrar envíos queda en la auditoría. Nada sale a terceros salvo que tú lo conectes.

Tu próximo presupuesto, dejado a medias el lunes y terminado el martes.

Formularios en todos los planes, también en el gratis. Sin tarjeta y sin fecha de caducidad.