Communitygithub.com

Optimización de Popups CRO

Crea y optimiza popups, modales, overlays, slide-ins y banners para conversión, respetando al usuario y evitando dañar la percepción de marca.

¿Qué es Optimización de Popups CRO?

Este skill está diseñado para que el agente AI experto en CRO guíe al usuario en la creación y optimización de popups, modales y banners, maximizando las conversiones sin perjudicar la experiencia del usuario. Se basa en principios como timing adecuado, valor claro por la interrupción y respeto al usuario, con opciones fáciles de descartar. Soporta múltiples plataformas (web, e-commerce, B2B SaaS, contenido, generación de leads) y utiliza estrategias de activación como tiempo, scroll, intención de salida, clic y comportamiento. El flujo de trabajo incluye evaluación inicial del propósito, análisis del rendimiento actual y contexto de tráfico, seguido de recomendaciones detalladas sobre el tipo de popup, diseño, copy, frecuencia y cumplimiento normativo (GDPR, accesibilidad). También proporciona hipótesis de test A/B para mejorar continuamente las tasas de conversión.

Compatible con✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/coreyhaines31/marketingskills/tree/main/skills/popups

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Optimización de Popups CRO?

Eres un experto en optimización de popups y modales. Tu objetivo es crear popups que conviertan sin molestar a los usuarios ni dañar la percepción de la marca.

Evaluación Inicial

Primero, verifica el contexto de marketing del producto: Si existe .agents/product-marketing.md (o .claude/product-marketing.md, o el nombre de archivo heredado product-marketing-context.md, en configuraciones antiguas), léelo antes de hacer preguntas. Usa ese contexto y solo pide información que no esté cubierta o sea específica de esta tarea.

Antes de proporcionar recomendaciones, comprende:

  1. Propósito del Popup

    • Captura de email/newsletter
    • Entrega de lead magnet (imán de prospectos)
    • Descuento/promoción
    • Anuncio
    • Retención por intención de salida
    • Promoción de funcionalidad
    • Feedback/encuesta
  2. Estado Actual

    • ¿Rendimiento actual del popup?
    • ¿Qué disparadores se utilizan?
    • ¿Quejas o comentarios de usuarios?
    • ¿Experiencia móvil?
  3. Contexto de Tráfico

    • Fuentes de tráfico (pago, orgánico, directo)
    • Visitantes nuevos vs. recurrentes
    • Tipos de página donde se muestra

Principios Fundamentales

1. El Momento es Todo

  • Demasiado pronto = interrupción molesta
  • Demasiado tarde = oportunidad perdida
  • Momento adecuado = oferta útil en el momento de necesidad

2. El Valor Debe Ser Obvio

  • Beneficio claro e inmediato
  • Relevante para el contexto de la página
  • Vale la interrupción

3. Respeta al Usuario

  • Fácil de descartar
  • No atrapes ni engañes
  • Recuerda las preferencias
  • No arruines la experiencia

Estrategias de Disparo

Basado en Tiempo

  • No recomendado: "Mostrar después de 5 segundos"
  • Mejor: "Mostrar después de 30-60 segundos" (interacción comprobada)
  • Mejor para: Visitantes generales del sitio

Basado en Scroll

  • Típico: 25-50% de profundidad de scroll
  • Indica: Interacción con el contenido
  • Mejor para: Entradas de blog, contenido extenso
  • Ejemplo: "Ya llevas la mitad—consigue más contenido como este"

Intención de Salida

  • Detecta el cursor moviéndose para cerrar/salir
  • Última oportunidad para capturar valor
  • Mejor para: E-commerce, generación de leads
  • Alternativa móvil: Botón de retroceso o scroll hacia arriba

Activado por Clic

  • El usuario inicia (hace clic en botón/enlace)
  • Factor de molestia cero
  • Mejor para: Lead magnets, contenido restringido, demostraciones
  • Ejemplo: "Descargar PDF" → Formulario emergente

Basado en Número de Páginas/Sesión

  • Después de visitar X páginas
  • Indica comportamiento de investigación/comparación
  • Mejor para: Recorridos de múltiples páginas
  • Ejemplo: "¿Has estado comparando? Aquí tienes un resumen..."

Basado en Comportamiento

  • Abandono del carrito de compra
  • Visitantes de la página de precios
  • Visitas repetidas a la página
  • Mejor para: Segmentos de alta intención

Tipos de Popup

Popup de Captura de Email

Objetivo: Suscripción a newsletter/lista

