Más botones no es más conversión. En una web de servicios, cada CTA extra es una salida. Si en la home hay “Pide presupuesto”, “Descubre más”, “Ver casos”, “Habla con un experto” y un chat, no estás ayudando: estás delegando la decisión en alguien que acaba de aterrizar.
El tráfico llega. El usuario entiende más o menos qué hacéis. Y no da el paso porque no hay un siguiente paso claro —o hay cinco. Casi nunca es un problema de color del botón. Es de cuántos hay, dónde están y qué piden.
Este artículo fija un criterio de diseño UX/UI para CTAs en webs de servicios: cuántos hacen falta, dónde colocarlos y qué copy sí pide el siguiente paso. Sin hacks de urgencia falsa.
Cuántos CTA web de servicios hacen falta (y cuántos sobran)
Un CTA web de servicios no es un adorno de conversión. Es la frase que nombra el siguiente paso real del negocio: pedir valoración, reservar, pedir brief, escribir. En una web de servicios B2B o profesional, casi nunca hace falta más de un primario y un secundario por vista.
El primario es la acción que justifica la web. El secundario es la vía de menor compromiso para quien aún no está listo (ver un caso, bajar una guía, ver precios). Un terciario —teléfono, WhatsApp, mail— puede existir, pero no como botón del mismo peso. Tres primarios es no haber decidido qué es éxito.
| Tipo | Cuántos por vista | Ejemplo de copy |
|---|---|---|
| Primario | Uno | Pedir valoración / Pedir propuesta |
| Secundario | Uno, como mucho | Ver casos / Ver tratamientos |
| Terciario (contacto directo) | Texto o icono, no botón gordo | Llamar / Escribir |
| Sticky repetido | Uno, si el scroll es largo | El mismo primario, no otro |
| Chat + form + sticky + hero | Sobra | Cuatro puertas, ninguna clara |
Esto encaja con el copywriting que sí convierte y con lo que tiene que pasar above the fold: una promesa, una prueba y un siguiente paso. No un menú de intenciones.
Dónde colocarlos: fold, fin de argumento, no en cada pixel
Tres sitios ganan de forma consistente en las webs de servicios que diseñamos: el fold (cuando ya se entiende la oferta), el final de un bloque que acaba de dar una razón (equipo, método, casos) y el cierre de página. El header puede repetir el primario en desktop si el scroll es largo. No hace falta un botón en cada card.
En landings el mapa se aprieta: menos secciones, mismo primario. El criterio de landing page y conversión aplica igual: una URL, una acción. Una web de servicios corporativa puede tener más páginas; no puede tener más primarios.
Si quitas todos los botones menos uno, ¿cuál queda? Ese es el primario. El resto o es secundario o es ruido.
El copy que sí pide el siguiente paso
El botón tiene que decir la acción y, si cabe, el resultado. “Pedir valoración” es mejor que “Contactar”. “Pedir propuesta de web” es mejor que “Empezar”. “Reservar cita” es mejor que “Enviar”. El usuario no compra un formulario: compra lo que hay al otro lado.
Evita urgencia de stock en un servicio (“¡Últimas 2 plazas!”) si no es verdad. En València se nota enseguida. Mejor una frase de proceso: “Os respondemos en 24 horas laborables” bajo el botón. Reduce miedo, no inventa escasez.
Tip técnico: un primario, un estilo
En el sistema de componentes, el botón primario tiene un solo estilo (relleno, contraste, tamaño). El secundario es outline o texto. Si dos botones del hero llevan el mismo peso visual, no hay jerarquía: hay dos primarios, aunque el copy mienta. El sticky hereda el primario, no inventa un tercer look “más llamativo”.
Clínica Eleya y Pulso Studio: misma regla, distinta petición
En Clínica Eleya el siguiente paso es una valoración, no un “compra este pack”. Medicina estética en València: tono sereno, arena y bronce, protocolos claros. El CTA no puede gritar como un ecommerce de cromos. Pedir valoración —y dejar que se exploren tratamientos y casos— es el mapa: un primario, un secundario de explorar, sin chat que tape el criterio de la clínica.
En Pulso Studio el cliente es otra agencia de entretenimiento en vivo. El siguiente paso es captar un brief de festival, artista o tour. La web tiene que ser ágil, no clínica. El primario puede ser “Empezar un proyecto” o “Hablar de tu festival”; el secundario, ver trabajos. Misma disciplina de uno-más-uno. Distinto verbo. Si Pulso tuviera el copy de Eleya (“Pedir valoración”), sonaría a consulta médica. Si Eleya tuviera el de Pulso (“Hagamos algo grande”), sonaría a startup.
Qué no es un CTA (aunque lo parezca)
Un ancla a “Nuestros servicios” no es un CTA de conversión: es navegación. Un play de vídeo tampoco. Un “Ver más” de un acordeón, menos. Si todo es botón, nada es botón. Reserva el estilo primario para la acción que quieres contar el lunes en el CRM.
Tampoco es un CTA bueno el que cambia de verbo en cada sección (“Empieza”, “Únete”, “Descubre”, “Transforma”) para “sonar fresco”. La repetición del mismo primario no cansa: confirma. Quien se convence a mitad de página reconoce el mismo paso. Quien se pierde, se pierde porque le has dado un diccionario.
Si no puedes decir en una frase qué tiene que hacer la persona cuando acaba de entenderte, no tienes un problema de botones. Tienes un problema de oferta. El CTA solo nombra eso.
Antes de publicar la web, verifica los CTAs
- ¿Hay un solo primario por vista, con un solo estilo visual?
- ¿El copy nombra la acción real (valoración, propuesta, reserva), no “enviar”?
- ¿El secundario ofrece prueba y no una segunda venta?
- ¿El primario reaparece tras casos/equipo/método y al cierre?
- ¿El sticky, si existe, repite el mismo primario y no tapa el form?
- ¿Bajo el botón hay una línea de proceso (plazo, sin compromiso, qué pasa)?
- ¿Has quitado los “más información” que no llevan a un siguiente paso?
Preguntas frecuentes sobre CTAs en webs de servicios
¿Cuántos CTAs debe tener una web de servicios?
Uno primario y, como mucho, un secundario por vista. El terciario (teléfono, mail) puede estar en header o footer sin competir. Repetir el mismo primario tres veces en la página no son “tres CTAs”: es uno bien colocado. Cinco verbos distintos sí son cinco, y sobran.
¿Dónde se coloca el CTA principal?
En el fold cuando la oferta ya se entiende, después del bloque que da la razón más fuerte (casos, equipo, método) y al cierre. En móvil, un sticky del mismo primario si el scroll es largo. No en cada card y no encima de un chat que lo tapa.
¿Qué texto funciona mejor en el botón?
El que nombra el siguiente paso y no la interfaz: pedir valoración, pedir propuesta, reservar cita. Evita “enviar”, “más info” y claims de startup. Una línea debajo con el plazo de respuesta suele subir más la confianza que un color más chillón.
¿Un chat sustituye al CTA de contacto?
Casi nunca en servicios de ticket medio-alto. El chat interrumpe y rara vez cierra un brief. Úsalo para soporte, no para captación. El formulario o la reserva siguen siendo el primario. Si el chat tapa el botón, has elegido el canal equivocado.
