Criador de Landing Pages com IA: transforme ideias em páginas de alta conversão

Base de Conhecimento Tray
Base de Conhecimento Tray
Atualizado  •

O Criador de Landing Pages da Tray é uma ferramenta revolucionária que permite a geração de páginas completas e estruturadas de forma automática. Através de um modelo avançado de Inteligência Artificial, o lojista pode criar layouts profissionais utilizando apenas instruções simples em linguagem natural, sem a necessidade de editar códigos ou possuir conhecimentos em HTML.

O recurso integra-se diretamente aos dados da sua loja, permitindo que a IA busque informações e imagens de produtos cadastrados para compor o conteúdo de forma contextual e estratégica. Além disso, a ferramenta oferece flexibilidade para a criação de conteúdos institucionais ou páginas comerciais focadas em conversão, tudo de forma independente do tema publicado na loja.

Quer entender como essa tecnologia pode acelerar o crescimento do seu e-commerce e como configurar sua primeira página em poucos minutos? Continue a leitura e descubra todos os detalhes!

Atenção: Ao alterar o preço de um produto, o mesmo será atualizado na Landing Page.

Para quem serve este recurso, quais os seus objetivos e quais as regras de utilização?

Este recurso foi desenvolvido para atender lojistas de todos os perfis, desde o iniciante, que não possui experiência técnica, até o usuário avançado, que busca agilidade no dia a dia. O principal objetivo é reduzir a complexidade na criação de páginas promocionais ou informativas, eliminando a necessidade de contratação de serviços especializados ou o domínio de linguagens de programação.

Em uma loja virtual, ele pode ser utilizado para:

  • Lançamentos de Produtos: Criar páginas exclusivas para destacar as novidades do catálogo.

  • Campanhas Sazonais: Gerar rapidamente LPs para eventos como Black Friday, com foco total em urgência e conversão.

  • Conteúdo Institucional e Educativo: Desenvolver páginas que contem a história da marca ou tragam guias informativos, sem necessariamente apresentar produtos.

  • Páginas de Categoria Personalizadas: Criar uma experiência de navegação única para grupos específicos de produtos.

Regras e Limites Importantes:

  • Você pode criar e manter até 50 Landing Pages ativas simultaneamente.

  • O limite de consumo é de 100 requisições diárias de IA por loja, compartilhado com outras funções como cadastro de produtos e notícias.

Benefícios de utilizar o Criador de Landing Pages com IA

A aplicação deste recurso traz impactos diretos na eficiência operacional e nos resultados de vendas:

  • Agilidade na Criação: Gere até 3 versões de uma mesma página simultaneamente, permitindo escolher a que melhor se adapta à sua estratégia.

  • SEO Automatizado: A IA não apenas cria o texto, mas também gera e otimiza automaticamente os metadados de busca (títulos e descrições), facilitando a indexação em buscadores como Google e Bing.

  • Padronização Visual: O recurso permite recuperar automaticamente a cor principal do tema da sua loja, garantindo que a nova página mantenha a identidade visual da sua marca.

  • Aumento do Ticket Médio: Através de instruções simples, você pode adicionar vitrines de produtos relacionados ou variações de cores ao final da página, incentivando o cliente a explorar mais itens.

  • Redução de Custos: Elimina a dependência de desenvolvedores externos para a criação de páginas simples, dando total autonomia ao lojista.

    Dica de Especialista: Para garantir que seu logotipo também apareça impecável nessas novas páginas, confira nosso guia sobre Como incluir logotipo na sua loja.

Como configurar o recurso no Painel Administrativo

Siga o passo a passo abaixo para criar sua primeira Landing Page (LP) com o auxílio da IA:

  • Acesso: No menu lateral esquerdo do seu painel administrativo, acesse "Configurações > Minha loja". Aqui você poderá optar entre "Landing pages" ou "Editar layout".

Lojas contratadas a partir de 31/08/2026 possuem uma nova experiência de navegação no Painel Administrativo. Acesse o artigo Conheça o novo menu do Painel Administrativo Tray e confira todos os detalhes dessa versão.

Captura de tela da seção Minha loja no painel da Tray, destacando com retângulos na cor vermelha as opções "Editar layout" e "Landing pages".

 

  • Caso opte por "Editar layout",  vá em "Criador de Landing Pages" e clique em "Acessar criador de landing pages".

 

Captura de tela da seção Lista de temas na Tray, destacando com um retângulo na cor vermelha o quadro "Criador de Landing pages" e o botão "Acessar criador de landing pages".

 

  • Você será direcionado(a) para uma página para iniciar a criação da Landing Page, espaço que será alcançado de forma direta ao escolher a opção de "Landing pages" anteriormente. Escolha o modo Criação Automática (com IA).

 

