O que é preciso para criar uma landing page?

Um objetivo (uma oferta e uma chamada para ação), o texto, uma imagem e uma ferramenta que hospede a página. Na ElasticFunnels você cria a página, adiciona título, texto, botão e imagem, confere no celular e publica, como nos nove passos acima.

Dá para criar uma landing page sem ter um site?

Sim. A ElasticFunnels hospeda a página e a publica no domínio que você conectar, com SSL. Você não precisa de outro site nem de hospedagem.

Qual a diferença entre homepage e landing page?

A homepage apresenta o negócio inteiro e leva para todo lado. A landing page tem uma única função, normalmente uma oferta e uma chamada para ação, e é para onde você manda o tráfego de anúncios ou de e-mail.

Quanto tempo leva para criar uma landing page?

A página simples deste tutorial leva cerca de 15 minutos. Uma página de vendas longa leva mais, principalmente por causa do texto, não da montagem.

Qual IA pode criar landing pages?

Na ElasticFunnels, o Criar com IA monta uma landing page, página de vendas ou pré-venda a partir de uma descrição, e depois você edita no mesmo editor. Veja o criador de páginas com IA.

Posso começar de um modelo em vez de uma página em branco?

Sim. Em Criar página, a opção Escolher modelo começa de uma página pronta que você personaliza no editor.

Sim. A opção Editor de código, em Criar página, dá controle total do HTML, CSS e JavaScript, e as páginas também podem ser editadas como arquivos com o ef CLI.

Como o botão de compra abre o checkout?

O Insert Product Purchase Link escreve o link de compra do produto escolhido. Para um produto principal é um link de compra que abre o checkout dele; para um produto de upsell é um link de upsell com um clique.

Posso usar as minhas próprias imagens?

Sim. O Pick or Upload Image, nas configurações da imagem, abre a sua biblioteca de arquivos, ou cole em Image URL o endereço de uma imagem que já está hospedada.

A página funciona no celular?

Sim. Confira com os ícones de celular e tablet no topo do editor e use Visible on device nas configurações para mostrar ou esconder um elemento no desktop, tablet ou celular.

Qual a diferença entre Save draft e Publish?

Save draft guarda as mudanças sem mexer na página no ar. Publish torna pública a versão atual. Preview abre o rascunho para você conferir antes.

Quanto custa criar uma landing page na ElasticFunnels?

Todos os recursos estão em todos os planos, incluindo o editor, a IA e os domínios próprios; os planos mudam só nos limites de uso. Os planos começam em $97 por mês, com 14 dias de teste grátis.

Dá para criar uma landing page de graça?

Você pode montar e publicar páginas durante os 14 dias de teste grátis. Depois disso, as páginas ficam no plano que você escolher.

Como Criar uma Landing Page (Passo a Passo)

O que você vai construir

Uma landing page simples para o Vitality Complex, o produto da marca de demonstração: um título, uma frase de texto, um botão de compra que abre o checkout desse produto e uma foto do produto, tudo centralizado e conferido no celular. Você monta no editor arrastar e soltar e publica no domínio da marca.

Começando com funis? Leia antes o guia completo (em inglês): como criar um funil de vendas, passo a passo mostra onde a landing page entra, antes e depois do checkout. Em português: software de funil de vendas.

Você precisa de um produto cadastrado na ElasticFunnels (a marca de demonstração vende o Vitality Complex — 90 day) e de uma imagem dele hospedada em algum endereço. Prefere descrever a página e deixar a IA montar? Use o criador de páginas com IA.

No app em português, o editor aparece como Editor arrastar e largar; os painéis do próprio editor ainda estão em inglês, e os nomes abaixo seguem o que você vê na tela.

1Crie a página

Em Páginas, clique em Criar página e depois em Editor arrastar e largar. Dê um título à página e clique em Save. Deixe o campo Slug vazio e o endereço é criado a partir do título (vitality-complex-oferta-de-primavera). O editor abre com a tela em branco.

