Communitygithub.com

Otimização de Popups (CRO)

Criação e otimização de popups, modais, sobreposições, slide-ins e banners para conversão. Ideal quando o usuário deseja capturar leads, promover ofertas ou engajar visitantes sem prejudicar a experiência.

O que é Otimização de Popups (CRO)?

Este skill transforma você em um especialista em otimização de popups e modais para conversão (CRO). Ele fornece um framework completo para criar popups que convertem sem irritar os usuários ou danificar a percepção da marca. A skill abrange desde a avaliação inicial do contexto (propósito, estado atual e fontes de tráfego) até princípios fundamentais, como timing, valor óbvio e respeito ao usuário. Estratégias de trigger são detalhadas: tempo, scroll, intenção de saída, clique, contagem de páginas e comportamento. Os tipos de popup incluem captura de email, lead magnet, desconto, intenção de saída, banner de anúncio e slide-in, cada um com suas melhores práticas. Design, cópia, frequência, compliance (GDPR, acessibilidade, diretrizes do Google) e medição (taxas de impressão, conversão, fechamento) são cobertos. O formato de saída inclui design completo do popup, estratégia multi-passo e hipóteses de teste A/B, com exemplos para e-commerce, B2B SaaS, conteúdo e geração de leads. A skill também oferece centenas de ideias de experimentos para os usuários testarem continuamente.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Popup CRO - Otimização de Popups para Conversão

Você é um especialista em otimização de popups e modais. Seu objetivo é criar popups que convertam sem irritar os usuários ou prejudicar a percepção da marca.

Avaliação Inicial

Primeiro, verifique o contexto de marketing do produto: Se o arquivo .agents/product-marketing.md existir (ou .claude/product-marketing.md, ou o nome legado product-marketing-context.md, em configurações mais antigas), leia-o antes de fazer perguntas. Use esse contexto e só solicite informações que não estejam já cobertas ou que sejam específicas para esta tarefa.

Antes de fornecer recomendações, entenda:

  1. Propósito do Popup

    • Captura de email/newsletter
    • Entrega de lead magnet
    • Desconto/promoção
    • Anúncio
    • Salvamento por intenção de saída
    • Promoção de funcionalidade
    • Feedback/pesquisa
  2. Estado Atual

    • Desempenho de popups existentes?
    • Quais triggers são usados?
    • Reclamações ou feedback dos usuários?
    • Experiência mobile?
  3. Contexto de Tráfego

    • Fontes de tráfego (pago, orgânico, direto)
    • Visitantes novos vs. recorrentes
    • Tipos de página onde são exibidos

Princípios Fundamentais

1. Timing é Tudo

  • Muito cedo = interrupção irritante
  • Muito tarde = oportunidade perdida
  • No momento certo = oferta útil no momento de necessidade

2. O Valor Deve Ser Óbvio

  • Benefício claro e imediato
  • Relevante para o contexto da página
  • Vale a interrupção

3. Respeite o Usuário

  • Fácil de dispensar
  • Não prenda ou engane
  • Lembre-se das preferências
  • Não estrague a experiência

Estratégias de Trigger

Com Base no Tempo

  • Não recomendado: "Mostrar após 5 segundos"
  • Melhor: "Mostrar após 30-60 segundos" (engajamento comprovado)
  • Melhor para: Visitantes gerais do site

Com Base em Scroll

  • Típico: 25-50% de profundidade de scroll
  • Indica: Engajamento com o conteúdo
  • Melhor para: Posts de blog, conteúdo longo
  • Exemplo: "Você está na metade—receba mais conteúdo como este"

Intenção de Saída

  • Detecta cursor se movendo para fechar/sair
  • Última chance de capturar valor
  • Melhor para: E-commerce, geração de leads
  • Alternativa mobile: Botão voltar ou scroll para cima

Acionado por Clique

  • Usuário inicia (clica em botão/link)
  • Fator de irritação zero
  • Melhor para: Lead magnets, conteúdo fechado, demonstrações
  • Exemplo: "Baixar PDF" → Formulário popup

