# Landing pages para e-commerce: quando você precisa de uma, o que colocar nela e o que testar > Landing pages não são páginas de produto. Coerência de mensagem, um único CTA, tratamento de objeções na própria página e a disciplina de velocidade que o tráfego pago exige. Doze táticas específicas, mais a abordagem de testes que realmente vale a pena. Ryan Badger - 9 de novembro de 2024 - 10 min de leitura ## Landing pages x o resto da sua loja Uma landing page não é a sua página inicial. Também não é a sua página de produto. É uma página com um único propósito, feita para converter um tipo específico de tráfego, vindo de uma origem específica (geralmente um anúncio pago), em uma ação específica. Tudo nela existe para levar a essa ação; cada pixel que não contribui é ruído. A maioria das lojas usa as páginas de produto comuns como landing pages dos anúncios. Isso é ineficiente. A página de produto é otimizada para alguém que navega com alguma intenção; a landing page precisa converter alguém que clicou em um anúncio e ainda não tem absolutamente nenhum contexto. Trabalhos diferentes, páginas diferentes. Este post cobre táticas específicas de landing page que movem a conversão no e-commerce, a abordagem de testes que vale a pena fazer e os erros típicos de landing page que você deve evitar. ## Quando você precisa de uma landing page (e quando usar as páginas de produto) **Use uma landing page dedicada:** - Em anúncios pagos em que a coerência de mensagem importa (uma promoção, coleção ou ângulo específico) - Em lançamentos de campanha (Black Friday, nova coleção) - Em produtos de decisão mais demorada, em que a história completa importa (ticket médio acima de US$ 200) - Em conteúdo voltado para SEO que precisa de uma estrutura focada em conversão - Em tráfego de indicação, parceiros e influenciadores **Use a sua página de produto existente:** - Em tráfego de marca ou genérico, em que se espera que a pessoa navegue - Em compras de pouca reflexão (por impulso, abaixo de US$ 30) - Quando você tem menos de 500 pedidos por mês (retorno decrescente em páginas dedicadas) Nem toda campanha precisa de uma landing page. Mas campanhas que gastam mais de cerca de US$ 500/mês em um único público ou ângulo merecem uma. ## 0. A melhor landing page vende no próprio lugar Antes das táticas: o maior ganho de desempenho em uma landing page é eliminar o clique extra entre "eu quero isso" e "eu comprei isso". A maioria das ferramentas de landing page (Unbounce, Leadpages, Klaviyo Pages, ClickFunnels) trata a landing page como algo separado da sua loja. O comprador lê a página, se convence, clica em "Comprar agora" e cai em outra URL (a página de produto da sua loja de verdade). Ele precisa se reorientar, reler, clicar em Adicionar ao carrinho e só então ir para o checkout. Cada etapa extra faz você perder clientes. O Shoprocket funciona de outro jeito. A landing page É a superfície de compra. Você pode incorporar o carrinho, um botão de compra ou um bloco de produto inteiro diretamente em qualquer landing page (WordPress, Webflow, Framer, Carrd ou uma página HTML estática escrita à mão) com uma tag de script e uma div. Quando o visitante clica em comprar, o carrinho abre no próprio lugar. O checkout abre no próprio lugar. A conversão acontece na landing page, não em uma URL de loja separada. **Aqui está um funcionando de verdade, dentro deste post do blog:** Carrossel ao vivo, renderizado dentro deste post do blog É o mesmo mecanismo que você colocaria em qualquer landing page que construir. Três linhas de HTML. Sem redirecionamentos, sem domínio separado, sem um checkout que tira o comprador da história que você acabou de contar. **Por que isso importa para tráfego pago:** quanto menos saltos entre o clique no anúncio e a compra, maior a conversão. Uma landing page em que a compra acontece no próprio lugar converte bem mais do que uma que joga os visitantes para uma loja. Isso também mantém a atribuição limpa (sem dor de cabeça com rastreamento entre domínios). A maioria das táticas abaixo continua valendo. Mas a escolha de arquitetura por trás (landing page = superfície de compra, não superfície de marketing) responde por boa parte do ganho de conversão, e quase ninguém fora do Shoprocket faz isso de forma tão limpa. ## 1. Coerência de mensagem com o anúncio Se o seu anúncio diz "50% de desconto em camisetas de algodão orgânico", o título da landing page deve ecoar isso: "50% de desconto em camisetas de algodão orgânico, até domingo". Não "Bem-vindo à Acme Clothing". A falta de coerência de mensagem é a falha mais comum no tráfego pago. O anúncio promete X, a página entrega Y, o modelo mental do visitante quebra e ele sai. A taxa de rejeição em landing pages sem coerência de mensagem costuma passar de 80%. **Regra:** a primeira tela da landing page deve parecer uma continuação do anúncio, não uma mudança de assunto. ## 2. Uma única ação principal Uma landing page, uma ação. Não "compre isto OU assine a newsletter OU leia o blog OU siga a gente no Instagram". CTAs concorrentes diluem a conversão. A ação principal geralmente é: - Adicionar ao carrinho / comprar agora (em landing pages focadas em produto) - Preencher um formulário (para captação de leads, como o download de um "guia de frete grátis") - Entrar na lista de espera do lançamento (em páginas de pré-lançamento) Ações secundárias são aceitáveis se forem claramente secundárias (menores, mais abaixo na hierarquia, sem competir com o CTA principal). "Tem dúvidas? Fale com a gente no chat" como ação secundária funciona bem. ## 3. A primeira tela tem uma só função: conquistar a rolagem A área visível quando a página carrega (acima da dobra) não precisa fechar a venda. Ela precisa convencer o visitante de que vale a pena rolar. O que colocar ali: - **Título:** uma promessa específica - **Subtítulo:** uma prova - **Imagem principal:** produto em uso ou focada no resultado, não uma foto de banco de imagens - **CTA principal:** visível e tocável sem rolar - **Sinal de confiança:** nota e número de avaliações, menção na imprensa ou um cliente de peso O que NÃO colocar ali: - A história da sua marca - Navegação para outras categorias (a pessoa veio por isto, não a distraia) - Todos os recursos do produto - Um carrossel (veja o post de CRO: carrosséis têm desempenho pior que imagens principais estáticas) ## 4. Onde colocar a prova social A prova social (avaliações, notas, imprensa, depoimentos, número de clientes) precisa ficar onde a ansiedade dispara: - Perto do CTA principal (tranquilidade antes do clique) - Logo depois de uma afirmação importante (a prova sustentando a afirmação de imediato) - Em uma seção dedicada de avaliações (prova mais profunda para quem está avaliando com calma) Padrões ruins: - Depoimentos num bloco único no rodapé, aonde ninguém chega rolando - Selos genéricos de "★★★★★ somos ótimos" sem nenhuma fonte - Textos de exemplo do tipo "depoimento real de alguém" que nunca foram substituídos (sim, isso acontece) Bons padrões: - "Nota 4,8/5 em mais de 3.400 avaliações" perto do botão Adicionar ao carrinho - Foto de cliente real + primeiro nome + um depoimento específico sobre o uso exato - Faixa de logos da imprensa com nomes que as pessoas reconhecem (Forbes, NYT etc.), não 15 logos aleatórios ## 5. Tratamento de objeções na própria página Todo comprador tem objeções específicas: "vale o preço?", "faz mesmo o que eles prometem?", "vai chegar a tempo?", "posso devolver?". Se você não responde a isso, a pessoa preenche a lacuna com "provavelmente não". Uma boa landing page responde às 3 principais objeções na própria página: - **Objeção de preço:** "US$ 79 parece muito" → um parágrafo explicando a durabilidade, a conta de custo de uso de US$ 8 por ano, a garantia de 2 anos - **Objeção de qualidade:** "isso é realmente bom?" → avaliações com fotos, lista de materiais, detalhe de onde é fabricado - **Objeção de entrega:** "vai chegar a tempo?" → "pedidos feitos até as 15h saem no mesmo dia, entrega em 2 a 5 dias, devolução grátis se não chegar" - **Objeção de caimento/tamanho:** guia de tamanhos na própria página, com "como medir" Pense como um ticket de suporte. Toda pergunta que você receberia no suporte sobre esse produto é uma objeção que a sua landing page não respondeu. ## 6. Tamanho: longa o bastante para vender, curta o bastante para ser lida O debate sobre o tamanho da landing page erra o alvo. O tamanho depende do preço e do nível de reflexão da compra: - **Compra por impulso abaixo de US$ 50:** landing page curta. Imagem principal + prova + avaliações + CTA. Cabe em 2 ou 3 telas no celular - **Compra ponderada de US$ 50 a 200:** tamanho médio. Acrescente recursos, prova social, comparação e FAQ. De 4 a 6 telas - **Compra de alta reflexão acima de US$ 200:** mais longa. História completa, avaliações extensas, vídeos, tabelas de comparação, detalhes da garantia, FAQ. De 8 a 12 telas está bom se cada seção merecer seu espaço Uma landing page longa que responde a todas as objeções possíveis converte melhor do que uma curta que deixa objeções no ar. Mas uma landing page longa recheada de enchimento é pior do que uma curta e enxuta. ## 7. Vídeo, onde fizer sentido Vídeos de produto em landing pages costumam elevar a conversão em 10 a 30%. Mas: - Os vídeos devem iniciar automaticamente e sem som (exigir clique para reproduzir rende menos) - Menos de 60 segundos na maioria dos casos; menos de 30 segundos, se der - Mostre o produto em uso, não um comercial de marca polido - Hospede no seu site, não com embed do YouTube (embeds do YouTube carregam devagar e mostram vídeos relacionados que distraem) - Legendas sempre ativadas (a maioria dos usuários de celular assiste sem som) ## 8. Seção de FAQ (mas só se responder a perguntas reais) O FAQ de uma landing page é útil quando: - As objeções comuns dos compradores são previsíveis (e as suas respostas são específicas) - O FAQ é fácil de escanear (estilo sanfona, de 6 a 10 perguntas) - Cada resposta tem menos de 3 frases O FAQ de uma landing page é prejudicial quando: - Serve só para encher a página, sem tratar de perguntas reais dos compradores - As respostas são conversa fiada genérica de marketing - Tem 30 perguntas (ninguém lê tudo isso) **Teste:** abra a caixa de entrada do seu suporte. As 5 a 8 perguntas pré-compra mais comuns sobre esse produto são o seu FAQ. Copie as palavras exatas que os clientes usam. ## 9. O CTA: específico, repetido, visível Um único CTA principal, repetido de 2 a 4 vezes na página conforme a pessoa rola: - Perto da imagem principal (o principal) - Depois de uma seção de benefícios importante - Depois do tratamento de objeções / prova social - No final O texto do CTA importa. "Comprar agora" é genérico; "Quero meu kit de frete grátis", "Começar meu teste de 14 dias" ou "Adicionar ao carrinho - £49" são específicos. Específico para celular: um CTA fixo que flutua na base da tela assim que a imagem principal sai de vista. Inegociável para tráfego mobile. ## 10. Velocidade da landing page As landing pages costumam ser mais lentas que as páginas de produto porque as pessoas exageram na engenharia: fontes personalizadas, vídeos na imagem principal, widgets de redes sociais incorporados, scripts de teste A/B, scripts de mapa de calor, scripts de analytics. Meta: menos de 2,5 segundos de Largest Contentful Paint em 4G no celular. Veja o [post sobre otimização para mobile](https://v3.shoprocket.io/pt/blog/otimizacao-ecommerce-mobile-core-web-vitals-checkout-conversao.md) para os detalhes dos Core Web Vitals. Lista do que mata a velocidade: - Imagens principais em resolução total (comprima para 100-300 KB) - Vídeo com reprodução automática e sem imagem de capa (prejudica o LCP) - Várias fontes (escolha uma para títulos e uma para o texto) - Todos os pixels de analytics e retargeting carregados de forma síncrona Landing pages que pagam de US$ 2 a 10 por clique merecem carregar rápido. Um atraso de 1 segundo em uma campanha de CPC de US$ 5 desperdiça de 10 a 20% do investimento em rejeições. ## 11. Testes: o que vale a pena e o que não vale A maioria dos testes A/B de landing page com pouco volume produz só ruído. Veja o [post de CRO](https://v3.shoprocket.io/pt/blog/otimizacao-taxa-de-conversao-ecommerce-sequencia-honesta.md) para a conta do tamanho de amostra. **Vale testar (se você tem volume):** - Variações do título principal - Texto do CTA principal - Apresentação do preço (por mês x por ano, US$ 99 x US$ 99,99) - Formato da prova social (depoimento x trecho de avaliação x estatísticas) - Imagem principal (produto x resultado x estilo de vida) **Raramente vale testar:** - Cor do botão (ganhos de 0,1 a 0,5% no máximo, exige um tráfego enorme) - Pequenas variações de texto (5 palavras diferentes, 2 caracteres diferentes) - Conteúdo do rodapé - Itens de navegação Pesquisa qualitativa (gravações de sessão, mapas de calor) vence o teste A/B em landing pages com menos de 5.000 visitantes por mês. ## 12. Erros comuns em landing pages ### Mandar anúncios para a página inicial O anúncio segmenta "bolsas de couro para notebook". O clique leva a uma página inicial com 200 produtos sem relação. O visitante nunca encontra a bolsa. Rejeição. Construa a landing page. ### Usar a mesma landing page para todos os públicos dos anúncios Tráfego frio do Meta e retargeting quente pedem mensagens diferentes. Frio: prove quem você é e o que é o produto. Quente: trate do motivo específico pelo qual a pessoa não comprou da última vez. ### Esconder o preço Timidez com o preço em landing pages sai pela culatra. Mostre o preço com clareza acima da dobra. Os clientes que o preço assusta iam sair de qualquer jeito; os que o preço anima convertem mais rápido. ### Campos demais no formulário Cada campo em um formulário de landing page custa de 5 a 10% de conclusão. Peça o que você precisa; não peça telefone para enviar um guia por e-mail. ### Identidade visual incoerente com o anúncio O anúncio usa cores vivas e tom descontraído. A landing page é corporativa e cinza. Parece troca de isca. O visitante sai. ## Em que o Shoprocket ajuda - **Incorpore o comércio em qualquer landing page**: catálogo, botão de compra, carrinho ou a loja completa entram em qualquer página HTML com uma tag de script. A landing page É a superfície de compra, não uma página de marketing separada que joga os visitantes para a sua loja - **Construtor de páginas flexível** com mais de 40 temas, se você quiser uma landing page na loja hospedada - **Suporte a domínio personalizado e subdomínio** para URLs de campanha - **Blog / CMS** para conteúdo de landing voltado a SEO, com controle total de metadados - **Otimização automática de imagens** + entrega em WebP para landing pages rápidas - **Core Web Vitals otimizados** na loja hospedada; os widgets incorporados carregam sob demanda para que a sua landing page feita à mão continue rápida - **Feeds de produtos** para você enviar o tráfego dos anúncios a produtos individuais do seu catálogo - **Analytics em tempo real** + rastreamento de UTM para medir quais landing pages convertem - **Pixels de rastreamento** (Meta, Google, TikTok) com um interruptor no painel, para que seus anúncios sejam atribuídos corretamente O que o Shoprocket não oferece nativamente: teste A/B completo de landing page (use VWO ou Optimizely em paralelo) e mapas de calor (use Hotjar ou Microsoft Clarity; o Clarity é grátis). > **Dica:** se você vai rodar uma campanha paga, construa UMA landing page. Não crie 10 variações de antemão. Rode a campanha para essa página por 2 a 4 semanas. Assista às gravações de sessão. Itere a página com base no que ver. Uma página bem iterada vale mais do que cinco páginas que você nunca otimiza. ## Resumo - **A melhor landing page é a própria superfície de compra.** O Shoprocket incorpora carrinho + checkout direto em qualquer landing page HTML; a maioria das plataformas joga o visitante para uma URL de loja separada - **Landing pages têm um único propósito**, não são páginas de produto de uso geral - **Coerência de mensagem com o anúncio** é a maior alavanca de conversão - **Um CTA principal,** repetido de 2 a 4 vezes, com texto de ação específico - **A primeira tela conquista a rolagem,** não a venda - **Prova social na própria página**, perto dos CTAs e das afirmações; não escondida no rodapé - **Trate as objeções na própria página** (preço, qualidade, entrega, tamanho) - **O tamanho acompanha o nível de reflexão da compra,** não é arbitrário - **A velocidade pesa mais em landing pages** do que em páginas comuns (tráfego pago é caro demais para desperdiçar) - **Teste A/B de imagem principal + CTA + apresentação do preço** se você tem volume; pesquisa qualitativa se não tem - **Erros comuns:** mandar anúncios para a página inicial, uma página para todos os públicos, esconder o preço, excesso de campos no formulário [Comece um teste grátis](https://app-v3.shoprocket.io/signup) e crie landing pages com loja temática + feeds + rastreamento de pixels já incluídos. 14 dias, sem cartão. --- - HTML version: https://v3.shoprocket.io/pt/blog/landing-pages-para-ecommerce-quando-usar-o-que-colocar-o-que-testar - Language: Português (pt) - Also in: [العربية](https://v3.shoprocket.io/ar/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Deutsch](https://v3.shoprocket.io/de/blog/landingpages-ecommerce-wann-noetig-inhalt-testen.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [English](https://v3.shoprocket.io/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Español](https://v3.shoprocket.io/es/blog/landing-pages-ecommerce-cuando-necesitas-una-que-poner-que-probar.md), [Français](https://v3.shoprocket.io/fr/blog/pages-atterrissage-e-commerce-quoi-mettre-quoi-tester.md), [עברית](https://v3.shoprocket.io/he/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/landing-page-ecommerce-kapan-perlu-isi-dan-cara-uji.md), [Italiano](https://v3.shoprocket.io/it/blog/landing-page-ecommerce-quando-servono-cosa-inserire-cosa-testare.md), [日本語](https://v3.shoprocket.io/ja/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/nusileidimo-puslapiai-el-prekybai-kada-reikalingi-ka-deti-ir-ka-testuoti.md), [Norsk](https://v3.shoprocket.io/nb/blogg/landingssider-for-nettbutikk.md), [Nederlands](https://v3.shoprocket.io/nl/blog/landingspagina-ecommerce-wanneer-wat-testen.md), [Polski](https://v3.shoprocket.io/pl/blog/landing-page-dla-ecommerce-kiedy-potrzebujesz-co-umiescic-co-testowac.md), [Română](https://v3.shoprocket.io/ro/blog/pagini-de-destinatie-ecommerce-ce-pui-pe-ele-ce-testezi.md), [Русский](https://v3.shoprocket.io/ru/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [ไทย](https://v3.shoprocket.io/th/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md), [Türkçe](https://v3.shoprocket.io/tr/blog/e-ticaret-acilis-sayfalari-ne-zaman-ne-konur-ne-test-edilir.md), [中文](https://v3.shoprocket.io/zh/blog/landing-pages-for-ecommerce-when-you-need-one-what-to-put-on-it-what-to-test.md)