Landing Pages: criar e editar

Uma landing page é uma página web montada num editor visual de arrastar e soltar, sem código. Depois de pronta, ela vai ao ar num link do DeepLead ou num domínio seu. Este artigo cobre a criação e a edição; a publicação está em Landing Pages: publicar e usar domínio próprio.

# Onde fica

Módulo Marketing → Landing Pages.

A tela mostra um cartão por página, da alterada mais recentemente para a mais antiga. Em cada cartão:

• o nome e o endereço público, no formato /p/identificador-da-empresa/slug;
• a etiqueta Publicada ou Rascunho;
• a situação do domínio próprio, se houver: o domínio (já verificado), DNS pendente ou DNS falhou;
• a data da última alteração, depois de Atualizada;
• o botão Editar e, em página publicada com slug, os ícones de Visualizar e Copiar link.

Passe o mouse sobre o cartão para ver o menu de três pontos: Editar, Excluir e, em página publicada, Copiar link e Visualizar.

# Quem pode usar

Quem tem a página Landing Pages liberada em Permissões. O perfil Admin acessa sempre.

# Criar uma landing page

1. Clique em Nova Landing Page. Com a lista vazia, o botão do meio da tela se chama Criar página.
2. Preencha o Nome. Ele é interno, para você reconhecer a página.
3. Preencha o Slug (URL), o fim do endereço público. Aceita letras minúsculas, números e hífen. Logo abaixo, URL pública mostra como o endereço vai ficar.
4. Clique em Criar.

O editor abre com a página em branco, em Rascunho.

O slug não é preenchido sozinho. Se você criar a página sem ele, preencha depois no editor: sem slug a página não tem endereço.

# Conhecer o editor

Na barra do topo, da esquerda para a direita:

Abaixo fica o editor visual. O painel da esquerda, que pode ser recolhido, traz os blocos de conteúdo: colunas, título, parágrafo, texto, imagem, botão, divisor, espaçador, menu, ícones de redes sociais, carrossel e HTML.

# Montar a página

1. Arraste um bloco do painel para a área da página.
2. Clique no bloco, já na página, para editar o conteúdo e as propriedades dele.
3. Use blocos de colunas para dividir uma faixa em duas ou mais partes e arraste outros blocos para dentro de cada coluna.
4. Repita até fechar a página.

Nas imagens, você envia arquivos do seu computador ou busca no banco de imagens do editor. Nos textos, a lista de fontes inclui Inter, Space Grotesk, DM Sans, Poppins, Roboto, Open Sans, Montserrat, Lato, Nunito e Raleway, além das fontes padrão.

# Definir título da aba e favicon

1. Clique em Configurações.
2. Em Título da aba, digite o texto que aparece na aba do navegador.
3. Em Favicon, arraste uma imagem para a área tracejada ou clique nela.
4. No diálogo Recortar favicon, ajuste a área quadrada e clique em Salvar. A imagem é reduzida para 64×64 px.
5. Feche o diálogo e clique em Salvar, no topo, para gravar na página.

Para tirar o favicon, clique na lixeira ao lado dele. Título e favicon valem quando a página é aberta pelo domínio próprio.

# Colocar um formulário na página

Para captar contatos pela landing page, use um formulário do DeepLead dentro de um bloco de HTML:

1. Em Formulários, publique o formulário.
2. Copie o código dele: o Código embed, no menu de três pontos do cartão, ou o código da aba HTML do botão Endpoint, no editor do formulário.
3. No editor da landing page, arraste um bloco de HTML para o ponto desejado e cole o código.
4. Clique em Salvar, publique e faça um envio de teste pela página antes de divulgar.

As respostas seguem as regras do formulário: contato, lista, tags e negócio. Veja Formulários: publicar, incorporar e receber respostas.

# Salvar

• Clique em Salvar ou use o atalho Ctrl+S (Cmd+S no Mac).
• Ao sair com mudanças pendentes, o diálogo Alterações não salvas oferece Continuar editando, Sair sem salvar e Salvar e sair.

# Excluir

1. Na lista, abra o menu de três pontos do cartão e clique em Excluir.
2. Confirme em Excluir landing page?.

Não dá para desfazer, e a tela não avisa sobre vínculos. Antes de excluir:

• se a página tem domínio próprio, remova o domínio em Configurações, para ele ficar livre para outra página;
• se algum QR Code aponta para a página, troque o destino dele. Depois da exclusão, quem escanear vê uma página de erro.

# Regras e limites

• O slug é único dentro da sua empresa.
• A lista não tem a ação de duplicar uma landing page.
• No domínio próprio, o DeepLead remove scripts da página por segurança. O que depende de JavaScript, como um código colado no bloco de HTML, não roda lá. No link padrão, roda.
• Mudanças no editor só chegam à página publicada depois de Salvar.

# Problemas comuns

# Veja também

• Landing Pages: publicar e usar domínio próprio
• Formulários: criar e configurar
• QR Codes