Captura de tela da página de criação de landing page na Tray, destacando com um retângulo vermelho a opção "Criação automática" com IA e o botão "Começar".

 

  • Instruções (Prompt): Descreva o que você deseja vender ou comunicar em linguagem natural.

    • Exemplo: "Crie uma página para a linha de Tênis Mizuno Mirai 5, destacando o conforto e apresentando todos os modelos disponíveis".
       

  • Identificação: Informe o Nome da página e defina a URL (endereço) que será utilizada.
     

  • Tipo de Conteúdo: Escolha entre Conteúdo Preciso (usando o protocolo MCP para buscar dados reais dos seus produtos, como preços e descrições) ou Conteúdo Criativo (baseado em dados públicos e textos mais livres).

    • Atualmente, é possível criar Landing Pages utilizando os dados da sua loja com base nessas buscas:  ID do produto, Nome do produto, Variação, Referência, Marca, Categoria ou Característica.
       

  • Configurações Visuais e Funcionais:

    • Habilite a exibição de cabeçalho e rodapé padrão (opcional) e, se desejar, o modo escuro no cabeçalho e rodapé.

    • Marque para usar as cores do tema publicado ou personalize manualmente.

    • Ative a Permissão de Indexação e a Geração de SEO automática para melhor ranqueamento.
       

  • Geração: Clique em Gerar Landing Page. O sistema entregará as versões criadas pela IA para sua revisão e publicação.

 

Captura de tela do formulário de criação de landing page com IA na Tray, exibindo a pergunta "O que você quer vender nessa landing page?" e o campo para inserção do prompt de instruções.

 

  • A Inteligência Artificial irá criar a Landing Page. Aqui, basta aguardar.

 

Captura de tela da tela de carregamento do Criador de Landing Pages na Tray, exibindo a mensagem "Gerando o código da landing page" com um ícone de carregamento ao centro.
  • Verifique a Landing Page criada.

 

Captura de tela da visualização da landing page gerada por IA na Tray, exibindo o resultado do layout e os botões "Gerar nova versão" e "Usar esta versão".

 

  • Caso tenha gostado do resultado clique em "Usar esta versão". Caso contrário, clique em "Gerar nova versão".

 

Captura de tela da página de confirmação do Criador de Landing Pages na Tray, destacando com um retângulo e uma seta na cor vermelha o botão "Confirmar e editar".

 

  • Ao optar por "Usar esta versão", você poderá editar a página que foi criada. Aqui, clique em "Confirmar e editar".

 

 

  • Você terá acesso à página de edição da Landing Page.

Importante: nossa IA entrega uma Landing Page pronta, não sendo possível editar pequenas partes. Confira o que pode ser alterado:

  • Paleta de cor (sem mudar a estrutura e informação);
  • Nome da LP e URL;
  • Dados de SEO;
  • Adicionar/Remover Topo e Rodapé;
  • Converter em HTML, onde poderá editar do modo que desejar via código.

Caso você tenha gerado a LP e não tenha gostado do resultado, é possível pedir para gerar uma nova versão.

Dica: Quanto mais detalhes na instrução para a criação da Landing Page, mais precisa ela ficará.

 

Captura de tela do painel da Tray exibindo as opções de edição da landing page no menu lateral esquerdo, destacando as seções "Dados básicos", "Paleta de cores", "Opções de exibição" e "SEO".

 

  • No espaço lateral esquerdo, você poderá modificar os Dados básicos da página (Nome e URL), a Paleta de cores (você pode gerar uma nova paleta ao determinar novas cores), a exibição do cabeçalho e rodapé e o SEO da página.

 

Captura de tela do painel de edição de landing page na Tray, destacando com o botão "Gerar nova paleta" e as opções de atipagem para nome, URL e exibição de cabeçalho e rodapé.

 

  • Ao clicar em "Gerar nova paleta", você poderá ajustar a paleta de cores da página. Uma aba lateral será aberta e você poderá modificar a Cor principal e a Cor dos textos e títulos.

 

Captura de tela da janela "Ajustar paleta de cores" no painel da Tray, destacando os campos para seleção da "Cor principal" e "Textos e títulos" com o botão "Testar nova cor".

 

  • Você pode editar todo o HTML da Landing Page. Para isso, basta clicar em "Mais opções" > "Converter em HTML".

 

Captura de tela do painel de edição de landing page na Tray, destacando com uma seta na cor vermelha a opção "Converter em HTML" no menu do botão "Mais opções".

 

  • Confirme clicando em "Criar versão em HTML".

 

Captura de tela da caixa de confirmação "Converter para edição de código?" no painel da Tray, destacando o botão "Criar versão em HTML" na cor azul.

 

  • Por fim, você terá acesso à toda configuração em HTML e poderá editar a mesma.

 

Captura de tela do painel de edição de landing page na Tray em modo HTML, exibindo o editor de código-fonte à direita e as configurações básicas e de SEO à esquerda.

 

Detalhes sobre o funcionamento da ferramenta

A seguir, você conhecerá mais detalhes sobre o funcionamento do nosso criador de Landing Pages. Apesar de existirem algumas limitações, isso não impede que melhorias sejam implementadas no futuro. Confira:

  • Busca por produto mais vendido ou produto promocional: no momento, este filtro não encontra-se disponível;
     
  • Criação de imagens ou vídeos: na criação da Landing Page, nossa ferramenta busca e exibe apenas a primeira imagem cadastrada no produto, sem a possibilidade de criação de imagens e/ou vídeos através da nossa inteligência artificial.
     
  • Não serão gerados formulários, scripts e campos de input de dados (como captura de e-mail e cadastro de cliente).
Para que sua Landing Page converta ainda mais, é essencial que os produtos selecionados tenham ótimas descrições. Sabendo disso, confira nosso conteúdo sobre Como cadastrar um produto com auxílio de IA.
 
Boas vendas!
 
Equipe Tray.