El botón del correo no se puede pulsar: por qué y cómo arreglarlo
Seis síntomas y un código que funciona en todos los clientes
Mailvex · 31 agosto 2026 · 4 min de lectura
El botón parece un botón, pero solo se pulsa la etiqueta, y Outlook le quita el fondo y las esquinas redondeadas. La causa es que los clientes de correo leen los márgenes y el fondo de forma distinta, y el Outlook clásico usa directamente el motor de un procesador de textos. La solución es montar el botón sobre una tabla y añadir código aparte para Outlook.
Por qué los botones se rompen justo en el correo
En una web un botón se hace en una línea: el enlace recibe fondo, márgenes y esquinas redondeadas. En el correo ese método funciona solo en algunos clientes.
El Outlook clásico para Windows ignora los márgenes del enlace y no entiende las esquinas redondeadas. El resultado: un rectángulo de color donde solo se pulsa el texto, y sin margen alrededor.
El problema no es cosmético. La persona apunta al botón, da en el margen, no pasa nada, y cierra el correo pensando que el enlace está roto.
Seis síntomas y sus causas
Seis síntomas cubren casi todos los casos. Encuentra el tuyo y mira la causa.
| Síntoma | Causa | Solución |
|---|---|---|
| Solo se pulsa el texto | los márgenes van en la celda y no en el enlace | pasa los márgenes al propio enlace |
| Sin fondo en Outlook | el fondo está en un bloque que Outlook ignora | fondo en la celda de la tabla más código VML |
| Desaparecieron las esquinas redondeadas | Outlook no las soporta | código VML con el radio, código normal para el resto |
| El botón ocupa todo el ancho | el enlace se hizo de bloque sin límite | define el ancho en la tabla, no en el enlace |
| El enlace no abre | dirección relativa o errata | dirección https completa, prueba el clic |
| El botón se descoloca en móvil | ancho fijo mayor que la pantalla | ancho en porcentaje, altura mínima de 48 píxeles |
La primera fila ocurre más que todas las demás juntas.
Código listo de un botón fiable
Un botón fiable se monta con dos partes: código VML para Outlook y una tabla normal para el resto. Cada cliente ve solo su parte.
Los puntos clave. El comentario condicional del principio muestra el bloque solo a Outlook, y el segundo comentario solo al resto. Los márgenes van en el propio enlace y no en la celda, así que toda el área se pulsa.
El fondo está duplicado: como atributo de la celda y en los estilos. Unos clientes leen uno y otros el otro.
Tamaño del botón en el móvil
El tamaño del botón en el móvil es un tema aparte donde se concentran los errores.
La altura mínima de un botón para el pulgar son 44 píxeles, mejor 48. Por debajo, acertar se vuelve cuestión de suerte, sobre todo en movimiento.
En pantalla estrecha define el ancho en porcentaje y no en píxeles. Un botón de 320 píxeles en una pantalla de 320 toca los bordes y se sale del correo.
Qué revisar antes de enviar
- abre el correo en el teléfono y pulsa el borde del botón, no el centro
- comprueba en Outlook: están el fondo y las esquinas redondeadas
- pulsa el enlace y confirma que abre
- míralo en modo oscuro: ¿se fundió el texto del botón con el fondo?
- confirma que la dirección es completa y empieza por https
El primer punto es el que más importa: pulsar el borde es lo que revela si se pulsa todo el botón o solo la etiqueta.
Cómo lo resuelve un constructor
En Mailvex el botón es un bloque listo, y el compilador añade solo el código VML para Outlook, duplica el fondo y define una altura mínima para el móvil.
El redondeo, el color y el tamaño se configuran una vez en el manual de marca y se aplican a todos los botones de todos los correos.
Monta un correo con botones que funcionan en todas partes.
Ver plantillasPreguntas frecuentes
¿Por qué solo se pulsa el texto?
Los márgenes están en la celda de la tabla y no en el propio enlace. El enlace ocupa solo el área de la etiqueta, y los márgenes quedan fuera. La solución es pasar los márgenes al enlace y hacerlo de bloque.
¿Por qué Outlook necesita código aparte?
El Outlook clásico para Windows usa el motor de un procesador de textos en lugar de uno de navegador. No entiende las esquinas redondeadas, ignora los márgenes del enlace y no muestra fondo en los bloques. VML es la única forma de tener allí un botón decente.
¿Cuál es el tamaño mínimo de botón en el móvil?
Una altura de 44 píxeles, mejor 48. Es el mínimo para acertar con el pulgar con seguridad. En pantalla estrecha define el ancho en porcentaje y no en píxeles, o el botón se saldrá del correo.
