Blocos - Layout Design
- Informativo: Bloco Hero
- Informativo: Bloco Carrossel
- Informativo: Bloco Cartões
- Informativo: Bloco Texto com imagem
- Informativo: Bloco Formulário de contato
- Informativo: Bloco Endereço
Informativo: Bloco Hero
Conteúdo
O Hero é a faixa grande do topo de uma página: uma imagem (ou vídeo) de fundo com um título, um texto curto e um botão por cima. Ele costuma ser o primeiro bloco da página inicial, para causar uma boa primeira impressão e levar o visitante a uma ação, como pedir orçamento.
Um Hero pode ter vários slides. Cada slide tem a sua própria imagem e os seus textos, e eles se revezam no mesmo lugar.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 Hero aparece no site
Figura 1 — Um Hero com dois slides, no site.
- Chapéu — uma frase bem curta, em letras pequenas, acima do título. Serve para dizer o assunto, como “Móveis e projetos”.
- Título — a frase principal, em letras grandes. Quando o Hero é o primeiro bloco da página inicial, o título do primeiro slide também é o título principal da página para o Google.
- Subtítulo — um texto curto que completa o título.
- Botão — leva o visitante para outra página, como a de contato. Só aparece quando o texto e o endereço do botão estão preenchidos.
- Imagem ou vídeo de fundo — ocupa a faixa inteira. Fica um pouco escurecida para o texto ser lido com facilidade. Se o slide não tiver nenhum texto nem botão, a imagem aparece sem escurecer.
- Setas — passam para o slide anterior ou o próximo.
- Marcadores — um tracinho para cada slide; o colorido é o que está aparecendo. Clicar num tracinho mostra aquele slide.
- Contador — qual slide está aparecendo e quantos existem, como “1 / 2”.
Setas, marcadores e contador só aparecem quando o Hero tem dois slides ou mais.
Opções do bloco
Ao escolher o Hero no editor de páginas, o painel mostra as opções que valem para o bloco inteiro e a lista de slides.
Figura 2 — Opções gerais do Hero.
- Altura — o tamanho da faixa: Média (a usada quando nada é escolhido), Baixa ou Alta (quase tela cheia).
- Alinhamento do texto — À esquerda (padrão) ou Centralizado.
- Trocar de slide — se os slides passam sozinhos: Não trocar sozinho (padrão), a cada 5, 8 ou 12 segundos. A troca para enquanto o visitante está com o mouse sobre o Hero, quando a aba do navegador não está à vista e em aparelhos configurados para reduzir movimentos na tela.
- Slides — a lista de slides e, no canto, quantos existem do máximo de 8.
- Slide — cada linha é um slide, com o número e o chapéu (ou o primeiro texto preenchido). Clicar abre os campos do slide (Figura 3).
- Adicionar — cria um slide novo no fim da lista.
Um Hero sem nenhum slide não aparece no site. Na prévia do editor, ele aparece como um aviso “Nenhum slide no hero”.
Campos de um slide
Figura 3 — Um slide aberto para editar.
- Cabeçalho do slide — o número do slide e o chapéu. Clicar abre ou fecha o slide.
- Setas — ↑ e ↓ mudam a ordem dos slides. O primeiro da lista é o primeiro a aparecer.
- X — tira o slide do Hero. A imagem continua guardada na Mídia.
- Imagem ou vídeo de fundo — escolha uma imagem ou um vídeo da Mídia (Biblioteca) ou envie um novo (Enviar arquivo). Remover tira o arquivo só deste slide. Prefira imagens largas, deitadas. O texto alternativo da imagem, preenchido na Mídia, é usado pelo site.
- Chapéu — a frase curta acima do título (Figura 1, item 1).
- Título — a frase principal (Figura 1, item 2).
- Texto do botão — o que vai escrito no botão, como “Pedir orçamento”.
- Endereço do botão — para onde o botão leva: uma página do site (como /contato) ou o endereço completo de outro site.
- Subtítulo — o texto curto abaixo do título (Figura 1, item 3).
Todos os campos são opcionais. O que ficar vazio simplesmente não aparece. Também dá para editar os textos clicando direto neles na prévia.
Dicas
- Use títulos curtos: duas linhas, no máximo, ficam melhores em celular.
- Escolha imagens com a parte importante longe do texto, já que o texto fica por cima.
- Prefira poucos slides (de 1 a 3). Muita troca cansa o visitante.
- Preencha o texto alternativo das imagens na Mídia.
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. Os textos e as imagens de fundo (marcadas como “Imagem de exemplo”) são 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.
Referências
- NetCorp — bloco Hero do site e editor de páginas do painel.
- Modelo de página Informativo e blocos de conteúdo da base de conhecimento.
Informativo: Bloco Carrossel
Conteúdo
O Carrossel mostra uma série de slides no mesmo lugar, um de cada vez: de um lado um texto (chapéu, título e descrição) e, do outro, uma imagem ou vídeo. O visitante passa de um slide para outro pelas setas. É bom para apresentar a equipe, trabalhos feitos ou etapas de um serviço sem ocupar muito espaço na página.
A diferença para o Hero: no Hero o texto fica por cima de uma imagem que ocupa a faixa inteira; no Carrossel o texto fica ao lado da imagem.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 Carrossel aparece no site
Figura 1 — Um Carrossel com três slides, no site.
- Chapéu — uma frase bem curta acima do título, como “Nossa equipe”.
- Título — a frase principal do slide.
- Descrição — um texto curto que explica o slide. Quebras de linha digitadas no campo são mantidas.
- Imagem ou vídeo — fica colada na borda da página, do lado escolhido nas opções.
- Seta para trás — mostra o slide anterior. Do primeiro, volta para o último.
- Seta para frente — mostra o próximo slide. Do último, volta para o primeiro.
- Contador — qual slide está aparecendo e quantos existem, como “1 / 3”.
Setas e contador só aparecem quando há dois slides ou mais.
Opções do bloco
Figura 2 — Opções gerais do Carrossel.
- Trocar de slide — tem as opções Não trocar sozinho, a cada 6, 9 ou 14 segundos. Atenção: hoje esta opção fica guardada, mas o Carrossel não troca os slides sozinho no site, seja qual for a escolha. O visitante passa os slides pelas setas.
- Formato da imagem — Alta (retrato) (a usada quando nada é escolhido), Quadrada ou Larga (paisagem). A imagem é recortada para caber no formato.
- Fundo — a cor de fundo do bloco: Escuro (padrão), Claro ou Suave (claro com um leve tom de cor).
- Posição da imagem — À direita (padrão) ou À esquerda do texto.
- Slides — a lista de slides e, no canto, quantos existem do máximo de 10.
- Slide — cada linha é um slide, com o número e o chapéu. Clicar abre os campos do slide (Figura 3).
- Adicionar — cria um slide novo no fim da lista.
Um Carrossel sem nenhum slide não aparece no site. Na prévia do editor, aparece como o aviso “Nenhum slide no carrossel”.
Campos de um slide
Figura 3 — Um slide aberto para editar.
- Cabeçalho do slide — o número do slide e o chapéu. Clicar abre ou fecha o slide.
- Setas — ↑ e ↓ mudam a ordem dos slides. O primeiro da lista é o primeiro a aparecer.
- X — tira o slide do Carrossel. A imagem continua guardada na Mídia.
- Imagem ou vídeo — escolha da Mídia (Biblioteca) ou envie um arquivo novo (Enviar arquivo). Remover tira o arquivo só deste slide. O site usa o texto alternativo da imagem, preenchido na Mídia; se ele estiver vazio, usa o chapéu do slide.
- Chapéu — a frase curta acima do título (Figura 1, item 1).
- Título — a frase principal (Figura 1, item 2).
- Descrição — o texto do slide (Figura 1, item 3).
Todos os campos são opcionais; o que ficar vazio não aparece. Também dá para editar os textos clicando direto neles na prévia.
Dicas
- Use imagens no mesmo formato em todos os slides; o bloco recorta todas do mesmo jeito.
- Como o Carrossel não troca sozinho, coloque no primeiro slide o que é mais importante.
- Prefira descrições curtas, de uma ou duas frases.
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. Os textos e as imagens (marcadas como “Imagem de exemplo”) são 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.
A falta de troca automática foi conferida no código e na tela: com “A cada 6 segundos”, o Carrossel continuou no primeiro slide depois de 8 segundos.
Contato de suporte: a preencher.
Referências
- NetCorp — bloco Carrossel do site e editor de páginas do painel.
- Modelo de página Informativo e blocos de conteúdo da base de conhecimento.
Informativo: Bloco Cartões
Conteúdo
O bloco Cartões mostra até 6 caixinhas (os cartões), cada uma com um ícone, um título, um texto curto e, se quiser, um botão. É bom para listar diferenciais, serviços ou vantagens de forma organizada. Acima dos cartões pode haver um título e um subtítulo para a seção inteira.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 os Cartões aparecem no site
Figura 1 — Três cartões em grade, no site.
- Título da seção — o título acima de todos os cartões.
- Subtítulo — um texto curto abaixo do título da seção.
- Ícone — uma imagem pequena no topo do cartão. Funciona melhor com desenhos simples, em SVG ou PNG.
- Título do cartão — o nome do item.
- Texto — a explicação curta do item.
- Botão — leva a outra página. Só aparece quando o texto e o endereço do botão estão preenchidos. Endereços de outros sites abrem em outra aba.
Cada cartão mostra só o que estiver preenchido: dá para ter cartões sem ícone ou sem botão, como os dois da direita na figura.
Layout em slide
No layout Slide (com setas), os cartões ficam numa faixa só, e o visitante passa por eles com as setas ou deslizando o dedo no celular.
Figura 2 — Os mesmos cartões no layout Slide, com 2 itens por vez.
- Cartão — os cartões aparecem lado a lado, na quantidade escolhida em “Itens por vez”.
- Seta para trás — volta um cartão. Fica apagada quando o primeiro cartão já está na tela.
- Seta para frente — avança um cartão.
As setas só aparecem quando nem todos os cartões cabem na tela.
Opções do bloco
Figura 3 — Opções gerais dos Cartões.
- Fundo — a cor de fundo da seção: Claro (padrão), Escuro ou Suave.
- Layout — como os cartões se organizam:
- Grade (lado a lado): em linhas, lado a lado (Figura 1);
- Lista (um embaixo do outro; o resto em slide): um cartão por linha; se houver mais cartões do que “Itens por vez”, os que sobram ficam em páginas seguintes, com setas;
- Slide (com setas): todos numa faixa, com setas (Figura 2).
- Itens por vez — quantos cartões aparecem de uma vez: 3, 2 ou 4. Na grade e no slide, é quantos ficam lado a lado no computador; na lista, quantos ficam um embaixo do outro antes de virar a página.
- Alinhamento dos cartões — o texto dentro dos cartões fica À esquerda (padrão) ou Centralizado.
- Tamanho do ícone — Pequeno (padrão) ou Grande.
- Título da seção — o título acima dos cartões (Figura 1, item 1).
- Subtítulo — o texto abaixo do título da seção (Figura 1, item 2).
- Cartões — a lista de cartões e, no canto, quantos existem do máximo de 6.
- Cartão — cada linha é um cartão, com o número e o título. Clicar abre os campos (Figura 4).
- Adicionar — cria um cartão novo no fim da lista.
Um bloco Cartões sem nenhum cartão não aparece no site. Na prévia do editor, aparece como o aviso “Nenhum cartão”.
Campos de um cartão
Figura 4 — Um cartão aberto para editar.
- Cabeçalho do cartão — o número e o título. Clicar abre ou fecha o cartão.
- Setas — ↑ e ↓ mudam a ordem dos cartões.
- X — tira o cartão do bloco.
- Ícone — opcional. Escolha da Mídia (Biblioteca) ou envie um arquivo (Enviar arquivo); aceita SVG. O ícone é só decorativo: o título do cartão já diz do que se trata.
- Título — o nome do item (Figura 1, item 4).
- Texto — a explicação curta (Figura 1, item 5).
- Texto do botão — o que vai escrito no botão.
- Endereço do botão — para onde o botão leva: uma página do site (como /sobre) ou o endereço completo de outro site.
Dicas
- Use a mesma quantidade de texto em todos os cartões, para eles ficarem com altura parecida.
- Prefira ícones do mesmo estilo e da mesma cor.
- Com 4 ou mais cartões, 2 ou 4 itens por vez costuma ficar mais equilibrado que 3.
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. Os textos e os ícones 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.
Referências
- NetCorp — bloco Cartões do site e editor de páginas do painel.
- Modelo de página Informativo e blocos de conteúdo da base de conhecimento.
Informativo: Bloco Texto com imagem
Conteúdo
O bloco Texto com imagem coloca um texto ao lado de uma imagem (ou vídeo). É o bloco mais usado para contar a história da empresa, apresentar um serviço ou explicar algo com apoio de uma foto. O texto pode ter título, parágrafos, listas, negrito e um botão.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 bloco aparece no site
Figura 1 — Texto à esquerda e imagem quadrada à direita, com fundo Suave.
- Título — o título do bloco.
- Conteúdo — o texto, com a formatação feita no editor: parágrafos, negrito, itálico, listas, subtítulos e links.
- Botão — leva a outra página. Só aparece quando o texto e o endereço do botão estão preenchidos.
- Imagem ou vídeo — fica ao lado do texto, no formato escolhido. No computador, quando o texto é mais alto que a imagem, ela acompanha a rolagem da página até o fim do texto.
No celular, o texto e a imagem ficam um embaixo do outro.
Opções da imagem e do fundo
Figura 2 — Campos da imagem e da aparência do bloco.
- Imagem ou vídeo — escolha da Mídia (Biblioteca) ou envie um arquivo novo (Enviar arquivo). Remover tira o arquivo só deste bloco. O site usa o texto alternativo da imagem, preenchido na Mídia; se ele estiver vazio, usa o título do bloco.
- Ocultar imagem — esconde a imagem no site sem apagá-la do campo. O texto passa a ocupar toda a largura.
- Fundo — Claro (padrão), Escuro ou Suave (claro com um leve tom de cor).
- Formato da imagem — Alta (retrato) (padrão), Quadrada ou Larga (paisagem). Na Larga, o texto fica em cima e a imagem embaixo, na largura do conteúdo, em qualquer tela.
- Posição da imagem — À direita (padrão) ou À esquerda do texto. Não se aplica ao formato Larga.
Sem imagem (ou com a imagem oculta), o bloco mostra só o texto. Na prévia do editor, um bloco sem imagem mostra um espaço reservado para lembrar de escolher uma.
Textos e botão
Figura 3 — Campos de texto do bloco, mais abaixo no painel.
- Texto do botão — o que vai escrito no botão, como “Como chegar”.
- Endereço do botão — para onde o botão leva: uma página do site (como /contato) ou o endereço completo de outro site.
- Título — o título do bloco (Figura 1, item 1).
- Conteúdo — o texto do bloco. A barrinha tem subtítulo (H), negrito, itálico, riscado e linha divisória; os três pontinhos mostram mais opções. O campo aceita negrito, itálico, títulos, listas e links.
Também dá para editar o título e o texto clicando direto neles na prévia.
Dicas
- Alterne a posição da imagem (direita, esquerda) quando houver vários blocos Texto com imagem seguidos: a página fica menos repetitiva.
- Use listas para informações curtas, como horários e vantagens.
- Para uma foto grande e deitada, use o formato Larga.
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. Os textos e a imagem (marcada como “Imagem de exemplo”) são 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.
Referências
- NetCorp — bloco Texto com imagem do site e editor de páginas do painel.
- [Informativo] - Editor de páginas (capítulo Painel administrativo), que usa este bloco como exemplo.
Informativo: Bloco Formulário de contato
Conteúdo
O bloco Formulário de contato coloca na página um formulário para o visitante escrever uma mensagem para a empresa. Quando ele envia, a mensagem chega por e-mail. Normalmente fica na página Contato, mas pode ser usado em qualquer página.
Os campos do formulário são sempre os mesmos e não podem ser mudados. No painel, só se escolhem o título, o texto de apresentação e a cor de fundo.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 formulário aparece no site
Figura 1 — O formulário, com fundo Escuro.
- Título — o título do bloco, como “Fale com a gente”.
- Texto acima do formulário — uma frase que convida o visitante a escrever.
- Nome — obrigatório. Precisa ter pelo menos 2 letras.
- E-mail — obrigatório. É para esse endereço que a empresa responde.
- Telefone — opcional.
- Mensagem — obrigatória, com pelo menos 10 e no máximo 5.000 caracteres.
- Enviar mensagem — envia o formulário. A pessoa volta para a mesma página, com um aviso no topo dizendo se deu certo.
- Nota de resposta — o texto fixo “Resposta em ate um dia util.”, que aparece em todos os sites e não pode ser mudado no painel.
Quando a verificação de segurança contra spam está ligada no site, ela aparece ao lado do botão Enviar mensagem.
Avisos depois de enviar
Figura 2 — Aviso mostrado quando a mensagem é curta demais.
- Aviso — aparece no topo da página, logo abaixo do menu. Verde quando a mensagem foi enviada; vermelho quando algo impediu o envio. Os avisos possíveis são:
- Mensagem enviada. Responderemos em breve. — deu certo.
- Informe seu nome., Informe um e-mail valido., Escreva uma mensagem com pelo menos 10 caracteres. ou Mensagem muito longa. — algum campo precisa ser corrigido.
- Voce ja enviou varias mensagens. Tente novamente mais tarde. — a mesma pessoa enviou 5 mensagens em menos de uma hora. É uma proteção contra spam.
- Nao foi possivel confirmar que voce nao e um robo. ... — a verificação de segurança não terminou.
- Nao foi possivel enviar agora. Tente pelo telefone. ou ... Tente novamente em instantes. — o e-mail não pôde ser enviado (veja “Para onde vai a mensagem”).
Opções do bloco
Figura 3 — As três opções do bloco.
- Fundo — Escuro (padrão), Claro ou Suave (claro com um leve tom de cor).
- Título — o título do bloco (Figura 1, item 1). Se ficar vazio, não aparece.
- Texto acima do formulário — a frase de apresentação (Figura 1, item 2). Se ficar vazio, não aparece.
Para onde vai a mensagem
- A mensagem é enviada para o E-mail de contato preenchido em Configurações › Identidade. Se esse campo estiver vazio, o envio falha e o visitante vê o aviso para tentar pelo telefone.
- O assunto do e-mail é “Contato pelo site <nome da empresa> - <nome do visitante>”. Ao clicar em Responder no programa de e-mail, a resposta vai direto para o e-mail do visitante.
- O envio usa a conta de e-mail configurada na instalação do site.
- O painel não guarda o texto das mensagens: elas existem só no e-mail. O painel guarda apenas a contagem, que aparece como “Formulário” no Painel de resultados.
O formulário também tem uma armadilha invisível para robôs: um campo escondido que só programas automáticos preenchem. Quando isso acontece, a mensagem é descartada sem aviso.
Dicas
- Confira se o E-mail de contato está preenchido em Configurações › Identidade e se ele recebe mensagens.
- Depois de publicar o formulário, envie uma mensagem de teste para conferir se ela chega.
- Como o painel não guarda as mensagens, não apague os e-mails recebidos pelo site.
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. Os textos são exemplos fictícios, não dados de um cliente. O aviso da Figura 2 foi gerado enviando uma mensagem curta de propósito; nenhum e-mail foi enviado. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel.
Os avisos estão escritos exatamente como aparecem hoje no site, inclusive sem acentos. A nota “Resposta em ate um dia util.” também está sem acentos no site.
Contato de suporte: a preencher.
Referências
- NetCorp — bloco Formulário de contato do site e envio das mensagens.
- [Informativo] - Configurações do site (capítulo Painel administrativo).
- [Informativo] - Entendendo os resultados do painel (capítulo Painel administrativo).
Informativo: Bloco Endereço
Conteúdo
O bloco Endereço mostra onde a empresa fica: um mapa do Google de ponta a ponta e, por cima dele, um cartão com o endereço, os telefones, o horário, as redes sociais e o botão Traçar rota. Cada bloco mostra um endereço; para várias unidades, use um bloco para cada uma.
Telefone, horário e redes sociais não são preenchidos no bloco: vêm de Configurações (Identidade e Redes sociais), para ficarem iguais em todo o site.
Para acrescentar, mover ou remover blocos numa página, veja a página “Editor de páginas”. 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 Endereço aparece no site
Figura 1 — O bloco Endereço, no site.
- Chapéu — uma frase curta acima do título, como “Onde estamos”.
- Título da seção — o título do bloco.
- Texto ao lado do título — uma frase de apoio.
- Mapa — o mapa do Google, montado a partir do endereço preenchido. Não precisa de nenhuma configuração a mais.
- Aberto agora / Fechado agora — calculado na hora, pelo horário de Brasília, a partir dos dias e horários de Configurações › Identidade. Sem horário preenchido, não aparece.
- Rua, número e complemento.
- Bairro, cidade, estado e CEP.
- Ponto de referência — uma dica para achar o lugar.
- Telefones e horário — o telefone (clicável no celular) e o horário de funcionamento, vindos de Configurações › Identidade.
- Redes sociais — os ícones das redes preenchidas em Configurações › Redes sociais.
- Traçar rota — abre o Google Maps em outra aba, com o caminho até o endereço. Cada clique conta como contato “Traçar rota” no Painel de resultados.
Acima do cartão aparece “Unidade” e o nome da cidade. No celular, o cartão fica embaixo do mapa. Partes vazias não aparecem.
Campos do bloco
Figura 2 — Os campos do bloco Endereço.
- Fundo — Claro (padrão), Escuro ou Suave.
- Chapéu — a frase curta acima do título (Figura 1, item 1).
- Título da seção — Figura 1, item 2.
- Texto ao lado do título — Figura 1, item 3.
- Rua — o nome da rua.
- Número.
- Complemento — sala, andar, bloco.
- Bairro.
- Cidade.
- Estado — escolha a sigla na lista.
- CEP.
- Ponto de referência — Figura 1, item 8.
O mapa e o Traçar rota usam rua, número, bairro, cidade, estado e CEP juntos. Quanto mais completo, mais certo fica o ponto no mapa. Sem rua e sem cidade, o bloco não aparece no site; na prévia, aparece o aviso “Endereço sem rua e sem cidade”.
Dicas
- Preencha dias e horários em Configurações › Identidade para aparecer o selo Aberto agora.
- Confira no mapa da prévia se o ponto caiu no lugar certo; se não, complete bairro e CEP.
- Para mais de uma unidade, use um bloco Endereço para cada uma.
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 endereço é um lugar público usado como exemplo, e telefone, horário e redes são fictícios. O mapa é o mapa real do Google para esse endereço de exemplo. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel.
Contato de suporte: a preencher.
Referências
- NetCorp — bloco Endereço do site e editor de páginas do painel.
- [Informativo] - Configurações do site (capítulo Painel administrativo).