Cómo agregar un botón de SMS a tu sitio web (guía 2026)

El SMS tiene una tasa de apertura del 98%, superior al correo electrónico, las notificaciones push o las redes sociales. Añadir un botón de clic para SMS a tu sitio web es una de las formas más rápidas de aprovechar ese canal. En esta guía encontrarás el HTML exacto, aprenderás por qué iOS y Android manejan el formato del enlace de forma diferente y saldrás con cinco casos de uso reales que puedes poner en marcha hoy mismo.

Por qué los botones SMS superan a los formularios de contacto en móvil

Los formularios de contacto tenían sentido cuando la mayor parte del tráfico web provenía de escritorio. En 2026, más del 60% de las sesiones web ocurren en dispositivos móviles, y los usuarios móviles no tienen paciencia para rellenar formularios. Cada campo adicional que les pides completar es un pequeño motivo para abandonar la página. Un botón SMS elimina toda esa fricción: un toque abre la aplicación de mensajería con el número y el mensaje ya completados. El visitante solo tiene que pulsar enviar.

Los datos lo respaldan. Los mensajes SMS tienen una tasa de apertura media del 98%, y el 90% de los textos se leen en menos de tres minutos. Comparado con la tasa de apertura media del correo electrónico de alrededor del 20%, queda claro por qué empresas locales, proveedores de servicios y marcas de comercio electrónico están añadiendo botones "Escríbenos" junto a —o en lugar de— los formularios de contacto tradicionales.

También hay un componente psicológico. Enviar un mensaje de texto se percibe como algo informal y sin compromiso, de una manera que enviar un formulario no lo es. Una persona que duda en "enviar una consulta" estará perfectamente dispuesta a mandar un mensaje rápido. Esa diferencia en el esfuerzo percibido se traduce directamente en más leads.

El formato del enlace SMS: cómo funciona

El esquema de URI sms: es la forma estándar en que los navegadores y las aplicaciones activan la aplicación nativa de SMS. La estructura básica es:

sms:+1234567890

Para incluir un cuerpo de mensaje pre-rellenado, se añade un parámetro de cadena de consulta. Aquí es donde iOS y Android difieren. Las versiones antiguas de iOS (anteriores a iOS 8) requerían un punto y coma (;) como separador entre el número de teléfono y el parámetro body, mientras que Android siempre ha usado el signo de interrogación (?). Las implementaciones modernas usan ? porque Android es la plataforma dominante a nivel global y las versiones recientes de iOS también lo aceptan:

sms:+1234567890?body=Hola%2C+vi+tu+sitio+web

El valor del parámetro body debe estar codificado en URL. Los espacios pueden escribirse como %20 o como + (ambos son aceptados). Las comas se convierten en %2C, los apóstrofes en %27, etcétera. La mayoría de los generadores de enlaces SMS gestionan esta codificación automáticamente, por lo que puedes escribir un mensaje en lenguaje natural y dejar que la herramienta produzca la URL correcta.

Código HTML para añadir un botón de clic para SMS

La implementación más sencilla es una etiqueta de ancla simple. Envuélvela en un elemento con estilo de <button> para mayor impacto visual, o úsala como enlace de texto en línea: el mecanismo subyacente es el mismo:

<a href="sms:+12025551234?body=Hola%2C+vi+tu+sitio+web">Escríbenos</a>

Para un botón con estilo que encaje en la mayoría de los diseños web, añade una clase y algo de CSS:

<a href="sms:+12025551234?body=Hola%2C+vi+tu+sitio+web" class="sms-button"> 📱 Escríbenos ahora </a> <style> .sms-button { display: inline-block; padding: 12px 24px; background: #25d366; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1rem; } .sms-button:hover { background: #1da851; } </style>

Usa el Generador de enlaces SMS de InstantLinkHub para construir la URL codificada sin tocar la cadena de consulta manualmente. Introduce tu número de teléfono y el mensaje, copia el resultado y pégalo en tu atributo href.

iOS vs Android: diferencias clave que debes conocer

El carácter separador es la diferencia más documentada entre plataformas. Las versiones antiguas de iOS (anteriores a iOS 8) requerían un punto y coma: sms:+12025551234;body=Hola. El iOS moderno (iOS 8 y posterior) acepta tanto el punto y coma como el formato de signo de interrogación, por lo que la sintaxis ?body= funciona en prácticamente todos los dispositivos Apple actuales. Android siempre ha usado ?, así que usar el formato de signo de interrogación te da la máxima compatibilidad multiplataforma.

Una segunda diferencia concierne a la codificación URL. Algunas versiones antiguas de Android son más estrictas con los caracteres codificados que iOS. El enfoque más seguro es codificar cada carácter no alfanumérico en el texto del cuerpo: codifica los espacios como %20 (más universalmente aceptado que +), las comas como %2C, etcétera. Si usas + para los espacios y observas que el signo más aparece literalmente en el mensaje en ciertos dispositivos Android, cambia a %20.

Consejo de prueba: siempre prueba tu botón SMS en un dispositivo real para cada plataforma principal. Usa las Herramientas para Desarrolladores de Chrome para verificar que el botón se renderiza correctamente en pantallas pequeñas, pero haz clic en el enlace real en un iPhone y un teléfono Android físicos para confirmar que la aplicación de mensajería nativa se abre con el número correcto y el texto del cuerpo pre-rellenado tal como se esperaba.

5 casos de uso reales con mensajes de ejemplo

El mensaje pre-rellenado correcto hace gran parte del trabajo por tu visitante. Aquí tienes cinco casos de uso con ejemplos listos para copiar:

1. Reservas de restaurante. Coloca el botón en tu página de reservas o en el enlace de tu perfil de Google Business. Pre-rellena: Hola%2C+me+gustar%C3%ADa+reservar+una+mesa+para+2+este+s%C3%A1bado. Los clientes comienzan su reserva con un solo toque; tú respondes para confirmar disponibilidad.

2. Consultas inmobiliarias. Añade en una página de listado de propiedades. Pre-rellena: Hola%2C+vi+el+anuncio+de+Calle+Mayor+5+y+tengo+una+pregunta. Los agentes reciben un lead calificado con contexto; no se necesitan llamadas en frío.

3. Soporte al cliente en e-commerce. Colócalo en los correos de confirmación de pedido y en la página de ayuda. Pre-rellena: Hola%2C+necesito+ayuda+con+mi+pedido. Los clientes obtienen una respuesta más rápida que por correo electrónico; los equipos de soporte pueden atender varios mensajes simultáneamente.

4. Reserva de citas. Colócalo en páginas de servicios para peluquerías, clínicas y consultorías. Pre-rellena: Hola%2C+me+gustar%C3%ADa+programar+una+cita. Las reservas se realizan a través de un intercambio de mensajes sin necesidad de ningún software de programación.

5. RSVP para eventos. Incrusta en invitaciones a eventos o materiales impresos con un código QR. Pre-rellena: Confirmo+mi+asistencia+al+evento+del+30+de+abril. Los organizadores obtienen una lista de confirmaciones en tiempo real sin gestionar una plataforma de registro separada.

Buenas prácticas para botones de clic para SMS

Codifica los espacios de forma consistente. Usa %20 para máxima compatibilidad multiplataforma. El signo + funciona en la mayoría de dispositivos pero puede aparecer literalmente como un signo más en algunas versiones de Android. Mantén el texto del cuerpo por debajo de los 160 caracteres: ese es el tamaño máximo de un segmento SMS individual. Los mensajes más largos se dividen en varias partes, que pueden llegar desordenadas o confundir a los destinatarios.

Prueba en ambas plataformas antes de publicar. Abre la página en un iPhone real y en un Android real. Confirma que la aplicación de mensajería se abre, aparece el número de teléfono correcto y el mensaje pre-rellenado se ve exactamente como se esperaba. No te fíes únicamente de los emuladores para esta verificación.

Añade un método de contacto alternativo. No todos los visitantes están en un dispositivo móvil. Los usuarios de escritorio que hacen clic en un enlace SMS típicamente no verán nada ocurrir, o su navegador puede mostrar un error. Coloca un número de teléfono, una dirección de correo electrónico o un formulario de contacto junto a tu botón SMS para que los visitantes de escritorio no se queden sin opciones. Un simple "o llámanos al (202) 555-1234" junto al botón soluciona esto por completo.

Mantén la etiqueta del botón clara y orientada a la acción. "Escríbenos", "Envía un mensaje" o "Contáctanos por SMS" funcionan mejor que etiquetas genéricas como "Contacto" porque establecen la expectativa correcta. El visitante debería saber antes de tocar que su aplicación de mensajería está a punto de abrirse.

Si estás gestionando campañas de SMS para tu negocio y necesitas entender tus costes de procesamiento de pagos, las calculadoras de comisiones de Feexio pueden ayudarte a modelar el coste real de cada transacción, algo muy útil cuando el SMS impulsa compras o reservas directas que pasan por un procesador de pagos.

Preguntas frecuentes

¿Funciona el botón SMS en escritorio?

En escritorio, el comportamiento depende del sistema operativo y de las aplicaciones instaladas. Los usuarios de macOS que tienen habilitada la sincronización con iPhone en la aplicación Mensajes verán cómo se abre y podrán enviar desde su ordenador. Los usuarios de Windows normalmente ven al navegador pedir que elijan una aplicación, y a menos que tengan instalada una aplicación compatible con SMS (como Dell Mobile Connect o Phone Link), nada se abrirá. Por esta razón, siempre empareja tu botón SMS con una opción de contacto alternativa —un número de teléfono o un enlace de correo— visible para todos los visitantes independientemente del dispositivo.

¿Puedo pre-rellenar solo el número de teléfono sin un mensaje?

Sí. Simplemente omite el parámetro ?body= por completo. El enlace sms:+12025551234 abrirá la aplicación de mensajería con el número de teléfono completado pero el campo de mensaje vacío. Esto es útil si quieres que los visitantes redacten su propio mensaje desde cero, o si tu mensaje sería diferente para cada visitante y pre-rellenarlo se sentiría genérico o fuera de lugar.

¿Hay un límite de caracteres para el mensaje pre-rellenado?

No hay un límite estricto del navegador en la longitud del parámetro body en la URL, pero los mensajes SMS en sí están limitados a 160 caracteres por segmento (usando codificación GSM estándar). Si el mensaje pre-rellenado supera los 160 caracteres, se enviará como un mensaje de varias partes: el operador lo divide y el destinatario ve múltiples textos. La mejor práctica es mantener el texto del cuerpo pre-rellenado por debajo de los 120 caracteres para que el visitante pueda añadir sus propios detalles sin que el mensaje entre accidentalmente en territorio de múltiples partes.