Criar página e depois Editor arrastar e largar; a página recebe o título Vitality Complex oferta de primavera, é salva e o editor abre em branco — A página começa como rascunho. Nada fica público até você publicar no passo 8.

2Adicione uma seção e um título

Abra Elements na barra da esquerda (o ícone de grade, em Insert). Arraste Empty Section para a tela e depois Heading para dentro dela. Clique duas vezes no título e digite a sua chamada.

O painel Elements abre; Empty Section e depois Heading são arrastados para a tela e o título é digitado: Energia estável. Sem queda às 15h. — Solte um elemento na metade de baixo de outro para colocá-lo logo depois dele.

3Adicione o texto

Arraste Paragraph até a borda de baixo do título, clique duas vezes e escreva uma ou duas frases sobre o que o produto faz.

Um Paragraph é solto abaixo do título e o texto do produto é digitado — Seja breve: o título faz a promessa, o texto explica como.

4Adicione o botão de compra

Busque button no painel Elements e arraste Button para baixo do texto. Clique duas vezes para trocar o rótulo. Selecione o botão, clique em Transform Button to Link e escolha o produto em Insert Product Purchase Link.

Um Button é arrastado para baixo do texto e recebe o rótulo Quero o Vitality Complex; Transform Button to Link e Insert Product Purchase Link escolhe Vitality Complex 90 day — O seletor escreve o link de compra certo para o tipo de produto: link de compra para um produto principal, link de upsell para um upsell.

5Adicione a imagem do produto

Busque image e arraste Image para cima do texto. Nas configurações à direita, cole o endereço da foto em Image URL (ou use Pick or Upload Image para escolher entre os seus arquivos) e descreva a imagem em Alt Text.

Uma Image é solta na página; o endereço da foto do produto é colado em Image URL e o Alt Text é preenchido — O texto alternativo é lido por leitores de tela e buscadores. Descreva a imagem, não a oferta.

6Centralize a seção

Clique numa parte vazia da seção para selecioná-la. Digite align na busca das configurações e ajuste Align Items para o centro, Orientation para Column, Spacing para 24 px e Text Align para o centro.

A seção é selecionada; a busca por align mostra Align Items, Orientation, Spacing e Text Align, ajustados para centro, coluna, 24 px e centro — Todos os estilos estão nesse painel; a busca poupa abrir grupo por grupo.

7Confira no celular

Clique no ícone de celular no topo do editor para ver a página na largura de um celular, role por ela e volte para o desktop.

A visão de celular mostra o título quebrando em duas linhas, o botão e a imagem na largura mobile; depois volta ao desktop — A maior parte do tráfego pago chega pelo celular: confira antes de cada publicação.

8Publique

Clique em Publish. O status abaixo do título muda para Published. Use Save draft quando quiser continuar editando sem mudar a página no ar.

Publish é clicado e a página é publicada — Preview, ao lado de Save draft, abre o rascunho atual sem publicar.

9Abra a página no ar

Abra a página no domínio da marca, no endereço do slug. O botão já leva ao checkout do Vitality Complex.

A landing page publicada: título, texto, o botão Quero o Vitality Complex e a foto do produto, centralizados — Na demonstração é o domínio local da marca; na sua conta é o domínio ligado à página.

Erros comuns

Soltar elementos fora da seção. Solte na metade de baixo do elemento que deve vir antes; senão ele vai para o fim da página.
Escrever o rótulo do botão no campo das configurações. Clique duas vezes no botão, na tela, para mudar o texto que as pessoas veem.
Ligar o botão a uma página em vez do produto. Use Insert Product Purchase Link para o clique abrir o checkout certo.
Pular a conferência no celular. Um título que cabe numa linha no desktop costuma quebrar mal no celular.
Publicar para testar uma mudança. Save draft e Preview mostram as edições sem mexer na página no ar.

Continue

Onde a landing page entra no funil: funil de vendas. Descreva a página e deixe a IA montar: criador de páginas com IA. Com a página no ar, teste uma segunda versão no mesmo endereço: teste A/B de landing page (em inglês). Todos os tutoriais: a Academia.

Como criar uma landing page