Una persona encuentra tu servicio desde el celular y decide pedir una cotización. Entonces aparece un formulario con letra pequeña, dos columnas, once campos obligatorios y ninguna explicación sobre lo que ocurrirá después. La página consiguió interés, pero el último paso dificulta convertirlo en una consulta útil.
Si eres profesional independiente o diriges una empresa de servicios en Cali, tu formulario no debería intentar reemplazar la conversación comercial. Su primera tarea es recoger el contexto suficiente para responder, clasificar la solicitud y acordar un siguiente paso.
No existe una cantidad universal de campos ni un diseño que garantice contactos. Sí puedes construir una versión verificable, probarla en teléfonos reales y medir dónde se interrumpe el recorrido.
1. Define qué decisión permitirá el primer envío
Antes de abrir Elementor o instalar un plugin, escribe qué hará tu negocio cuando reciba la solicitud. ¿Asignará una llamada? ¿Confirmará si presta el servicio? ¿Preparará una visita? ¿Pedirá documentos antes de cotizar?
El formulario inicial debe reunir lo necesario para esa decisión, no toda la información del proyecto. Para cada pregunta, anota quién usará la respuesta y qué acción cambia. Si nadie puede explicarlo, probablemente puedes pedir ese dato después.
Por ejemplo, una arquitecta puede necesitar tipo de proyecto, ubicación general y etapa actual para decidir si agenda una conversación. No necesita solicitar en el primer contacto planos completos, dirección exacta, identificación y diez medidas técnicas.
2. Separa los campos esenciales de los posteriores
Una base razonable para servicios profesionales puede incluir:
- Servicio o necesidad principal.
- Nombre de la persona.
- WhatsApp o correo, según el canal real de respuesta.
- Empresa o marca, cuando cambie el tipo de atención.
- Ciudad o zona, solo si modifica la cobertura.
- Descripción breve del objetivo.
El presupuesto y la fecha pueden ser útiles, pero no deben aparecer por costumbre. Si el presupuesto permite recomendar un alcance, explica por qué lo preguntas y ofrece rangos comprensibles.
Clasifica cada campo como obligatorio, opcional, condicional o posterior. Un campo condicional aparece únicamente cuando una respuesta lo hace pertinente. Así, quien elige “rediseñar mi web” puede ver una pregunta sobre la dirección actual, mientras quien todavía no tiene página no necesita responderla.
3. Organiza la versión móvil en una sola columna
En una pantalla estrecha, usa una columna, separa claramente los campos y evita que el botón quede cubierto por avisos, barras flotantes o el teclado.
Cada campo debe tener una etiqueta visible. El texto interior puede mostrar un ejemplo, pero desaparece al escribir. W3C recomienda identificar los controles y asociar cada etiqueta con su campo.
Usa el tipo de entrada adecuado. El correo debe abrir el teclado correspondiente; el teléfono, uno cómodo para números y símbolos; y los datos conocidos pueden aprovechar el autocompletado.
Los botones, casillas y enlaces necesitan suficiente área táctil y separación. WCAG 2.2 establece 24 por 24 píxeles CSS como mínimo, con excepciones de espaciado para objetivos más pequeños.
4. Usa varios pasos solo cuando cada paso tenga sentido
Un formulario de dos pasos puede separar la necesidad de los datos personales. Por ejemplo:
Paso 1: “¿Qué necesitas?” con tres opciones claras.
Paso 2: nombre, canal de contacto y datos que cambian según la opción elegida.
La página vigente de UNETEMEDIA usa esta lógica: primero pregunta si la persona necesita una web, una landing o revisar su sitio; después solicita contacto y datos del negocio. Es una estructura publicada, no una prueba de conversión.
Si divides el recorrido, muestra el avance, permite volver y conserva lo escrito. Un formulario corto no necesita pasos artificiales. Añadir pantallas sin reducir la dificultad solo cambia de lugar la fricción.
5. Escribe instrucciones y errores que ayuden
“Campo inválido” no explica cómo corregir nada. El mensaje debe nombrar el problema: “Escribe un correo con el formato nombre@empresa.com” o “Selecciona el servicio que quieres cotizar”.
W3C establece que los errores detectados deben identificarse mediante texto, no únicamente con color. Si hay varios, presenta un resumen y lleva a cada campo correspondiente. Conserva todas las respuestas correctas; obligar a empezar de nuevo desde el celular castiga a quien intentó completar la solicitud.
Indica desde el principio qué campos son obligatorios y el formato esperado. Si aceptas archivos, informa tipos y peso antes de elegirlos.
6. Explica qué ocurrirá después de enviar
El botón debe describir la acción: “Solicitar cotización”, “Pedir valoración” o “Enviar información”. “Enviar” funciona, pero comunica menos.
Después del envío, confirma que la solicitud llegó, por cuál medio responderás y cuál es el siguiente paso. Si el formulario falla, ofrece WhatsApp o teléfono sin declarar éxito.
Junto al consentimiento, explica para qué usarás los datos y enlaza la política correspondiente. No recopiles información delicada que no sea necesaria para responder la solicitud.
7. Mide el formulario completo, no solo el botón
Un clic en el botón no demuestra que la solicitud llegó. La medición debería activarse cuando el servidor o la herramienta confirme el envío correcto.
Google Analytics recomienda el evento generate_lead cuando alguien envía un formulario o una solicitud de información. Puedes complementarlo con eventos internos para inicio y avance de pasos, sin convertir cada uno en una venta.
Relaciona la analítica con tu registro comercial. Como mínimo, controla:
- Visitas a la página desde celular.
- Formularios iniciados y enviados correctamente.
- Errores técnicos detectados.
- Consultas que encajan con el servicio.
- Consultas contactadas y propuestas preparadas.
La tasa de envío ayuda a revisar la interfaz. La proporción de consultas válidas muestra si las preguntas ayudan a calificar. Ninguna de las dos, por separado, confirma ventas.
Ejemplo hipotético: una firma de ingeniería en Cali
Imagina una firma cuyo formulario pide once datos, incluido presupuesto exacto. En celular ocupa varias pantallas y el error aparece únicamente al final.
La firma prueba dos pasos: servicio, municipio y etapa; después, nombre, empresa, WhatsApp y contexto. Los documentos se piden cuando el caso pasa a revisión.
Durante un periodo comparable, registra inicios, envíos, oportunidades válidas y propuestas. Si recibe más formularios pero aumentan las solicitudes fuera de alcance, deberá revisar las opciones y el contenido previo. Si bajan los errores y se mantiene la calidad, tendrá una señal útil para conservar el cambio. Es un ejemplo inventado, no un caso de UNETEMEDIA ni una promesa de mejora.
Checklist para probarlo desde un celular real
- El propósito del formulario se entiende antes de comenzar.
- Cada campo modifica una decisión o respuesta posterior.
- Las etiquetas permanecen visibles al escribir.
- El teclado corresponde al dato solicitado.
- Los controles se pueden tocar sin ampliar la pantalla.
- Los mensajes identifican el error y explican cómo corregirlo.
- Volver a un paso no borra la información.
- El envío exitoso muestra confirmación y siguiente paso.
- El fallo presenta una alternativa sin duplicar solicitudes.
- La medición cuenta envíos confirmados, no simples clics.
Prueba con conexión móvil, teclado abierto y datos autocompletados. Envía casos válidos e inválidos y confirma que el registro comercial reciba lo esperado.
Preguntas frecuentes
¿Cuántos campos debe tener un formulario de cotización?
No existe un número universal. Conserva los datos que permiten responder, asignar y calificar la consulta. Pide el detalle restante cuando exista una conversación o revisión real.
¿Es mejor un formulario o un botón de WhatsApp?
Cumplen funciones diferentes. WhatsApp facilita una conversación; el formulario organiza datos comparables. Puedes ofrecer ambos, pero define cómo evitar duplicados y cómo registrar el origen.
¿Conviene preguntar el presupuesto?
Sí, cuando cambia la recomendación y puedes explicar el uso de la respuesta. Los rangos suelen ser más fáciles que una cifra exacta. No lo vuelvas obligatorio si todavía puedes orientar a la persona sin ese dato.
¿Un formulario de dos pasos siempre convierte mejor?
No. Debes probarlo. Tiene sentido cuando agrupa preguntas y adapta el segundo paso; no cuando añade pantallas innecesarias.
Haz que pedir una cotización sea parte del servicio
Un buen formulario no intenta obtener toda la información posible. Recoge lo necesario, funciona desde el teléfono, ayuda a corregir errores y deja claro qué sucederá después.
Si tu página recibe visitas pero el formulario falla, confunde o produce solicitudes sin contexto, agenda el diagnóstico inicial de 30 minutos de UNETEMEDIA. Podemos revisar tu recorrido móvil, los campos, la confirmación y la medición, y definir qué ajustes pertenecen al diseño de tu página web.
Agenda tu diagnóstico inicial de 30 minutos
Fuentes consultadas
- Labeling Controls. Consultada: 2026-10-10.
- Understanding SC 2.5.8: Target Size (Minimum). Consultada: 2026-10-10.
- Understanding SC 3.3.1: Error Identification. Consultada: 2026-10-10.
- Recommended events. Consultada: 2026-10-10.