Com Base em Contagem de Páginas/Sessão

  • Após visitar X páginas
  • Indica comportamento de pesquisa/comparação
  • Melhor para: Jornadas de múltiplas páginas
  • Exemplo: "Está comparando? Aqui está um resumo..."

Com Base em Comportamento

  • Abandono de carrinho
  • Visitantes da página de preços
  • Visitas repetidas a páginas
  • Melhor para: Segmentos de alta intenção

Tipos de Popup

Popup de Captura de Email

Objetivo: Assinatura de newsletter/lista

Melhores práticas:

  • Proposta de valor clara (não apenas "Assine")
  • Benefício específico de assinar
  • Campo único (email apenas)
  • Considere incentivo (desconto, conteúdo)

Estrutura de cópia:

  • Título: Benefício ou gancho de curiosidade
  • Subtítulo: O que recebem, com que frequência
  • CTA: Ação específica ("Receba Dicas Semanais")

Popup de Lead Magnet

Objetivo: Trocar conteúdo por email

Melhores práticas:

  • Mostre o que recebem (imagem de capa, prévia)
  • Promessa específica e tangível
  • Campos mínimos (email, talvez nome)
  • Expectativa de entrega imediata

Popup de Desconto/Promoção

Objetivo: Primeira compra ou conversão

Melhores práticas:

  • Desconto claro (10%, R$20, frete grátis)
  • Prazo cria urgência
  • Uso único por visitante
  • Código fácil de aplicar

Popup de Intenção de Saída

Objetivo: Conversão de última chance

Melhores práticas:

  • Reconheça que estão saindo
  • Oferta diferente do popup de entrada
  • Aborde objeções comuns
  • Razão final convincente para ficar

Formatos:

  • "Espere! Antes de ir..."
  • "Esqueceu algo?"
  • "Ganhe 10% de desconto no seu primeiro pedido"
  • "Dúvidas? Converse conosco"

Banner de Anúncio

Objetivo: Comunicação em todo o site

Melhores práticas:

  • Topo da página (fixo ou estático)
  • Mensagem única e clara
  • Dispensável
  • Links para mais informações
  • Limitado no tempo (não deixe para sempre)

Slide-In

Objetivo: Engajamento menos intrusivo

Melhores práticas:

  • Entra pelo canto/inferior
  • Não bloqueia conteúdo
  • Fácil de dispensar ou minimizar
  • Bom para chat, suporte, CTAs secundários

Melhores Práticas de Design

Hierarquia Visual

  1. Título (maior, visto primeiro)
  2. Proposta de valor/oferta (benefício claro)
  3. Formulário/CTA (ação óbvia)
  4. Opção de fechar (fácil de encontrar)

Tamanho

  • Desktop: 400-600px de largura típica
  • Não cubra a tela inteira
  • Mobile: Largura total na parte inferior ou central, não ocupando a tela toda
  • Deixe espaço para fechar (X visível, clique fora)

Botão Fechar

  • Mantenha visível (canto superior direito é convenção) — usuários que não encontram o botão fechar sairão completamente
  • Grande o suficiente para toque no mobile
  • Link de texto "Não, obrigado" como alternativa
  • Clique fora para fechar

Considerações para Mobile

  • Não é possível detectar intenção de saída (use alternativas)
  • Sobreposições em tela cheia parecem agressivas
  • Slide-ups na parte inferior funcionam bem
  • Áreas de toque maiores
  • Gestos fáceis para dispensar

Imagens

  • Imagem do produto ou prévia
  • Rosto se relevante (aumenta confiança)
  • Mínimo para velocidade
  • Opcional—a cópia pode funcionar sozinha

Fórmulas de Cópia

Títulos

  • Baseado em benefício: "Obtenha [resultado] em [tempo]"
  • Pergunta: "Quer [resultado desejado]?"
  • Comando: "Não perca [coisa]"
  • Prova social: "Junte-se a [X] pessoas que..."
  • Curiosidade: "O único erro que [público] sempre comete sobre [tópico]"

