Construir páginas livres no editor visual

Além das secções prontas (capa, produtos, perguntas frequentes…), o editor visual tem blocos livres: zonas onde constróis o layout que quiseres, elemento a elemento, como no Webflow ou no Framer. Uma página pode misturar secções prontas, blocos livres e secções de código feitas por um programador — ou ser um único bloco livre.

Adicionar um bloco livre

1. 1
   Passo 1:

   Abre Conteúdo → Editor visual ✦ e escolhe a página.

2. 2
   Passo 2:

   Carrega em Adicionar secção e escolhe Bloco livre.

3. 3
   Passo 3:

   Arrasta elementos da paleta para o bloco: caixa, texto, título, imagem, botão, ligação, vídeo, ícone, separador, espaço, formulário, produtos, HTML próprio e qualquer secção da Feitora ou componente de código.

4. 4
   Passo 4:

   Clica num texto duas vezes para o editar diretamente na página.

Estilos por ecrã

Cada elemento tem estilos completos: tamanho, espaçamento, cores, tipografia, cantos, sombras, posição e layout (flex ou grelha).

• Escolhe Computador, Tablet ou Telemóvel no topo: o que mudares fica só nesse ecrã (o computador é a base).

• O estado :hover define o aspeto ao passar o rato.

• Podes esconder um elemento num ecrã (ex.: uma imagem grande só no computador).

• As classes globais guardam um conjunto de estilos para reutilizar (ex.: "Botão principal") e os símbolos são blocos reutilizáveis (ex.: um rodapé) que mudam em todas as páginas de uma vez.

• Há animações de entrada (aparecer, subir, deslizar) com atraso e duração.

Usar secções de código

Quando um programador publica código em Conteúdo → Código, as secções dele aparecem em Adicionar secção, no grupo que ele escolheu.

1. 1
   Passo 1:

   Adiciona a secção como qualquer outra e preenche os campos à direita (textos, imagens, botões, coleção…).

2. 2
   Passo 2:

   Se a secção tiver zonas livres (slots), arrasta para lá os elementos que quiseres — por exemplo, logótipos de clientes por baixo de um título.

3. 3
   Passo 3:

   Publica a página como de costume.