Skip to main content
O painel Layers (Camadas) mostra a estrutura completa da sua página em uma visualização clara, em formato de árvore.
Ele ajuda você a entender como tudo está organizado e facilita selecionar, gerenciar e reorganizar os elementos.

​
Onde encontrar

  1. Abra sua página no editor
  2. Clique no ícone de Layers na barra lateral esquerda

​
O que você vê

  • Uma estrutura hierárquica (em árvore) da sua página
  • Seções, containers e elementos aninhados uns dentro dos outros
  • Cada item representa um bloco no seu canvas
Exemplo:
  • Wrapper
    • Section
      • Container
        • Text
        • Image
        • Button

​
O que você pode fazer

​
Selecione elementos com facilidade

Clique em qualquer item do painel Layers para selecioná-lo instantaneamente no canvas.

​
Entenda a estrutura

Veja como os elementos estão agrupados:
  • Quais itens estão dentro de containers
  • Como as seções são construídas
  • Onde cada elemento se encaixa

​
Reordene elementos

Você pode arrastar e reordenar elementos dentro do mesmo elemento pai. Por exemplo:
  • Mover um botão para cima de um texto dentro do mesmo container
  • Reordenar itens dentro de uma seção

​
Limitação importante

Você não pode mover elementos entre elementos pai diferentes pelo painel Layers.
  • Você pode reordenar dentro do mesmo container
  • Mas não pode arrastar um elemento de um container/seção para outro

​
Por que ele é útil

  • Encontre rapidamente elementos ocultos ou difíceis de clicar
  • Mantenha seu layout organizado
  • Corrija problemas de estrutura com facilidade
  • Trabalhe mais rápido em páginas complexas
A Tree Navigation (geralmente exibida como uma trilha de navegação, ou breadcrumb, na parte inferior do editor) é um recurso essencial do editor visual que ajuda você a selecionar e navegar entre os diferentes elementos aninhados que compõem o layout da sua landing page. Isso é fundamental porque os layouts modernos dependem de colocar elementos dentro de outros containers (como Sections, Boxes ou Columns).

​
Como a Tree Navigation funciona

A navegação aparece como uma lista horizontal de nomes de elementos na parte inferior do canvas do editor. Ela mostra o elemento que você selecionou e todos os containers pai dele, começando pelo elemento mais amplo (como a Section) até o mais específico (como Text ou Image).

​
Principais usos da Tree Navigation

​
1. Selecionar containers pai

Quando você trabalha com elementos dentro de uma Horizontal Box ou Vertical Box, pode ser difícil selecionar o próprio container apenas clicando no canvas. A Tree Navigation facilita isso.

​
2. Identificar o aninhamento e a estrutura

A trilha oferece um mapa visual imediato da estrutura da sua página.

​
3. Saltos rápidos entre componentes

A navegação permite que você salte rapidamente entre componentes aninhados sem precisar clicar com precisão em elementos minúsculos diretamente no canvas.