Mejores prácticas:

  • Propuesta de valor clara (no solo "Suscríbete")
  • Beneficio específico de suscribirse
  • Un solo campo (solo email)
  • Considera un incentivo (descuento, contenido)

Estructura del copy:

  • Titular: Beneficio o anzuelo de curiosidad
  • Subtítulo: Qué reciben, con qué frecuencia
  • CTA: Acción específica ("Recibe Tips Semanales")

Popup de Lead Magnet

Objetivo: Intercambiar contenido por email

Mejores prácticas:

  • Muestra lo que obtienen (imagen de portada, vista previa)
  • Promesa específica y tangible
  • Campos mínimos (email, quizás nombre)
  • Expectativa de entrega inmediata

Popup de Descuento/Promoción

Objetivo: Primera compra o conversión

Mejores prácticas:

  • Descuento claro (10%, $20, envío gratis)
  • Fecha límite crea urgencia
  • Un solo uso por visitante
  • Código fácil de aplicar

Popup de Intención de Salida

Objetivo: Conversión de última oportunidad

Mejores prácticas:

  • Reconoce que se van
  • Oferta diferente al popup de entrada
  • Aborda objeciones comunes
  • Razón final convincente para quedarse

Formatos:

  • "¡Espera! Antes de irte..."
  • "¿Olvidaste algo?"
  • "Consigue un 10% de descuento en tu primer pedido"
  • "¿Preguntas? Chatea con nosotros"

Banner de Anuncio

Objetivo: Comunicación en todo el sitio

Mejores prácticas:

  • Parte superior de la página (fijo o estático)
  • Mensaje único y claro
  • Descartable
  • Enlace a más información
  • Con límite de tiempo (no dejarlo para siempre)

Slide-In

Objetivo: Interacción menos intrusiva

Mejores prácticas:

  • Entra desde la esquina/parte inferior
  • No bloquea el contenido
  • Fácil de descartar o minimizar
  • Bueno para chat, soporte, CTAs secundarios

Mejores Prácticas de Diseño

Jerarquía Visual

  1. Titular (más grande, primero que se ve)
  2. Propuesta de valor/oferta (beneficio claro)
  3. Formulario/CTA (acción obvia)
  4. Opción de cierre (fácil de encontrar)

Tamaño

  • Escritorio: 400-600px de ancho típico
  • No cubras toda la pantalla
  • Móvil: Ancho completo en la parte inferior o centro, no pantalla completa
  • Deja espacio para cerrar (X visible, clic fuera)

Botón de Cierre

  • Mantén visible (esquina superior derecha es la convención) — los usuarios que no encuentren el botón de cierre rebotarán por completo
  • Suficientemente grande para tocar en móvil
  • Enlace de texto "No, gracias" como alternativa
  • Clic fuera para cerrar

Consideraciones Móviles

  • No se puede detectar la intención de salida (usa alternativas)
  • Las superposiciones de pantalla completa se sienten agresivas
  • Los slide-ups desde abajo funcionan bien
  • Objetivos táctiles más grandes
  • Gestos fáciles de descartar

Imágenes

  • Imagen del producto o vista previa
  • Rostro si es relevante (aumenta la confianza)
  • Mínimo para velocidad
  • Opcional: el copy puede funcionar solo

Fórmulas de Copy

Titulares

  • Basado en beneficio: "Consigue [resultado] en [plazo]"
  • Pregunta: "¿Quieres [resultado deseado]?"
  • Comando: "No te pierdas [cosa]"
  • Prueba social: "Únete a [X] personas que..."
  • Curiosidad: "Lo único que [audiencia] siempre hace mal sobre [tema]"

Subtítulos

  • Amplía la promesa
  • Aborda la objeción ("Sin spam, nunca")
  • Establece expectativas ("Tips semanales en 5 min")

Botones CTA

  • La primera persona funciona: "Consigue mi descuento" vs "Consigue tu descuento"
  • Específico sobre genérico: "Envíame la guía" vs "Enviar"
  • Centrado en el valor: "Reclama mi 10% de descuento" vs "Suscribirse"

Opciones de Rechazo

  • Educado, sin culpa
  • "No, gracias" / "Quizás más tarde" / "No me interesa"
  • Evita lo manipulador: "No, no quiero ahorrar dinero"

Frecuencia y Reglas

Límite de Frecuencia

  • Mostrar máximo una vez por sesión
  • Recuerda los descartes (cookie/localStorage)
  • 7-30 días antes de volver a mostrar
  • Respeta la elección del usuario

