Personalización B2B en móvil: llegar a los compradores en todos los dispositivos

La personalización B2B en móvil suele quedar en segundo plano. Las reglas de personalización se diseñan en un navegador de escritorio, se revisan en un monitor de 27 pulgadas y se aprueban antes de que nadie abra la variante en un teléfono. Luego un comprador toca un enlace en un mensaje de LinkedIn, ve el hero por defecto porque el bloque personalizado cargó tarde y pasa de largo una tarjeta de caso de éxito comprimida en una columna de dos palabras de ancho.

Cuánto importa esto depende de tu tráfico, y deberías comprobarlo antes de seguir leyendo. Este artículo explica cómo dimensionar la oportunidad móvil con tus propios datos, qué cambia al personalizar para una pantalla pequeña, los patrones de CTA y formularios que funcionan en un móvil, cómo testar variantes en dispositivos reales y las situaciones en las que las visitas móviles tienen más intención.

Empieza por tu propio reparto de dispositivos

Las cifras publicadas sobre la "cuota de tráfico B2B en móvil" varían muchísimo y mezclan sitios muy distintos, así que sirven de poco para planificar. Tu analítica responde a la pregunta para tu negocio en pocos minutos:

1. En GA4, abre Informes → Tecnología → Detalles de tecnología y cambia la dimensión a Categoría de dispositivo. Usa los últimos 90 días.
2. Añade una comparación para el tráfico que de verdad personalizas (por ejemplo, un segmento de cuentas objetivo identificadas o las sesiones de campañas de pago y de email).
3. Anota el porcentaje de sesiones y el de eventos clave (solicitudes de demo, formularios de contacto) en móvil frente a escritorio.
4. Repítelo con tus tres landing pages con más tráfico. La cuota de móvil suele ser muy distinta en una página que recibe clics de email y redes sociales que en la página de inicio.

Hay dos patrones por los que merece la pena actuar. Si el móvil supone una gran parte de las sesiones pero una pequeña parte de las conversiones, probablemente la experiencia móvil está perdiendo gente. Si el móvil es poco en general pero mucho en determinadas páginas de campaña, personaliza primero esas páginas para móvil y deja el resto.

Cuidado con la brecha de conversión. Parte de ella no es un problema que haya que resolver: muchos compradores leen en el móvil y convierten más tarde en el portátil. Revisa el panorama entre dispositivos antes de culpar a la página móvil (consulta la sección de métricas más abajo).

Qué cambia en una pantalla pequeña

Un elemento personalizado en la parte visible sin hacer scroll, no cuatro

Un hero de escritorio puede incluir un titular personalizado, una franja de logotipos del sector del visitante, un testimonio y un CTA uno al lado del otro. En un móvil de 375 píxeles de ancho, en la primera pantalla caben el titular, una o dos líneas de texto secundario y quizá un botón. Decide qué elemento concreto transmite "esto es para ti" y asegúrate de que se vea sin hacer scroll. En la mayoría de las configuraciones B2B es el titular, porque es el elemento más barato de variar y lo primero que se lee.

La velocidad de renderizado decide si la variante llega a verse

La personalización del lado del cliente suele funcionar así: se renderiza la página por defecto, un script pregunta al servicio de personalización quién es el visitante y luego cambia el contenido. En una conexión móvil más lenta, el intervalo entre esos pasos es mayor, así que el visitante ve o bien un destello de la versión por defecto antes de la variante (parpadeo) o un bloque en blanco mientras espera. Ninguna de las dos cosas ayuda.

Para comprobar el tuyo, abre la página personalizada en Chrome DevTools, configura la limitación de red en uno de los ajustes lentos (como Slow 4G) y la limitación de CPU en 4x, y graba un perfil de rendimiento. Fíjate en cuándo aparece el titular de la variante en comparación con el de la versión por defecto. Después pasa la misma URL por PageSpeed Insights y compara el Largest Contentful Paint de la versión personalizada y la de por defecto. Si la variante retrasa de forma notable el LCP, adelanta la decisión: en el servidor, en el edge o, como mínimo, oculta solo el bloque que cambia (no toda la página) hasta que esté listo.

Sin hover

