# Informativo: Bloco Processo

<article id="bkmrk-conte%C3%BAdo-o-bloco-pro"><section>#### Conteúdo

O bloco **Processo** mostra como a empresa trabalha, dividido em etapas numeradas. Os números seguem a ordem dos títulos preenchidos.

Para acrescentar, mover ou remover blocos, veja a página “Editor de páginas”, no capítulo Painel administrativo. Em cada figura, os **círculos vermelhos numerados** mostram a parte da tela que está sendo explicada. O número do círculo é o mesmo número da lista logo abaixo da figura.

##### Como o Processo aparece no site

![Bloco Processo no site, layout Em linhas, com título, texto e seis etapas numeradas: cinco na primeira linha e a sexta embaixo, à direita, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/3KW14-processo-site.png)

**Figura 1** — Seis etapas no layout Em linhas.

1. **Título** — o título da seção, acima das etapas. Só aparece quando preenchido.
2. **Texto abaixo do título** — uma explicação curta. Só aparece quando preenchido; as quebras de linha são preservadas.
3. **Número da etapa** — 01, 02, 03… vem da ordem das etapas com título. Não é digitado.
4. **Título da etapa** — o nome do passo.
5. **Texto da etapa** — a explicação opcional abaixo do título. Sem texto, o título e o número continuam visíveis.
6. **Ligação entre as linhas** — o layout mostra até cinco etapas por linha. Com mais, a linha que liga as etapas desce pela lateral e continua embaixo.
7. **Segunda linha** — volta da direita para a esquerda, como um zigue-zague; a numeração continua em ordem.

No celular, as etapas ficam em lista vertical. As etapas sem título são ignoradas na contagem e na numeração: os títulos preenchidos podem aparecer como 01, 02 e 03, mesmo que haja um item sem título entre eles no editor.

##### Layout em slide

No layout **Slide (com setas)**, as etapas ficam numa faixa horizontal, que o visitante percorre arrastando ou com as setas. A troca é manual, sem avanço automático.

![Bloco Processo no layout Slide, com quatro etapas na faixa e setas abaixo, numerados de 1 a 3](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/ajL14-processo-slide.png)

**Figura 2** — As mesmas etapas no layout Slide.

1. **Faixa de etapas** — as etapas aparecem lado a lado, ligadas pela linha.
2. **Seta para trás** — volta na faixa. Fica apagada quando a primeira etapa já está na tela.
3. **Seta para frente** — avança na faixa.

As setas só aparecem quando nem todas as etapas cabem na faixa. Com uma só etapa, o bloco não usa o slide e não há setas. No celular, as etapas ficam em lista vertical.

##### Opções do bloco

![Opções do bloco Processo no editor: Fundo, Layout, Título, Texto abaixo do título, lista Etapas com contador, um item e Adicionar, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/SKm14-processo-opcoes.png)

**Figura 3** — Opções gerais do Processo.

1. **Fundo** — **Claro**, **Suave** ou **Escuro**.
2. **Layout** — **Em linhas (passou de 5, continua embaixo)** (Figura 1) ou **Slide (com setas)** (Figura 2).
3. **Título (opcional)** — o título da seção (Figura 1, item 1).
4. **Texto abaixo do título (opcional)** — a explicação curta (Figura 1, item 2).
5. **Etapas** — a lista de etapas e, no canto, quantas existem do máximo de **12**.
6. **Item** — cada linha é uma etapa, com a ordem e o título. Clicar abre os campos (Figura 4).
7. **Adicionar** — cria uma etapa nova no fim da lista.

Título e Texto abaixo do título são opcionais; sem ambos, as etapas ainda podem aparecer. Sem nenhuma etapa com título, o bloco fica oculto no site. Na prévia do editor, aparece o aviso **“Nenhuma etapa preenchida”**, com a orientação para escrever ao menos uma etapa.

##### Campos de uma etapa

![Etapa aberta no editor com cabeçalho, setas, X, Título da etapa e Texto, numerados de 1 a 5](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/PR614-processo-item.png)

**Figura 4** — Uma etapa aberta para editar.

1. **Cabeçalho do item** — a ordem e o título da etapa. Clicar abre ou fecha o item.
2. **Setas** — ↑ e ↓ mudam a ordem das etapas e, com ela, a numeração no site.
3. **X** — tira a etapa do bloco.
4. **Título da etapa** — identifica o passo (Figura 1, item 4). Sem título, a etapa não aparece no site e não recebe número.
5. **Texto** — a explicação opcional (Figura 1, item 5); as quebras de linha são preservadas.

</section><section>---

#### Dicas

- Escreva títulos curtos que indiquem a ação de cada etapa.
- Organize as etapas na ordem em que o trabalho acontece.
- Use Texto para explicar o que é necessário em cada passo, sem repetir o título.
- Confira a leitura nos dois layouts e no celular.

</section><section>---

#### Controle de Mudanças

<details><summary>Informações de controle de versão</summary>

- **Última revisão:** a preencher
- **Próxima revisão:** a preencher
- **Autor:** a preencher
- **Revisor:** a preencher
- **Versão:** a preencher

</details></section><section>---

#### Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente local. As etapas e os textos são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel.

Contato de suporte: **a preencher**.

</section><section>---

#### Referências

- NetCorp — bloco Processo do site e editor de páginas do painel.
- Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

</section></article>