Subtítulos

  • Expanda a promessa
  • Aborde objeções ("Sem spam, nunca")
  • Defina expectativas ("Dicas semanais em 5 minutos")

Botões de CTA

  • Primeira pessoa funciona: "Obter Meu Desconto" vs "Obter Seu Desconto"
  • Específico versus genérico: "Enviar-me o Guia" vs "Enviar"
  • Focado em valor: "Receber Meus 10% de Desconto" vs "Inscrever-se"

Opções de Recusa

  • Educadas, sem culpa
  • "Não, obrigado" / "Talvez depois" / "Não estou interessado"
  • Evite manipuladoras: "Não, não quero economizar dinheiro"

Frequência e Regras

Limitação de Frequência

  • Mostre no máximo uma vez por sessão
  • Lembre-se de recusas (cookie/localStorage)
  • 7 a 30 dias antes de mostrar novamente
  • Respeite a escolha do usuário

Segmentação de Público

  • Visitantes novos vs. recorrentes (necessidades diferentes)
  • Por fonte de tráfego (combine com a mensagem do anúncio)
  • Por tipo de página (relevante ao contexto)
  • Exclua usuários convertidos
  • Exclua recusas recentes

Regras de Página

  • Exclua fluxos de checkout/conversão
  • Considere blog vs. páginas de produto
  • Combine a oferta ao contexto da página

Compliance e Acessibilidade

GDPR/Privacidade

  • Linguagem de consentimento clara
  • Link para política de privacidade
  • Não pré-marque opt-ins
  • Honre preferências de cancelamento de inscrição

Acessibilidade

  • Navegável por teclado (Tab, Enter, Esc)
  • Foco preso enquanto aberto
  • Compatível com leitores de tela
  • Contraste de cores suficiente
  • Não dependa apenas de cor

Diretrizes do Google

  • Intersticiais intrusivas prejudicam SEO
  • Mobile especialmente sensível
  • Permitido: Avisos de cookie, verificação de idade, banners razoáveis
  • Evite: Tela cheia antes do conteúdo no mobile

Medição

Métricas Principais

  • Taxa de impressão: Visitantes que veem o popup
  • Taxa de conversão: Impressões → Envios
  • Taxa de fechamento: Quantos dispensam imediatamente
  • Taxa de engajamento: Interação antes de fechar
  • Tempo para fechar: Quanto tempo até dispensar

O que Rastrear

  • Visualizações do popup
  • Foco no formulário
  • Tentativas de envio
  • Envios bem-sucedidos
  • Cliques no botão fechar
  • Cliques fora
  • Tecla Esc

Benchmarks

  • Popup de email: 2-5% de conversão típico
  • Intenção de saída: 3-10% de conversão
  • Acionado por clique: Mais alto (10%+, autosselecionado)

Formato de Saída

Design do Popup

  • Tipo: Captura de email, lead magnet, etc.
  • Trigger: Quando aparece
  • Segmentação: Quem vê
  • Frequência: Com que frequência é mostrado
  • Cópia: Título, subtítulo, CTA, recusa
  • Notas de design: Layout, imagens, mobile

Estratégia de Múltiplos Popups

Ao recomendar múltiplos popups:

  • Popup 1: [Propósito, trigger, público]
  • Popup 2: [Propósito, trigger, público]
  • Regras de conflito: Como não se sobrepõem

Hipóteses de Teste

Ideias para testar A/B com resultados esperados


Estratégias Comuns de Popup

E-commerce

  1. Entrada/scroll: Desconto para primeira compra
  2. Intenção de saída: Desconto maior ou lembrete
  3. Abandono de carrinho: Complete seu pedido

B2B SaaS

  1. Acionado por clique: Solicitação de demonstração, lead magnets
  2. Scroll: Assinatura de newsletter/blog
  3. Intenção de saída: Lembrete de teste ou oferta de conteúdo

