# Construir páginas livres no editor visual

Monta qualquer layout arrastando caixas, textos, imagens, botões, vídeos, formulários e produtos, com estilos por ecrã, e usa as secções de código feitas por programadores.

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. Abre **Conteúdo → Editor visual ✦** e escolhe a página.
2. Carrega em **Adicionar secção** e escolhe **Bloco livre**.
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. 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. Adiciona a secção como qualquer outra e preenche os **campos** à direita (textos, imagens, botões, coleção…).
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. Publica a página como de costume.

> **Dica — Precisa de algo que o editor não faz?**
> Um bloco livre pode ser [convertido em código](https://feitora.pt/ajuda/programadores/converter-bloco-em-codigo): um programador continua a partir daí e tu continuas a editar os textos e as imagens.

> **Em testes — Por validar**
> O editor de blocos livres está a ser terminado: os nomes de alguns botões podem mudar. As secções de código e as zonas livres já funcionam no site.