Domine o Editor de Funis: Recursos Avançados e Truques

O editor de funis da Marketek vai muito além de arrastar e soltar blocos em uma página. Para quem conhece os recursos avançados, ele se transforma em uma ferramenta poderosa de conversão, capaz de criar experiências personalizadas, dinâmicas e otimizadas para cada visitante.

Neste guia, você vai descobrir funcionalidades que a maiória dos usuários nem sabe que existem — e que podem fazer uma diferença significativa nos seus resultados.

CSS e JavaScript Personalizados

Para customizações que vão além do que o editor visual oferece, você pode adicionar código personalizado.

Adicionando CSS customizado

1. No editor de funis, clique em Configurações da Página (ícone de engrenagem)
2. Acesse a aba Código Personalizado
3. Na seção CSS, adicione seus estilos

Exemplos práticos:

/* Botão com efeito de pulsar */
.cta-principal {
  animation: pulsar 2s infinite;
}
@keyframes pulsar {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* Esconder elemento em mobile */
@media (max-width: 768px) {
  .apenas-desktop {
    display: none;
  }
}

Adicionando JavaScript customizado

Na mesma aba, use a seção JavaScript para adicionar scripts. Casos comuns:

• Rastrear eventos personalizados no Google Analytics
• Exibir notificações dinâmicas de compra recente
• Alterar conteúdo baseado na hora do dia

Dica: Sempre teste seu código em modo preview antes de publicar. JavaScript com erros pode quebrar a página inteira.

Substituição Dinâmica de Texto (UTM Parameters)

Personalize o conteúdo da página com base nos parâmetros da URL. Isso permite criar uma única página que se adapta a diferentes campanhas.

Como funciona

Se a URL contém ?cidade=SaoPaulo, você pode exibir “São Paulo” dinamicamente em qualquer texto da página.

Configurando na Marketek

1. No editor, selecione o elemento de texto que deseja tornar dinâmico
2. Clique em Texto Dinâmico na barra de ferramentas
3. Defina o parâmetro da URL (ex.: cidade)
4. Defina o valor padrão caso o parâmetro não exista (ex.: “sua cidade”)

Exemplos de uso

Isso é especialmente útil para campanhas de mídia paga, onde cada anúncio direciona para a mesma página mas com textos personalizados.

Seções Condicionais

Mostre ou oculte seções inteiras da página com base em condições específicas.

Condições disponíveis

• Dispositivo: mostrar seção apenas em desktop ou apenas em mobile
• Fonte de tráfego: exibir conteúdo diferente para quem vem do Google vs. Instagram
• Parâmetro UTM: exibir seção se determinado UTM estiver presente
• Cookie: mostrar seção baseado em cookies do navegador

Configurando

1. Selecione a seção no editor
2. Clique em Regras de Exibição
3. Defina a condição (ex.: “Mostrar apenas se dispositivo = mobile”)
4. Salve e teste em diferentes cenários

Formulários Multi-etapas

Formulários longos assustam visitantes. Dividir em etapas aumenta a taxa de conclusão em até 300%.

Criando um formulário multi-etapas

1. Adicione um elemento Formulário à página
2. Nas configurações do formulário, ative Multi-etapas
3. Agrupe os campos por etapa:
   – Etapa 1: nome e e-mail (baixo compromisso)
   – Etapa 2: telefone e empresa (compromisso médio)
   – Etapa 3: necessidade específica e orçamento (alto compromisso)
4. Configure a barra de progresso para mostrar ao visitante em qual etapa está
5. Defina se os dados parciais devem ser salvos (recomendado: sim)

Dica: Salvar dados parciais permite fazer follow-up mesmo com quem não completou todas as etapas. Use o e-mail capturado na etapa 1 para enviar um lembrete.

Countdown Timers e Order Bumps

Countdown timers (contadores regressivos)

Crie urgência com contadores que mostram o tempo restante para uma oferta.

1. Adicione o elemento Countdown Timer à página
2. Configure o tipo:
   – Data fixa: conta até uma data/hora específica
   – Evergreen: conta a partir do momento que o visitante acessa (baseado em cookie)
3. Defina a ação ao expirar: redirecionar para outra página ou ocultar a seção de oferta

Order bumps

Order bumps são ofertas complementares exibidas na página de checkout, antes do botão de compra.

1. Acesse a página de checkout no editor de funis
2. Adicione o elemento Order Bump
3. Configure: produto adicional, preço, descrição curta e imagem
4. O checkbox aparecerá acima do botão de finalizar compra

Order bumps bem configurados podem aumentar o ticket médio em 15 a 30%.

Split Testing (Testes A/B)

Não adivinhe o que funciona — teste.

Configurando um teste A/B

1. No painel de funis, acesse o funil desejado
2. Na página que deseja testar, clique em Criar Variação
3. A Marketek duplicará a página — faça as alterações na variação B
4. Defina a divisão de tráfego (recomendado: 50/50 para início)
5. Defina a métrica de sucesso: taxa de conversão, cliques no CTA ou formulários enviados
6. Publique e aguarde volume estatístico suficiente (mínimo 100 visitantes por variação)

O que testar

• Headline principal (proposta de valor diferente)
• Cor e texto do botão CTA
• Presença ou ausência de vídeo
• Layout com ou sem depoimentos
• Formulário curto vs. formulário completo

Otimização para Mobile

Mais de 70% do tráfego brasileiro vem de dispositivos móveis. Ignorar a experiência mobile é jogar dinheiro fora.

Checklist de otimização mobile

• [ ] Textos legíveis sem precisar dar zoom (mínimo 16px)
• [ ] Botões grandes o suficiente para tocar com o dedo (mínimo 44x44px)
• [ ] Imagens otimizadas para carregamento rápido
• [ ] Formulários com campos de tamanho adequado
• [ ] Seções exclusivas para desktop ocultas no mobile
• [ ] Espaçamento adequado entre elementos (evitar cliques acidentais)

No editor da Marketek, use o botão Preview Mobile para visualizar como a página aparece em smartphones. Faça ajustes específicos para mobile na aba Responsividade de cada elemento.

Artigos Relacionados:
– Como Criar um Funil de Webinar com Registro e Replay
– Funil Não Converte? 7 Diagnósticos Rápidos