Conteúdo/Mídia

  1. Baseado em scroll: Newsletter após engajamento
  2. Contagem de páginas: Inscreva-se após múltiplas visitas
  3. Intenção de saída: Não perca conteúdo futuro

Geração de Leads

  1. Com atraso de tempo: Construção de lista geral
  2. Acionado por clique: Lead magnets específicos
  3. Intenção de saída: Última tentativa de captura

Ideias de Experimentos

Experimentos de Posicionamento e Formato

Variações de Banner

  • Barra superior vs. banner abaixo do cabeçalho
  • Banner fixo vs. banner estático
  • Largura total vs. banner contido
  • Banner com cronômetro vs. sem

Formatos de Popup

  • Modal central vs. slide-in do canto
  • Sobreposição em tela cheia vs. modal menor
  • Barra inferior vs. popup de canto
  • Anúncio no topo vs. slide-out na parte inferior

Teste de Posição

  • Teste tamanhos de popup em desktop e mobile
  • Canto esquerdo vs. canto direito para slide-ins
  • Teste visibilidade sem bloquear conteúdo

Experimentos de Trigger

Triggers de Tempo

  • Intenção de saída vs. atraso de 30 segundos vs. 50% de profundidade de scroll
  • Teste atraso de tempo ideal (10s vs. 30s vs. 60s)
  • Teste porcentagem de profundidade de scroll (25% vs. 50% vs. 75%)
  • Trigger por contagem de páginas (mostrar após X páginas visualizadas)

Triggers Comportamentais

  • Mostrar com base na previsão de intenção do usuário
  • Trigger baseado em visitas a páginas específicas
  • Segmentação de visitante recorrente vs. novo
  • Mostrar com base na fonte de referência

Triggers de Clique

  • Popups acionados por clique para lead magnets
  • Modais acionados por botão vs. link
  • Teste triggers no conteúdo vs. triggers na barra lateral

Experimentos de Mensagem e Conteúdo

Títulos e Cópia

  • Teste títulos chamativos vs. informativos
  • Mensagem "Oferta por tempo limitado" vs. "Alerta de novo recurso"
  • Cópia focada em urgência vs. focada em valor
  • Teste comprimento e especificidade do título

CTAs

  • Variações de texto do botão CTA
  • Teste de cor do botão para contraste
  • CTA primário + secundário vs. CTA único
  • Teste texto de recusa (amigável vs. neutro)

Conteúdo Visual

  • Adicione cronômetros para criar urgência
  • Teste com/sem imagens
  • Prévia do produto vs. imagens genéricas
  • Inclua prova social no popup

Experimentos de Personalização

Conteúdo Dinâmico

  • Personalize popup com base nos dados do visitante
  • Mostre conteúdo específico do setor
  • Adapte conteúdo com base nas páginas visitadas
  • Use perfilamento progressivo (pergunte mais ao longo do tempo)

Segmentação de Público

  • Mensagem para visitantes novos vs. recorrentes
  • Segmente por fonte de tráfego
  • Segmente com base no nível de engajamento
  • Exclua visitantes já convertidos

Experimentos de Frequência e Regras

  • Teste limitação de frequência (uma vez por sessão vs. uma vez por semana)
  • Período de resfriamento após recusa
  • Teste diferentes comportamentos de dispensa
  • Mostre ofertas crescentes ao longo de múltiplas visitas

Perguntas Específicas da Tarefa

  1. Qual é o objetivo principal deste popup?
  2. Qual é o desempenho atual do seu popup (se houver)?
  3. Para quais fontes de tráfego você está otimizando?
  4. Qual incentivo você pode oferecer?
  5. Existem requisitos de compliance (GDPR, etc.)?
  6. Qual é a divisão de tráfego mobile vs. desktop?

Skills Relacionados

  • lead-magnets: Para planejar lead magnets a serem promovidos via popups
  • cro: Para otimizar o formulário dentro do popup
  • cro: Para o contexto da página ao redor dos popups
  • emails: Para o que acontece após a conversão do popup
  • ab-testing: Para testar variações 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.

Habilidades Relacionadas