# Informativo: Bloco Destaques

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

O bloco **Destaques** apresenta os conteúdos publicados e marcados com **Destacar conteúdo**. Cada bloco reúne um tipo: **Produtos**, **Serviços** ou **Artigos**. Os dados vêm dos cadastros desses conteúdos.

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 escolher os conteúdos que aparecem

Abra o cadastro de um produto, serviço ou artigo. Na aba **Configurações**, na seção **Publicação**, marque **Publicado** e **Destacar conteúdo** e salve. No bloco, escolha o mesmo tipo no campo **Conteúdo**.

Entram todos os conteúdos publicados e destacados do tipo escolhido. Se houver uma data de publicação futura, o conteúdo só entra quando essa data chegar. Para retirar um conteúdo dos destaques e mantê-lo publicado, desmarque **Destacar conteúdo** no cadastro e salve.

##### Campos do bloco

![Opções do bloco Destaques no editor: Chapéu, Título da seção, Conteúdo e Fundo, numerados de 1 a 4](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/riw09-destaques-opcoes.png)

**Figura 1** — Opções do Destaques.

1. **Chapéu** — uma frase curta acima do título da seção.
2. **Título da seção** — o título que apresenta o conjunto de destaques. Ele não altera os títulos dos conteúdos.
3. **Conteúdo** — escolha **Produtos**, **Serviços** ou **Artigos**. Essa escolha determina os conteúdos e sua apresentação no site.
4. **Fundo** — **Claro**, **Escuro** ou **Suave**, aplicado à seção. Nos Serviços, o cartão mantém sua apresentação clara mesmo com o fundo Escuro.

Chapéu e título só aparecem quando preenchidos. Imagens, resumos, preços e demais informações são alterados no cadastro de origem de cada conteúdo.

##### Produtos em destaque

![Produto em destaque no site com chapéu, título da seção, imagem, categoria, título, resumo, ficha técnica, link das especificações, botão do WhatsApp, preço, setas, indicadores e contador, numerados de 1 a 13](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/Mt709-destaques-produto.png)

**Figura 2** — Dois produtos destacados; o primeiro está na tela.

1. **Chapéu** — a frase curta acima do título da seção.
2. **Título da seção** — o título que apresenta o conjunto de destaques.
3. **Imagem** — a imagem principal do produto.
4. **Categoria** — a categoria do produto.
5. **Título do produto** — leva à página de detalhes.
6. **Resumo** — o resumo cadastrado no produto.
7. **Ficha técnica** — as características do produto, até seis.
8. **Link das especificações** — aparece quando há mais de seis características, com quantas restam; abre a página do produto.
9. **Botão do WhatsApp** — aparece com WhatsApp configurado.
10. **Preço** — o preço e seu complemento, como “à vista”.
11. **Setas** — trocam de produto.
12. **Indicadores** — um para cada produto; clicar leva a ele.
13. **Contador** — a posição atual, como “1 / 2”.

Cada produto aparece com sua imagem principal, categoria, título e resumo, conforme os dados preenchidos. O título e a área do cartão levam à página de detalhes do produto.

A ficha técnica mostra até **seis características**. Quando há mais, aparece um link indicando quantas especificações restam; ele abre a página do produto.

O preço e seu complemento aparecem quando preenchidos. Com WhatsApp configurado, aparece o botão de contato, usando o texto definido no produto ou **Pedir pelo WhatsApp** quando não houver texto próprio. O botão abre o WhatsApp em outra aba com uma mensagem sobre o produto.

##### Serviços em destaque

![Serviço em destaque no site em cartão largo com categoria, título, resumo, preço, botão Contratar plano, seção O que está incluso, contador 1 de 3, setas e indicadores, numerados de 1 a 9](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/a2v09-destaques-servicos.png)

**Figura 3** — Três serviços destacados; o primeiro está na tela.

