Como Mostrar o Preço Só Depois do Pitch na Sua Página de Vendas

Mostrar o preço antes do pitch na sua página de vendas reduz drasticamente a conversão porque o visitante julga o valor sem ter contexto. A técnica correta é esconder preço, botão de compra e seção de bônus até que o vídeo entregue toda a argumentação. Aqui você vai aprender exatamente como implementar isso com JavaScript puro ou jQuery.

"O preço só faz sentido depois que o visitante entende o problema que você resolve e o valor da sua solução."

Resumo rápido:

• Preço visível cedo demais mata a conversão em páginas de VSL
• Envolva preço, botão e bônus em uma div com a classe revelar
• Use jQuery ou JavaScript puro para controlar o timing
• O delay deve coincidir com o momento do pitch no vídeo

Por que mostrar o preço cedo demais prejudica suas vendas

Imagine que alguém chega na sua página, vê "R$ 497" antes de assistir um segundo do vídeo e sai. Essa pessoa nunca vai saber que o produto resolve exatamente o problema dela. Em VSL (Video Sales Letter), toda a estrutura de persuasão depende de uma sequência: problema, agitação, solução, prova, oferta.

Quando o preço aparece antes dessa sequência, o visitante pula direto para a decisão de compra sem ter passado pela construção de valor. O resultado: taxa de conversão muito abaixo do potencial.

O que esconder além do preço

Não é só o preço que deve ficar oculto. Envolva em uma div com classe revelar todos estes elementos:

• Seção de preço e condições de pagamento
• Botão de compra principal
• Área de bônus e garantia
• Depoimentos de compradores (opcional)

<!-- Tudo dentro desta div ficará oculto até o momento certo -->
<div class="revelar">
    <h2>Investimento</h2>
    <p>12x de R$ 29,70 ou R$ 297 à vista</p>
    <a href="https://checkout.com/produto">Comprar agora</a>
    <p>Garantia de 7 dias</p>
</div>

Versão com jQuery

Se a sua página já usa jQuery (muitos builders incluem por padrão), este script resolve:

<!-- Carrega jQuery se a página ainda não tiver -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
    var segundosDeEspera = 60 * 15; // 60 segundos vezes 15 minutos = 900 segundos
    // Esconde todos os elementos com a classe 'revelar'
    $('.revelar').hide();
    // Mostra os elementos após o tempo definido
    setTimeout(function () {
        $('.revelar').show();
    }, segundosDeEspera * 1000);
</script>

Versão com JavaScript puro (sem dependências)

Se você quer evitar a dependência do jQuery, use esta versão que funciona em qualquer navegador moderno:

<script>
    var minutosDeEspera = 15; // Minutos até revelar o conteúdo
    var elementos = document.querySelectorAll('.revelar');
    // Esconde todos os elementos ao carregar a página
    elementos.forEach(function(el) { el.style.display = 'none'; });
    // Revela após o tempo definido
    setTimeout(function () {
        elementos.forEach(function(el) { el.style.display = ''; });
    }, minutosDeEspera * 60 * 1000);
</script>

A versão JavaScript puro é mais leve e não depende de nenhuma biblioteca externa. Para a maioria dos casos, é a melhor opção.

Dicas para acertar o timing

O delay precisa coincidir com o momento em que o vídeo revela a oferta. Assista à sua VSL e anote o minuto exato. Algumas dicas práticas:

• Adicione 30 segundos extras ao delay (melhor aparecer um pouco depois do que antes)
• Teste no celular -- o carregamento pode ser mais lento e afetar a sincronia
• Considere colocar um texto como "Continue assistindo..." no lugar do botão enquanto ele está oculto
• Se você usa captura de parâmetros da URL, garanta que o script de delay não interfira nos campos ocultos

Um placeholder ajuda a evitar que a página pareça quebrada antes do botão aparecer. Pode ser uma frase simples como "Assista o vídeo completo para liberar a oferta".

Quando o timing estiver calibrado, o Trafius te mostra quantos visitantes estão chegando até o momento da revelação, facilitando a otimização do funil.

---

Perguntas frequentes

Qual versão devo usar: jQuery ou JavaScript puro?

Se a sua página já carrega jQuery, use a versão jQuery para manter consistência. Se não, prefira JavaScript puro -- é mais leve e não adiciona dependências.

Funciona em páginas com mais de um vídeo?

Sim, mas o delay é baseado no tempo de carregamento da página, não no vídeo em si. Se o visitante pausar o vídeo, o timer continua rodando. Para sincronia perfeita, seria necessário integrar com a API do player de vídeo.

O Google penaliza páginas que escondem conteúdo?

Não neste caso. O conteúdo está no HTML e será exibido -- apenas com delay. Isso é diferente de esconder conteúdo permanentemente para manipular SEO, que seria contra as diretrizes.

Posso usar CSS visibility: hidden em vez de display: none?

Pode, mas visibility: hidden mantém o espaço do elemento na página, criando um espaço vazio visível. Com display: none, o elemento some completamente até ser revelado.