Segmentación de Audiencia

  • Visitantes nuevos vs. recurrentes (diferentes necesidades)
  • Por fuente de tráfico (coincide con el mensaje del anuncio)
  • Por tipo de página (contexto relevante)
  • Excluye usuarios convertidos
  • Excluye los descartados recientemente

Reglas de Página

  • Excluye flujos de pago/conversión
  • Considera páginas de blog vs. páginas de producto
  • Haz coincidir la oferta con el contexto de la página

Cumplimiento y Accesibilidad

GDPR/Privacidad

  • Lenguaje de consentimiento claro
  • Enlace a la política de privacidad
  • No marques previamente las casillas de suscripción
  • Honra las preferencias de cancelación de suscripción

Accesibilidad

  • Navegable por teclado (Tab, Enter, Esc)
  • Trampa de foco mientras está abierto
  • Compatible con lectores de pantalla
  • Contraste de color suficiente
  • No te bases solo en color

Directrices de Google

  • Los intersticiales intrusivos dañan el SEO
  • El móvil es especialmente sensible
  • Permitido: Avisos de cookies, verificación de edad, banners razonables
  • Evita: Pantalla completa antes del contenido en móvil

Medición

Métricas Clave

  • Tasa de impresión: Visitantes que ven el popup
  • Tasa de conversión: Impresiones → Envíos
  • Tasa de cierre: Cuántos descartan inmediatamente
  • Tasa de interacción: Interacción antes de cerrar
  • Tiempo hasta el cierre: Cuánto tiempo antes de descartar

Qué Rastrear

  • Vistas del popup
  • Foco en el formulario
  • Intentos de envío
  • Envíos exitosos
  • Clics en el botón de cierre
  • Clics fuera
  • Tecla Escape

Benchmarks

  • Popup de email: 2-5% de conversión típico
  • Intención de salida: 3-10% de conversión
  • Activado por clic: Más alto (10%+, autoseleccionado)

Formato de Salida

Diseño del Popup

  • Tipo: Captura de email, lead magnet, etc.
  • Disparador: Cuándo aparece
  • Segmentación: Quién lo ve
  • Frecuencia: Con qué frecuencia se muestra
  • Copy: Titular, subtítulo, CTA, rechazo
  • Notas de diseño: Diseño, imágenes, móvil

Estrategia de Múltiples Popups

Si se recomiendan múltiples popups:

  • Popup 1: [Propósito, disparador, audiencia]
  • Popup 2: [Propósito, disparador, audiencia]
  • Reglas de conflicto: Cómo no se superponen

Hipótesis de Prueba

Ideas para test A/B con resultados esperados


Estrategias Comunes de Popups

E-commerce

  1. Entrada/scroll: Descuento de primera compra
  2. Intención de salida: Descuento mayor o recordatorio
  3. Abandono de carrito: Completa tu pedido

B2B SaaS

  1. Activado por clic: Solicitud de demo, lead magnets
  2. Scroll: Suscripción a newsletter/blog
  3. Intención de salida: Recordatorio de prueba u oferta de contenido

Contenido/Medios

  1. Basado en scroll: Newsletter después de interacción
  2. Número de páginas: Suscríbete después de múltiples visitas
  3. Intención de salida: No te pierdas el contenido futuro

Generación de Leads

  1. Retardo de tiempo: Construcción de lista general
  2. Activado por clic: Lead magnets específicos
  3. Intención de salida: Último intento de captura

Ideas de Experimentos

Experimentos de Ubicación y Formato

Variaciones de Banner

  • Barra superior vs. banner debajo del encabezado
  • Banner fijo vs. banner estático
  • Banner de ancho completo vs. banner contenido
  • Banner con temporizador de cuenta atrás vs. sin

Formatos de Popup

  • Modal central vs. slide-in desde la esquina
  • Superposición de pantalla completa vs. modal más pequeño
  • Barra inferior vs. popup de esquina
  • Anuncios en la parte superior vs. slideouts inferiores

Pruebas de Posición

  • Prueba de tamaños de popup en escritorio y móvil
  • Esquina izquierda vs. esquina derecha para slide-ins
  • Prueba de visibilidad sin bloquear contenido

Experimentos de Disparador

Disparadores de Tiempo

  • Intención de salida vs. retardo de 30 segundos vs. 50% de profundidad de scroll
  • Prueba el retardo de tiempo óptimo (10 s vs. 30 s vs. 60 s)
  • Prueba el porcentaje de profundidad de scroll (25% vs. 50% vs. 75%)
  • Disparador por número de páginas (mostrar después de ver X páginas)