1. **Categoria** — a categoria do serviço.
2. **Título do serviço** — leva à página de detalhes.
3. **Resumo** — o resumo cadastrado no serviço.
4. **Preço** — o preço e seu complemento.
5. **Botão** — aparece com WhatsApp configurado; sem texto próprio no serviço, mostra “Contratar plano”.
6. **O que está incluso** — os itens inclusos cadastrados no serviço.
7. **Contador** — a posição atual, como “1 de 3”.
8. **Setas** — passam ao serviço seguinte ou voltam ao anterior.
9. **Indicadores** — um para cada serviço; clicar leva a ele.

Os Serviços aparecem sem imagem, em um cartão largo com categoria, título, resumo, preço e complemento, conforme o cadastro. O cartão apresenta as informações do serviço e a seção **O que está incluso**, quando houver inclusos cadastrados.

A lista mostra até **oito inclusos** no computador e no tablet, ou **cinco** no celular. Havendo mais, o link “+ N itens inclusos” abre os detalhes do serviço. Sem inclusos, essa seção não aparece.

Com WhatsApp configurado, aparece o botão de contato, usando o texto definido no serviço ou **Contratar plano** quando não houver texto próprio. Ele abre o WhatsApp em outra aba com uma mensagem sobre o serviço. O título e a área do cartão levam à página de detalhes.

Com apenas um serviço destacado, o cartão ocupa a largura do conteúdo, sem navegação. Com vários, os cartões formam uma faixa com **um serviço por slide**.

##### Artigos em destaque

![Artigo em destaque no site com imagem, categoria, data, tempo de leitura, título, resumo, Ler artigo, setas, indicadores e contador, numerados de 1 a 9](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/D0K09-destaques-artigo.png)

**Figura 4** — Dois artigos destacados; o primeiro está na tela.

1. **Imagem** — a imagem principal do artigo.
2. **Categoria** — a categoria do artigo.
3. **Data** — a data de publicação ou, sem ela, a de criação.
4. **Tempo de leitura** — calculado pelo tamanho do texto.
5. **Título do artigo** — leva ao artigo completo.
6. **Resumo** — o resumo cadastrado no artigo.
7. **Ler artigo** — indica a ação de abrir o artigo.
8. **Setas** — trocam de artigo.
9. **Indicadores e contador** — um indicador para cada artigo e a posição atual, como “1 / 2”.

Cada artigo aparece com imagem principal, categoria, data, tempo de leitura, título e resumo, conforme os dados preenchidos. A data é a de publicação; quando ela não foi preenchida, usa-se a data de criação.

O título e a área do cartão levam ao artigo completo. A indicação **Ler artigo** ajuda a identificar essa ação.

##### Como navegar entre os destaques

Nos Produtos e Artigos, aparece um destaque por vez. Quando há mais de um, o visitante pode usar as setas ou os indicadores para trocar de conteúdo. O contador mostra a posição atual, como “1 / 3”. Com apenas um, os controles de navegação não aparecem.

Nos Serviços, com vários cartões, o visitante pode arrastar a faixa, usar as setas ou escolher um indicador. O contador informa a posição atual, como “1 de 3”. A navegação entre os destaques é manual.

##### Quando falta conteúdo

Sem conteúdo publicado e destacado do tipo escolhido, o bloco fica oculto no site. Na prévia do editor, aparece o aviso **“Nenhum destaque”**, acompanhado do tipo escolhido. Confira as opções Publicado e Destacar conteúdo, a data de publicação e o tipo selecionado no bloco.

</section><section>---

#### Dicas

- Preencha os dados do conteúdo antes de destacá-lo: o bloco utiliza o que foi cadastrado.
- Escolha um título de seção que ajude o visitante a entender por que aqueles conteúdos estão em evidência.
- Confira os links para detalhes e, quando houver, os botões de WhatsApp.
- Revise a apresentação no computador e no celular, incluindo as características dos produtos e os inclusos dos serviços.

</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. Os produtos, serviços, artigos, categorias, imagens e preços 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 Destaques do site e editor de páginas do painel.
- Produtos, Serviços e Artigos (capítulo Painel administrativo).
- Configurações do site — WhatsApp (capítulo Painel administrativo).

</section></article>