Criador de Landing Pages com seções pré-definidas

Base de Conhecimento Tray
Base de Conhecimento Tray
Atualizado 

A aplicação de um layout estratégico e moderno impacta diretamente a percepção do consumidor e a saúde financeira do seu negócio.

Conheça os principais benefícios para sua loja virtual:

  • Interface visual e intuitiva (Drag and Drop): Altere a disposição das seções da sua página inicial — como espaços para banners, vitrines de produtos e lista de marcas — apenas clicando, arrastando e soltando os blocos no lugar desejado.

  • Autonomia e economia de tempo: Reduza drasticamente a necessidade de intervenção de suporte técnico ou agências para pequenos ajustes visuais, poupando tempo para focar em estratégias de vendas.

  • Transmissão de credibilidade e profissionalismo: Um design limpo, fluido e responsivo elimina a sensação de amadorismo, gerando a confiança necessária para que o cliente finalize a compra.

  • Fortalecimento da identidade visual: Adapte facilmente as cores, logos e banners para que fiquem alinhados com o posicionamento da sua marca no mercado.

Um layout confuso é um dos maiores motivos de rejeição em e-commerces. Deixar sua loja organizada por blocos facilita a navegação e guia o cliente naturalmente até o carrinho de compras. Aproveite e confira também nosso guia de como cadastrar banners em sua loja para potencializar o impacto visual do seu novo tema.

Configurando uma landing page com seções pré-definidas em sua loja virtual

Para configurar uma landing page com seções pré-definidas, acesse o menu lateral esquerdo da sua loja virtual Tray e vá em "Configurações" > "Minha loja" > "Landing pages".

criador de landing pages secoes pre definidas11.png

Em seguida, selecione "Seções pré-definidas" clicando em "Começar".

criador de landing pages secoes pre definidas01.png

Informe o "Nome da Landing page" e, após isso, a URL da Landing page será preenchida automaticamente. Caso deseje, é possível editar a URL antes de prosseguir.

Por fim, clique em "Continuar".

criador de landing pages secoes pre definidas02.png

Em seguida, você poderá adicionar seções clicando em "Adicionar seção".

criador de landing pages secoes pre definidas03.png
  • Você pode adicionar as seguintes seções à sua Landing page:

    • Botão com ação
    • Html
    • Imagem com tópicos
    • Imagem com texto sobreposto
    • Texto com imagem
    • Texto
    • Últimas notícias
    • Depoimentos
    • Texto com vídeo
    • Onde encontrar
    • Banners em carrossel
    • Mini banner com texto
    • Banners em grid
    • Banners
    • Galeria de imagens
    • Galeria de marcas
    • Características
    • Vitrine com contador lateral
    • Produto detalhado
    • Comparar produtos
    • Vitrine com contador superior
    • Produtos com imagem de fundo
    • Vitrine de produtos
    • Vitrine de produtos em abas
    • Vídeo do YouTube
    • Galeria do Canal do YouTube
criador de landing pages secoes pre definidas04.png

Ao selecionar uma seção, você poderá editar informações relacionadas ao Conteúdo, Aparência, Blocos e Produtos.

criador de landing pages secoes pre definidas05.png

Também é possível modificar as "Configurações da página". Para isso, clique em "Configurações da página".

Aqui, você pode editar:

  • Nome da página;
  • URL;
  • Meta descrição;
  • Meta palavras-chaves;
  • Permitir indexação por buscadores;
  • Vincular produtos à Landing Page.
sec pre def new.png

Ao clicar em "+ Selecionar produtos", será possível vincular produtos à Landing Page.

Cada produto pode estar vinculado a apenas uma Landing Page.

Será aberto um pop-up onde você deverá clicar em "+" para selecionar os produtos desejados, que serão enviados para o lado direito. Por fim, clique em "Concluir".

sec pre def new2.png

Com a Landing page pronta, você poderá salvá-la como rascunho e/ou publicá-la. Os botões referentes à essas opções você encontra no canto superior direito da tela.

criador de landing pages secoes pre definidas09.png

Após salvar e publicar, a landing page ficará listada em "Lista de landing pages".

criador de landing pages secoes pre definidas10.png

Resultado em loja

Confira, no gif abaixo, um exemplo de landing page já publicada:

landingpagepredefinida-ezgif.com-video-to-gif-converter.gif

Boas vendas!

Equipe Tray.