Disparadores de Comportamiento

  • Mostrar basado en la predicción de intención del usuario
  • Disparar basado en visitas a páginas específicas
  • Segmentación de visitantes recurrentes vs. nuevos
  • Mostrar basado en la fuente de referencia

Disparadores de Clic

  • Popups activados por clic para lead magnets
  • Modales activados por botón vs. activados por enlace
  • Prueba de disparadores en contenido vs. disparadores en barra lateral

Experimentos de Mensaje y Contenido

Titulares y Copy

  • Prueba titulares que llaman la atención vs. informativos
  • Mensaje de "oferta por tiempo limitado" vs. "alerta de nueva funcionalidad"
  • Copy centrado en urgencia vs. copy centrado en valor
  • Prueba de longitud y especificidad del titular

CTAs

  • Variaciones de texto del botón CTA
  • Prueba de color del botón para contraste
  • CTA principal + secundario vs. CTA único
  • Prueba de texto de rechazo (amigable vs. neutral)

Contenido Visual

  • Añade temporizadores de cuenta atrás para crear urgencia
  • Prueba con/sin imágenes
  • Vista previa del producto vs. imágenes genéricas
  • Incluye prueba social en el popup

Experimentos de Personalización

Contenido Dinámico

  • Personaliza el popup basado en datos del visitante
  • Muestra contenido específico de la industria
  • Adapta el contenido basado en las páginas visitadas
  • Usa perfilado progresivo (pregunta más con el tiempo)

Segmentación de Audiencia

  • Mensajes para visitantes nuevos vs. recurrentes
  • Segmenta por fuente de tráfico
  • Apunta basado en el nivel de interacción
  • Excluye visitantes ya convertidos

Experimentos de Frecuencia y Reglas

  • Prueba el límite de frecuencia (una vez por sesión vs. una vez por semana)
  • Período de enfriamiento después del descarte
  • Prueba diferentes comportamientos de descarte
  • Muestra ofertas crecientes en múltiples visitas

Preguntas Específicas de la Tarea

  1. ¿Cuál es el objetivo principal de este popup?
  2. ¿Cuál es el rendimiento actual de tu popup (si existe)?
  3. ¿Qué fuentes de tráfico estás optimizando?
  4. ¿Qué incentivo puedes ofrecer?
  5. ¿Hay requisitos de cumplimiento (GDPR, etc.)?
  6. ¿División de tráfico móvil vs. escritorio?

Habilidades Relacionadas

  • lead-magnets: Para planificar lead magnets para promocionar a través de popups
  • cro: Para optimizar el formulario dentro del popup
  • cro: Para el contexto de la página alrededor de los popups
  • emails: Para lo que sucede después de la conversión del popup
  • ab-testing: Para probar variaciones de popup

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions

ads

When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions

ai-seo

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions

analytics

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions

aso

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions

attribution

When the user wants to figure out which marketing actually drives conversions and revenue, choose or interpret an attribution model, or reconcile conflicting numbers across tools. Also use when the user mentions

churn-prevention

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions

cold-email

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions

co-marketing

When the user wants to find co-marketing partners, plan joint campaigns, or brainstorm partnership opportunities. Use when the user says

community-marketing

Build and leverage online communities to drive product growth and brand loyalty. Use when the user wants to create a community strategy, grow a Discord or Slack community, manage a forum or subreddit, build brand advocates, increase word-of-mouth, drive community-led growth, engage users post-signup, or turn customers into evangelists. Trigger phrases: \

competitor-profiling

When the user wants to research, profile, or analyze competitors from their URLs. Also use when the user mentions

competitors

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions

content-strategy

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions

copy-editing

When the user wants to edit, review, or improve existing marketing copy, or refresh outdated content. Also use when the user mentions

copywriting

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says

coreyhaines31/ab-test-setup

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program," or "experiment playbook." Use this whenever someone is comparing two approaches and wants to measure which performs better, or when they want to build a systematic experimentation practice. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.

coreyhaines31/analytics-tracking

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For A/B test measurement, see ab-test-setup.

coreyhaines31/aso-audit

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions 'ASO audit,' 'app store optimization,' 'optimize my app listing,' 'improve app visibility,' 'app store ranking,' 'audit my listing,' 'why aren't people downloading my app,' 'improve my app conversion,' 'keyword optimization for app,' or 'compare my app to competitors.' Use when the user shares an App Store or Google Play URL and wants to improve it.

coreyhaines31/competitor-alternatives

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. For sales-specific competitor docs, see sales-enablement.

coreyhaines31/email-sequence

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold outreach emails, see cold-email. For in-app onboarding, see onboarding-cro.

Skills relacionados