Los tooltips, los paneles que aparecen al pasar el ratón y las vistas previas de casos de éxito con hover no funcionan en una pantalla táctil. Cualquier componente personalizado que dependa del hover necesita un equivalente al tocar. Para las zonas táctiles, el criterio ampliado de WCAG 2.2 pide al menos 44 por 44 píxeles CSS; es un criterio de nivel AAA, pero un mínimo sensato para los botones principales.

Sesiones cortas, y el mismo comprador en otro dispositivo

Las visitas desde el móvil suelen ser breves y se retoman después en un portátil. Una cookie creada en el móvil no está disponible en el portátil, así que los segmentos basados en cookies no siguen a la persona. La identificación a nivel de empresa (IP inversa o enriquecimiento según la red del visitante) y los contactos conocidos por el CRM que hacen clic en enlaces con seguimiento son las señales que suelen trasladarse. Plantea las reglas de personalización para que sigan teniendo sentido aunque el visitante solo vea una sesión en cada dispositivo.

Patrones de diseño para bloques personalizados

Define un orden de prioridad móvil para tus bloques personalizados antes de que el diseñador los apile. Un orden habitual es: titular, luego CTA, luego prueba (logotipo o cita de una línea de una empresa similar) y después contenido de apoyo, como una tarjeta de caso de éxito. Cuando las columnas de escritorio se colapsan, los bloques aparecen en ese orden y no en el que produzca la cuadrícula por casualidad.

Otros patrones que se sostienen:

• Condensa, no escondas. En escritorio, una tarjeta de caso de éxito puede mostrar un titular, un resumen de dos frases y un resultado. En móvil, muestra el titular y el resultado y deja el resumen tras un toque. La señal personalizada (el nombre del sector, el logo del cliente) sigue visible.
• Carruseles horizontales cortos para la prueba. Si personalizas varios testimonios, una fila deslizable ocupa menos espacio vertical que apilarlos. Limítala a unos pocos elementos y desactiva el avance automático en dispositivos táctiles, donde choca con los propios deslizamientos del usuario.
• Mantén breve el texto de las variantes desde el origen. Un titular que ocupa dos líneas en escritorio puede ocupar cinco en un móvil. Escribe la variante de cada segmento con un límite de caracteres y previsualízala a 375 píxeles antes de publicarla.

CTA y formularios en móvil

Si tu producto tiene una app complementaria, puede que a los visitantes móviles les sirva más un CTA de instalación que un formulario de demo. Nuestros ejemplos de landing pages de apps muestran cómo los equipos gestionan las insignias de las tiendas y los smart app banners sin perder la conversión web.

CTA fijo, personalizado por segmento

En el móvil, el CTA principal desaparece rápido de la vista. Una barra fija y estrecha en la parte inferior lo mantiene accesible. Su texto es un lugar fácil para personalizar, por ejemplo:

• Cuentas enterprise identificadas: “Habla con el equipo enterprise”
• Empresas más pequeñas: "Ver planes y precios"
• Visitantes recurrentes que vieron los precios: "Elige una hora para la demo"

Mantén la barra lo bastante pequeña para que no tape contenido y asegúrate de que no quede encima del banner de cookies ni de un widget de chat. Para saber más sobre cómo adaptar el texto del CTA a los segmentos, consulta CTA personalizados basados en datos.

Formularios más cortos y menos campos que rellenar

Escribir en el móvil es lento, así que cada campo cuesta más que en escritorio. Nuestra guía sobre el formulario de captación de leads defiende preguntar solo lo que no puedes averiguar por otra vía; en móvil, ese argumento pesa todavía más.

• Usa el enriquecimiento en lugar de desplegables. Si la empresa está identificada, rellena de antemano el nombre, el tamaño y el sector de la empresa, o elimina esos campos. Muestra la empresa precargada con un enlace "editar" en lugar de pedir al visitante que lo confirme todo.
• Configura los tipos de campo correctos. type="email" y type="tel" muestran el teclado adecuado, y el atributo autocomplete (email, name, organization) permite que el móvil rellene los datos guardados.
• Pasa las preguntas secundarias para más tarde. Pide el teléfono o los detalles del proyecto en la página de agradecimiento o en el agendador, después de registrar la conversión principal.

Mide el efecto en tu propio tráfico. Compara las tasas de inicio y finalización del formulario en las sesiones móviles antes y después, y comprueba si cambia la calidad de los leads; un cálculo del tamaño de muestra con nuestra guía de tamaño de muestra en A/B testing te dice cuánto tardará.

