# Converter um bloco do editor visual em código

Transforma um bloco feito no editor visual numa secção React editável, com os textos e imagens como campos, e continua no editor de código.

Quando um bloco feito no editor visual precisa de comportamento que o editor não tem (um cálculo, um filtro, uma integração), podes **convertê-lo em código**. A Feitora gera uma secção React com o mesmo aspeto, que um programador continua a partir daí.

## O que é gerado

- `secoes/<nome>.jsx` — o componente React. Os **textos, imagens, ligações, vídeos e coleções** do bloco passam a ser **campos do esquema**, por isso continuam editáveis no editor visual.
- `estilos/<nome>.css` — uma classe por elemento, com os estilos de computador, tablet, telemóvel e `:hover`.

O código usa o SDK da Feitora (`Img`, `Link`, `Icon`, `ProductGrid`, formulários) e fica igual a qualquer outro ficheiro do código da loja.

## Converter

1. No editor visual, seleciona o **bloco livre** que queres converter.
2. Escolhe **Converter em código** e dá um nome à secção (minúsculas, números e "-", ex.: `promo-verao`).
3. Se já existir uma secção com esse nome, a Feitora avisa — escolhe outro nome ou confirma que a queres substituir.
4. Abre **Conteúdo → Código**: o ficheiro novo está em `secoes/`. Compila, pré-visualiza e publica como qualquer outra secção.
5. Depois de publicada, adiciona-a às páginas em **Adicionar secção** e remove o bloco original, se já não precisares dele.

> **Nota — O bloco original não muda**
> Converter cria ficheiros novos; o bloco no editor visual continua igual até o apagares.

## O que não passa para o código

| No bloco | No código |
|---|---|
| Animações de entrada | não são convertidas (usa `reveal()` do SDK) |
| Secções da Feitora embutidas | ficam como comentário (usa `<BuiltinSection>`) |
| Símbolos | são copiados: deixam de estar ligados ao símbolo global |
| Embeds com `<script>` | perdem os scripts |
| Classes globais | ficam no `className` e continuam a depender do CSS que o site gera para elas |

> **Em testes — Por validar**
> A conversão está pronta no servidor; os nomes exatos dos botões no editor visual podem ainda mudar. Confirma o resultado na pré-visualização antes de publicar.