Informativo: Serviços: informações e apresentação no site

Conteúdo

Um Serviço é um conteúdo que apresenta um trabalho que a empresa oferece: o que é, quanto custa, o que está incluso e como o atendimento acontece. Cada serviço tem a sua própria página no site, com um endereço como /servicos/consultoria-de-ambientes.

Esta página mostra como as informações preenchidas no painel aparecem para o visitante. Como preencher os campos está na página “Editor de conteúdos”.

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.

Do painel para o site: preço e itens inclusos

Campos Preço, Cobrança, Exibição do preço, Texto do botão de contato e Itens inclusos no editor de serviço, numerados de 1 a 5

Figura 1 — Campos de informação do serviço, no painel.

  1. Preço — aparece na Ficha do serviço (Figura 2, item 6). 350.00 vira R$ 350,00.
  2. Cobrança — completa o preço: Pagamento único mostra só o valor; Mensal acrescenta “/ mês”; Anual acrescenta “/ ano”.
  3. Exibição do preço — com Sob consulta, aparecem as palavras “Sob consulta” no lugar do valor, sem a cobrança.
  4. Texto do botão de contato — o que vai escrito no botão (Figura 2, item 8).
  5. Itens inclusos — os títulos aparecem na Ficha do serviço (Figura 2, item 7) e, com as descrições, na parte “O que está incluso” (Figura 3).
O topo da página do serviço

Topo da página do serviço Consultoria de ambientes, com categoria, nome, resumo, descrição e a Ficha do serviço com imagem, preço, itens e botão, numerados de 1 a 8

Figura 2 — O serviço como o visitante vê.

  1. Categoria — a categoria do serviço, quando houver.
  2. Nome — o título do serviço.
  3. Resumo — o texto curto do campo Resumo.
  4. Descrição — o texto do campo Conteúdo principal.
  5. Imagem — a imagem destacada do serviço, no alto da Ficha do serviço. Serviços não têm galeria.
  6. Preço — o valor, com “/ mês” ou “/ ano” quando a cobrança for mensal ou anual.
  7. Lista de itens — os títulos dos itens inclusos, com um sinal de certo.
  8. Botão de contato — abre uma conversa no WhatsApp do site, já com a mensagem “Olá, tenho interesse em” e o nome do serviço. Sem texto próprio, o botão fica “Falar com um especialista”. Sem WhatsApp configurado no site, o botão não aparece.

A Ficha do serviço mostra só o que estiver preenchido: sem imagem, sem preço ou sem itens, essas partes não aparecem.

O que está incluso

Parte O que está incluso, com cartões numerados, título e descrição de cada item, numerados de 1 a 4

Figura 3 — Os itens inclusos, com as descrições.

  1. O que está incluso — o título desta parte da página.
  2. Número do item — a ordem do item, igual à ordem no painel.
  3. Título do item — o nome do que está incluso, como “Visita ao local”.
  4. Descrição do item — a explicação do item.

Itens sem título não aparecem. Sem nenhum item, esta parte não aparece.

Do painel para o site: as etapas

Introdução das etapas e lista de etapas no editor de serviço, com item aberto, setas, X, Título, Descrição, Prazo e Adicionar, numerados de 1 a 9

Figura 4 — As etapas do serviço, no painel.

  1. Introdução das etapas — aparece embaixo de “Como funciona” (Figura 5, item 3).
  2. Etapas (como funciona) — cada etapa vira um passo numerado na parte “Como funciona”.
  3. Item — clicar abre ou fecha a etapa para editar.
  4. Setas — mudam a ordem; a ordem no painel é a ordem no site.
  5. X — tira a etapa da lista (não apaga o serviço).
  6. Título — o nome da etapa (Figura 5, item 6).
  7. Descrição — a explicação da etapa (Figura 5, item 7).
  8. Prazo — aparece em cima do título da etapa (Figura 5, item 5). É só um texto para o visitante; o sistema não faz nenhuma contagem de prazo.
  9. Adicionar — cria uma etapa nova no fim.
Como funciona

Parte Como funciona com rótulo Processo, título, introdução e as etapas numeradas com prazo, título e descrição, numerados de 1 a 7

Figura 5 — As etapas como o visitante vê.

  1. Processo — um rótulo pequeno em cima do título.
  2. Como funciona — o título desta parte da página.
  3. Introdução — o texto do campo Introdução das etapas.
  4. Número da etapa — 01, 02, 03, na ordem do painel. A última etapa aparece com outra cor.
  5. Prazo — o prazo da etapa, como “Dia 1”.
  6. Título da etapa — o nome da etapa.
  7. Descrição da etapa — a explicação da etapa.

Etapas sem título não aparecem. Sem nenhuma etapa, a parte Como funciona não aparece.

Layout das seções do serviço

O desenho de “O que está incluso”, de “Como funciona” e dos serviços relacionados é escolhido na aba Layout do editor e vale para todos os serviços de uma vez.

  • O que está incluso — Layout: Grade (lado a lado, o padrão), Lista (um embaixo do outro; o resto em slide) ou Slide (com setas). Itens por vez: 3 (padrão), 2 ou 4. Alinhamento dos cartões: à esquerda (padrão) ou centralizado.
  • Como funciona — Layout: Em linhas (o padrão; passou de 5 etapas, continua embaixo) ou Slide (com setas).
  • Serviços relacionados: todos os outros serviços publicados da mesma categoria. Sem ajuste, saem em Grade, 3 por vez; também podem ser Lista horizontal ou Carrossel, com 2, 3 ou 4 por vez e outra proporção de imagem. Sem categoria, ou sem outros serviços nela, a parte não aparece.
Quando o serviço aparece no site

O serviço só aparece para o visitante quando está Publicado, foi salvo por um administrador e a data de publicação (se houver) já chegou. Destacar conteúdo deixa o serviço disponível para as listas de destaque do site, mas não publica.


Dicas

  • Itens inclusos dizem o que o cliente recebe; etapas dizem como o trabalho acontece.
  • Escreva prazos que a empresa realmente consegue cumprir.
  • Coloque uma imagem destacada: ela abre a Ficha do serviço.
  • Confira se o WhatsApp do site está configurado; sem ele, o botão de contato some.
  • Antes de mudar a aba Layout, lembre que a mudança vale para todos os serviços: confira a prévia com um serviço que tenha muitos itens e um que tenha poucos.

Controle de Mudanças

Informações de controle de versão
  • Última revisão: a preencher
  • Próxima revisão: a preencher
  • Autor: a preencher
  • Revisor: a preencher
  • Versão: a preencher

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente de demonstração. O serviço, o preço, os itens, as etapas e a imagem 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.

Contato de suporte: a preencher.


Referências

  • NetCorp — página de serviço do site e editor de conteúdos do painel.
  • Modelo de página Informativo e blocos de conteúdo da base de conhecimento.

Revision #2
Created 2026-11-09 12:51:44 UTC by Guilherme Hyde
Updated 2026-11-09 12:51:48 UTC by Guilherme Hyde