Click-to-call, para los segmentos que lo quieran

Un enlace tel: es un toque en el móvil. Para segmentos enterprise en los que una llamada es un siguiente paso normal, un botón "Llama a nuestro equipo enterprise" puede funcionar. Para los segmentos de autoservicio normalmente no: es poco probable que un comprador de una empresa pequeña que quiere probar el producto quiera una llamada de ventas. Es un caso en el que las reglas de segmento evitan una mala experiencia tanto como crean una buena.

Probar las variantes en dispositivos reales

Revisa cada variante personalizada en tres anchos de pantalla antes del lanzamiento:

La emulación de dispositivos de DevTools sirve para el diseño. No reproduce el comportamiento táctil real, el renderizado real de las fuentes ni la CPU de un móvil de gama media, así que abre cada variante en al menos un teléfono físico antes de publicarla. Para ver una variante sin pertenecer al segmento, usa el modo de vista previa de tu herramienta de personalización o un parámetro de URL que la fuerce.

Qué medir por separado en móvil

• Profundidad de scroll en las páginas personalizadas. Si la mayoría de los visitantes móviles nunca llegan al bloque de pruebas personalizado, súbelo o elimínalo en móvil.
• Formularios iniciados y completados por dispositivo. Una tasa de inicio baja apunta a la página; una tasa de finalización baja apunta a los campos.
• Toques de frustración y toques sin respuesta. Las herramientas de grabación de sesiones señalan los toques repetidos en elementos que no hacen nada, lo que normalmente significa que algo parece un enlace y no lo es.
• Retorno entre dispositivos. De las empresas identificadas, ¿cuántas vuelven desde escritorio en la semana siguiente a una visita móvil, y convierten allí? Si muchas lo hacen, evalúa las páginas móviles por si generan esa visita de vuelta, no solo por las conversiones móviles.

Dónde tienen más intención las visitas desde móvil

Eventos

Los asistentes buscan a los proveedores entre sesiones. Si tienes stand, programa una regla para las fechas del evento que muestre a los visitantes de la ciudad anfitriona (o de las empresas de la lista de asistentes) un hero que mencione el evento, con un enlace para reservar una reunión en el stand. Retírala el día que termine el evento. Nuestra guía de captación de leads en eventos cubre la parte del seguimiento.

Clics en email y LinkedIn

Revisa el informe de dispositivos de tu plataforma de email: en la mayoría de las listas, una gran parte de las aperturas y los clics se producen en móviles. Un clic desde un email de campaña ya te dice qué le interesaba al visitante. Pásalo mediante parámetros UTM y úsalos para elegir la variante, de modo que la página continúe el tema del email en lugar de volver a empezar en una página de inicio genérica.

Enlaces enviados por ventas

Cuando un comercial envía un enlace en un mensaje de LinkedIn o en un email de seguimiento, el cliente potencial suele abrirlo en el móvil. Da a los comerciales enlaces con seguimiento (con la cuenta o la campaña en los parámetros) que abran una página sobre lo que el comercial estaba tratando. Aquí es donde la personalización a nivel de cuenta es más fácil de justificar, porque el contexto es explícito.

Lectura en movimiento

Alguien que lee en el tren está echando un vistazo, no evaluando. Una opción de "envíame este caso de éxito" que le manda el contenido por email suele encajar mejor que un formulario de demo, y te da un motivo para hacer seguimiento cuando vuelva a su mesa.

Un punto de partida de dos semanas

1. Extrae el reparto por dispositivo de sesiones y conversiones, en total y para tus segmentos personalizados.
2. Elige la página con mayor proporción de tráfico móvil en esos segmentos.
3. Revisa la variante personalizada de esa página en un móvil real y con una conexión limitada. Corrige primero el parpadeo y el diseño.
4. Añade un CTA fijo adaptado al segmento y reduce el formulario móvil a los campos que no puedas enriquecer.
5. Compara los inicios de formulario, las finalizaciones y los regresos desde otros dispositivos en móvil con el periodo anterior y decide después si amplías los cambios.

Si necesitas la señal a nivel de empresa que se mantiene al pasar del móvil al portátil, la identificación de visitantes de Markettailor identifica la empresa visitante en cualquiera de los dos dispositivos, y su segmentación te permite construir encima las reglas para móvil descritas arriba.