Landing Pages (LPs) são páginas focadas em conversão, buscando transformar visitantes em compradores. Ao invés de jogar o tráfego em uma homepage, a landing page oferece uma mensagem clara, com urgência e chamada para ação, aumentando as chances de venda.

Entre os principais benefícios, estão:

• Aumento na conversão: direciona o visitante para uma ação específica, como compra, cadastrado, etc.;
• Foco total na oferta: elimina distrações e destaca o que realmente importa;
• Melhora o desempenho em anúncios: páginas dedicas geram mais relevância e resultados;
• Experiência personalizada: adaptada ao público, sazonalidade ou campanha.

Sabendo disso, a Tray agora oferece a opção de criar Landing Pages em sua loja virtual através do editor de temas, devendo ser realizada via HTML.

É importante destacar que nem todos os planos da Tray possuem a edição de HTML liberada. Com isso, verifique se o seu plano possui esta funcionalidade e, caso não tenha, faça o upgrade se você deseja aproveitar este recurso.

De qualquer forma, neste artigo você aprenderá a realizar esta configuração e aproveitar os benefícios das Landing Pages em seu e-commerce.

Configurando uma Landing Page no editor de temas

Para editar o HTML do seu tema e criar uma Landing Page, é necessário realizar um processo no decorrer desta configuração.

O detalhe é que o tema que está publicado não pode receber edição de HTML. Sabendo disso, após acessar "Configurações" > "Minha loja" > "Editar layout", vá até o seu tema publicado e clique em "Duplicar". Esta ação fará com que, como o próprio nome diz, o tema seja duplicado, podendo ser utilizado como cópia de segurança. Dessa forma, você terá o seu tema original e o tema duplicado disponíveis.

Agora, escolha um dos seus temas para ficar publicado temporariamente ou mantenha o tema original e aproveite a cópia para fazer as edições necessárias.

Tomada esta decisão, em "Temas instalados e não publicados", o tema que você deseja editar poderá receber alterações de HTML. Vá até o tema desejado e clique em "Editar HTML".

Importante:

A Landing Page ficará vinculada apenas ao tema que foi editado, não estando presente nos demais temas da sua loja.

Outros comportamentos importantes sobre os temas são:

• Ao duplicar um tema, a LP também será duplicada;
• Ao publicar um novo tema, as LPs não serão migradas automaticamente;
• A LP pode ser visualizada no modo preview de um tema não publicado.

Em seguida, em "Ações", clique em "Incluir landing page".

Agora você deverá preencher os campos de "Nome da landing page" (apenas para uso interno), "URL da página" (slug* da landing page que está sendo adicionada, ou seja, o endereço [link] após o domínio do seu site) e "Nome do arquivo HTML".

* Não é permitido utilizar as seguintes slugs no momento do cadastro:

• Slug de Categoria;
• Slug de Produto;
• Páginas institucionais (internas);
• Live Shop: /liveshop;
• Página de cupom: /cupons-de-desconto.

Identificado algum conflito entre as slugs, será priorizado o recurso original da loja, como a página de categoria, produto, Live Shop e demais conteúdos originais.

Além disso, selecione se a Landing Page ficará com o "Status" de "Ativo" ou "Inativo".

Por fim, clique em "Incluir".

Feito isso, será gerado um arquivo .html que poderá ser encontrado em "Arquivos" > "pages" > "lp". Clique sob o arquivo e edite o arquivo .html para gerar sua Landing Page da forma como quiser.

Ao fim da edição, clique em "Salvar". Estando tudo certo, basta "Publicar" o tema clicando no botão que pode ser visualizado no canto superior direito da tela.

Confira o processo de criação e publicação de uma Landing Page no GIF abaixo:

Concluídas estas etapas, a Landing Page estará criada e disponível em sua loja virtual Tray, como você pode observar no exemplo abaixo:

Editando uma Landing Page já existente

Para editar uma Landing Page já existente, o processo é muito parecido com o explicado anteriormente.

No menu lateral esquerdo do painel administrativo da sua loja virtual Tray, vá em "Minha loja" > "Aparência da loja".

Agora, selecione o tema onde sua Landing Page se encontra e clique em "Editar HTML".

No canto esquerdo, você poderá observar as "pastas" com diferentes elementos da sua loja virtual.

Aqui, basta acessar "pages" > "lp" > "nomedasualp + .html". O espaço para edição de HTML será aberto e, no canto superior direito, você deverá clicar em "Editar landing page".

Será aberto o espaço para edição da sua Landing Page, onde você poderá alterar o "Nome da landing page" a "Url da página" e o "Status". Repare que o "Nome do arquivo HTML" não poderá ser modificado. Em seguida, clique em "Salvar alterações".

Agora, caso você tenha feito alguma edição no html da página, clique no botão "Salvar", presente no canto superior direito da tela.

Em seguida, volte para a página de listagem de temas, busque o tema que foi editado e clique em "Publicar".

Com isso, as edições serão salvas e o tema publicado em sua loja virtual Tray.

Boas vendas!

Equipe Tray.