Notas de CRO, benchmarks y casos de estudio por HeatMapX.
Desde qué significa el engagement web hasta cómo empezar, explicado para que cualquiera pueda seguirlo sin conocimientos previos. Cubrimos casos de uso de popups y barras fijas, consejos de diseño y cómo combinarlos con mapas de calor y pruebas A/B.
Cómo funciona la campaña de referidos de HeatMapX, desde ambos lados: cómo repartir códigos, dónde introducirlos (el panel, no la pantalla de pago), cuándo se aplica el primer mes gratis, cómo se paga el crédito y respuestas a las preguntas más comunes, todo en un solo artículo.
Un análisis comparativo de las APIs públicas y el alcance de exportación de datos en 10 productos de heatmap/grabación de sesiones y 9 productos de A/B testing, cubriendo muros de pago y granularidad de datos. Este informe de investigación clasifica cada empresa en tres niveles a partir de la pregunta "¿siempre puedes sacar tus propios datos?".
Guía paso a paso para conectar Claude Code al servidor MCP de HeatMapX: genera una clave API, ejecuta un comando y luego pregunta cosas como '¿qué página tiene la peor profundidad de scroll?' o '¿quién va ganando mi test A/B?'. Incluye solución de problemas.
Tres formas de añadir el seguimiento de mapa de calor a WordPress: la configuración de cabecera de tu tema, un plugin de inserción de código, o editar header.php directamente, empezando por la opción más sencilla, sin plugin y de una sola línea. Incluye qué comprobar para confirmar que realmente está funcionando.
Cómo añadir seguimiento de mapa de calor a una tienda Shopify, sin necesidad de instalar ninguna app, solo con una línea de código en theme.liquid. Incluye cómo respaldar tu tema antes de editarlo, por qué las páginas de pago no se rastrean y cómo confirmar que realmente está funcionando.
Guía paso a paso para instalar el seguimiento de mapas de calor de HeatMapX mediante Google Tag Manager (GTM): una etiqueta HTML personalizada con un activador All Pages en 5 pasos, una checklist para cuando la etiqueta no se dispara, y cómo pedirle a Claude Code que te guíe.
Desde el significado del A/B testing hasta cómo empezar, explicado para que lo entiendas aunque no tengas conocimientos previos. Elementos habituales a probar, un proceso de 5 pasos, los errores típicos de los principiantes y cómo combinarlo con los mapas de calor.
Al investigar por qué el panel tardaba varios segundos en mostrarse, descubrimos que la causa era el viaje de ida y vuelta entre las funciones de Vercel (EE. UU.) y Supabase (Tokio). Con la fijación de región y la paralelización de consultas, logramos una mejora notable en la velocidad percibida.
Explicamos la diferencia entre dos conceptos que suelen confundirse al configurar un test A/B: el "porcentaje de tráfico" (qué parte del tráfico se incluye en el experimento) y la "distribución A/B". Si los separas correctamente, podrás validar tus hipótesis reduciendo el riesgo.
Cómo mostrar de forma segura, en el origen propio, el sitio externo del usuario dentro de la "vista previa tras los cambios" de un test A/B. Compartimos la combinación de protección SSRF, eliminación de JS externo, CSP y iframe sandbox, junto con las trampas reales en las que caímos con sandbox.
¿En qué se diferencian los mapas de calor y las pruebas A/B, y cómo se deben combinar? Explicamos de forma sencilla el papel de cada herramienta —el mapa de calor para "encontrar el problema" y la prueba A/B para "verificar la solución"— y cuál es el orden correcto.
¿Crees que no puedes empezar con pruebas A/B sin una herramienta de pago? Te mostramos cómo empezar con pruebas A/B sin código, pegando solo una línea de etiqueta, sin necesidad de programar ni de tarjeta de crédito.
Al diseñar la función de test A/B, ¿conviene combinar en un solo parámetro el "porcentaje de visitantes incluidos en el experimento (tasa de entrega)" y la "asignación entre A y B", o separarlos? Compartimos por qué decidimos separarlos siguiendo el estándar del sector, y el razonamiento detrás de esa decisión de diseño.
De Optimizely a PostHog — un informe de investigación de junio de 2026 que cubre funcionalidades, niveles de precios, modelos de facturación y enfoques técnicos en 8 herramientas principales de A/B testing. Incluye el análisis de la ola de consolidación del sector y el estado del soporte para WordPress.
De un volcado de página única a un layout de sidebar con 5 páginas. Coexistencia de sidebar sticky, plantilla CSS Grid compartida, patrones de Coming Soon, y un único diccionario i18n compartido entre la LP y el dashboard — construido en 2 horas con Claude Code.
Cómo reconstruimos el dashboard de HeatMapX desde cero en un solo día usando Claude Code — abarcando el modo oscuro de Tailwind v4, las trampas de alineación tabular con CSS Grid, y cómo son realmente 16 iteraciones de diseño.
Pega una sola etiqueta para empezar. Conecta tu IA, como Claude, y pasa del análisis a las mejoras en una conversación.
