Navegue pelo manual

Manual de Gerenciamento do website

1. Bem-vindo

Seja bem-vindo ao seu website.

O seu website foi desenvolvido em WordPress, a plataforma de criação de sites mais usada no mundo inteiro. Ele conta com uma grande base de suporte e desenvolvedores, o que faz com que seu site tenha a garantia de ter sido desenvolvido em um ambiente seguro e constantemente atualizada.

Seu site utiliza o tema Impactaflex, desenvolvido sob medida pela Impactamídia e tendo o Wordpress como motor. O Impactaflex permite que você tenha um site leve, seguro e fácil de ser atualizado.

Este manual instruirá você a modificar diversos aspectos do seu site, como adicionar conteúdos, editar páginas, entre outras funcionalidades. Caso você ainda tenha dúvidas após ter lido o manual completo, clique aqui para entrar em contato conosco.

2. Entrando no gerenciador

Para acessar o painel administrativo de seu site, digite o seu domínio e em seguida "/wp-admin" (sem aspas). Por exemplo:

o domínio de seu site é www.dominio.com.br, então para acessar a tela de login você irá digitar www.dominio.com.br/wp-admin.

Após acessar a tela de login, serão solicitados seu nome de usuário e senha. Preencha seus dados e clique em Fazer Login.

User

Dica: seu nome de usuário e senha foram enviados por e-mail no dia da entrega do seu site. Caso não tenha mais os dados, consulte os procedimentos clicando no botão abaixo:

Ir para a Central de Ajuda

3. Painel Impactamídia

O painel de controle é o centro de operações por trás do seu site. Com ele você terá acesso às diversas funcionalidades dentro do sistema. Abordaremos neste manual as principais funções necessárias para você atualizar e modificar conteúdo dentro do seu site.

123456789101112User
  1. À esquerda: menu de navegação lateral com todas as opções de acesso ao sistema do site.
  2. À direita: todas as telas correspondentes aos botões clicados no menu à direita. Após conectar ao painel, você verá a tela mostrada acima.

3.1. Descrição do menu lateral:

  1. Painel: acesso ao painel de controle. Além de mostrar os dados de contato o seu painel poderá mostrar outros dados como métricas de acesso, caso você tenha contratado o serviço.
  2. Publicações: mostra todas as publicações criadas no site, bem como a opção de editar, excluir ou criar novas publicações.
  3. Mídia: biblioteca de imagens e arquivos que são carregadas para serem usadas no site. Os arquivos são listados na ordem de mais recentes no topo.
  4. Páginas: mostra as páginas criadas do site, bem como a opção de criar novas páginas.
  5. Aparência: opções de personalização da aparência do seu site como temas, menu e widgets.
  6. Plugins: gerenciamento de funcionalidades do seu site. Você poderá adicionar, modificar e excluir novas funcionalidades.
  7. Usuários: lista todos os usuários existentes em seu site.
  8. Ferramentas: lista com links para plugins que importam/exportam dados de outros blogs/plataformas gerenciadoras de conteúdo.
  9. Configurações: configurações de operação e funcionamento do seu site.
  10. ImpactaFLEX: configurações do tema do site, bem como criação de galerias, formulários de contato e otimização do seu site.
  11. SEO: aplicação de técnicas de SEO para alcançar melhores resultados de busca do seu site.
  12. Banner Rotativo: opções para gerenciar as imagens de capa do seu site.

4. Configurações

Seu site já vem completamente configurado, você não precisa efetuar nenhum procedimento adicional. Caso você queira, poderá modificar algumas configurações no painel abaixo:

12345Configurações
  1. Título do Site: aqui você poderá modificar o título do seu site. Este título é o que aparece no topo do navegador e também é o título com o qual o site é indexado nos motores de pesquisa. Caso o seu site possua SEO instalado, ignore este campo.
  2. Descrição: neste campo você poderá colocar uma pequena descrição sobre o seu site. Essa descrição constará nos resultados dos motores de busca. Caso o seu site possua SEO instalado, ignore este campo.
  3. Endereço de e-mail: este e-mail é o endereço que receberá os avisos do sistema ou inscrição e/ou modificação de usuários. Este e-mail não é o e-mail destinatário do formulário de contato.
  4. Idioma do site: altera o idioma do painel de controle do site.
  5. Fuso Horário: altera o fuso horário do sistema do painel de controle.

AVISO: Os campos não abordados na lista acima não deverão ser modificados sem auxílio da Impactamídia, podendo resultar em mau funcionamento ou até mesmo uma total pane no site.

5. Usuários

Um usuário no sistema é alguém que poderá fazer alterações dentro do site. Certifique-se de sempre criar usuários apenas para pessoas que estejam autorizadas a modificar o seu site.

Para adicionar um novo usuário ao sistema, preencha o formulário na tela e clique no botão “Adicionar novo usuário”, na parte inferior.

12345678User

Você deve atribuir uma senha para o novo usuário, que poderá mudá-la depois de fazer log in. O nome de usuário, no entanto, nunca pode ser alterado.

Os novos usuários receberão um e-mail informando que eles foram adicionados como usuários em seu site. Por padrão, este e-mail também conterá suas senhas. Desmarque a caixa se você não quiser que a senha seja incluída no e-mail de boas-vindas.

Lembre-se de clicar no botão Adicionar novo Usuário, na parte inferior da tela, quando tiver concluído.

  1. Nome de usuário(obrigatório): o nome de usuário. Cada nome de usuário deve ser único no site.
  2. Email (obrigatório): o endereço de e-mail do usuário. Cada endereço de e-mail deve ser único no site.
  3. Nome: o nome real do usuário (opcional).
  4. Sobrenome: o sobrenome real do usuário (opcional).
  5. Site: o site do usuário (opcional).
  6. Senha: (duas vezes, obrigatório) - crie uma senha para o usuário. A senha deve ter pelo menos sete caracteres. Para torná-la mais segura, use letras maiúsculas e minúsculas, números e símbolos como ! " ? $ % ^ & ).
  7. Enviar senha: marque para enviar esta senha para o novo usuário por email.
  8. Função: a função do usuário no site.

6. Mídia

O sistema do seu site conta com uma biblioteca de arquivos. Todos os arquivos que você subiu estão listados aqui na Biblioteca de Mídia, com o mais recente no topo

As mídias como áudio, vídeo e documentos podem ser inseridas diretamente na biblioteca ou através de páginas ou publicações. Os seguintes formatos são aceitos pelo WordPress:

  1. Imagem: .jpg, .jpeg, .png, .gif
  2. Documentos:.pdf .doc, .docx .ppt, .pptx, .pps, .ppsx .odt .xls, .xlsx
  3. Áudio: .mp3, .m4a, .ogg, .wav
  4. Vídeo: .mp4, .m4v (MPEG-4), .mov (QuickTime), .wmv (Windows Media Video), .avi, .mpg, .ogv (Ogg), .3gp (3GPP),.3g2 (3GPP2)

A tela abaixo mostra a interface da Biblioteca de Mídia.

12345Mídia
  1. Adicionar nova: abre a interface para subir arquivos.
  2. Todas as mídias: filtra a lista por tipo de mídia.
  3. Todas as datas: filtra as mídias pela data de cadastro.
  4. Seleção em massa: inicia o processo de seleção de várias mídias. Para apagar imagens, selecione as imagens desejadas e clique em Excluir selecionados.
  5. Pesquisar itens de mídia: caixa para pesquisa por nome, atributos ou legendas de arquivos cadastrados.

6.1. Adicionando uma nova mídia

Você poderá subir um arquivo de duas formas: poderá arrastar arquivos de seu computador até a caixa correspondente ou clicar em Selecionar Arquivos e escolher os arquivos que deseja.

Mídia

Depois de subir os arquivos, você poderá clicar em cima de cada um dos arquivos e fazer as alterações desejadas.

12345Mídia

Acima dos campos você poderá ver uma série de detalhes sobre o arquivo, como data do envio, tamanho do arquivo, dimensões etc.

  1. URL: este é o endereço online da imagem. Este campo não pode ser alterado, mas você poderá utilizar o link aqui descrito para abrir a imagem diretamente no navegador, ou enviar o link por e-mail.
  2. Título: altera o título da imagem. Procure colocar nomes e palavras próximas ou que referenciem o seu conteúdo.
  3. Legenda: altera a legenda da imagem (se o seu site possuir legendas em imagens).
  4. Descrição: altera a descrição da sua imagem (se o seu site possuir descrições em imagens).
  5. Editar Imagem: entra no modo de edição de imagem.
  6. O restante dos campos pode ser ignorado.

DICA: Procure alterar o nome de suas imagens antes de subi-las. Geralmente as imagens que saem de câmeras tem nomes como DSC00982.jpg. Renomeie-as para referenciar o seu conteúdo. Isto ajuda com a indexação em motores de busca e melhora o posicionamento do site.

6.2. Editando a Imagem

Ao clicar no botão Editar Imagem, você entrará no modo de edição de imagem.

1234Editando Imagens
  1. Barra de ícones: a barra do topo contém sete ícones com funcionalidades diferentes. O primeiro ícone recorta o pedaço selecionado da imagem; os dois seguintes giram a imagem em sentidos horário e anti-horários; os dois seguintes espelham a imagem verticalmente ou horizontalmente e os últimos dois desfazem ou refazem as últimas alterações da imagem.
  2. Redimensionar a Imagem: altera proporcionalmente a largura ou altura da imagem. Este recurso é indicado quando a imagem inserida no site é muito grande. Aqui você poderá digitar um novo tamanho para a imagem. Geralmente indicamos que as imagens do site não tenham mais do que 1600px de largura, para que o carregamento do site não fique muito demorado. Depois de escolher um novo tamanho, clique em Salvar.
  3. Salvar: salva as alterações feitas na imagem.
  4. Cancelar: cancela as alterações feitas na imagem.

8. Configurar Topo

Para acessar as configurações do topo, acesse o item lateral ImpactaFLEX.

AVISO: verifique se o seu site possui topo com telefone e horário de atendimento. Caso não possua você poderá ignorar este passo.

Topo ImpactaFLEX

Nesta seção os campos já contam com as instruções. Siga corretamente as indicações dos campos, preenchendo os campos de telefone conforme são mostrados na tela. Caso deseje, você poderá modificar o conteúdo da linha de atendimento.

Para salvar as modificações clique em Update

11. O Editor de Textos

O sistema possui uma poderosa ferramenta de edição de textos, possibilitando a você editar textos como quiser.

O editor estará presente em algumas das páginas e em todas as publicações do seu site.

Barra Lateral

Todas as ferramentas a seguir poderão ser utilizadas dentro do editor. Para aplicá-las basta selecionar o texto desejado com o mouse e clicar no ícone correspondente para aplicar o efeito.

  • Adicionar MídiaAdicionar mídia: adiciona uma mídia junto ao texto conforme explicado em Mídia
  • Tipo de TextoEstilo e texto: altera entre diversos estilos de cabeçalhos e parágrafos de texto.
  • NegritoNegrito: aplica o efeito de negrito ao texto.
  • Tipo de TextoItálico: aplica o efeito de itálico ao texto.
  • ListaLista: inicia ou cria uma nova lista.
  • Lista numeradaLista Numerada: inicia ou cria uma nova lista numerada.
  • CitaçãoCitação: cria um bloco de citação.
  • AlinhamentoAlinhamento à esquerda: alinha o texto à esquerda.
  • AlinhamentoAlinhamento ao centro: alinha o texto ao centro.
  • AlinhamentoAlinhamento à direita: alinha o texto à direita.
  • HiperlinkHiperlink: cria um novo hyperlink.
  • Quebrar HiperlinkQuebrar Hiperlink: retira o hiperlink do link selecionado.
  • Leia MaisLeia Mais: adiciona um “Leia Mais” ao texto.
  • Riscar TextoRiscar Texto: aplica o efeito de texto riscado ao texto.
  • Adicionar LinhaAdicionar Linha: adiciona uma linha de divisão ao texto.
  • Alterar CorAlterar Cor: altera entre diversas cores de texto.
  • Colar como textoColar como texto: cola o texto que estiver sendo copiado de outro local.
  • Apagar FormataçãoApagar Formatação: apaga a formatação do texto selecionado (utilize quando o texto colado de outro documento estiver com a formatação estranha).
  • Caractéres EspeciaiCaractéres Especiais: acessa o menu de caracteres especiais.
  • Indentar TextoIndentar Texto: indenta o texto à direita.
  • Remover IndentaçãoRemover Indentação: remove indentação do texto selecionado.
  • DesfazerDesfazer: desfaz a última alteração.
  • RefazerRefazer: refaz última alteração.
  • AtalhosAtalhos: mostra os atalhos de texto do teclado.

12. Criar/Editar Publicações

Publicações são conteúdos listados em ordem decrescente (do mais recente para o mais antigo) na página inicial ou na página de publicações. Normalmente essas publicações são para blogs e /ou artigos. Abaixo você vai aprender a criar e editar.

12.1. CRIANDO UMA NOVA PUBLICAÇÃO:

1 – No painel inicial, acesse a opção Posts > Todos os posts:

Barra Lateral

2 – Ao clicar em Todos os Posts você verá todos os publicações cadastradas em seu site, conforme mostra a imagem abaixo.

Para adicionar uma nova publicação clique em Adicionar novo

Barra Lateral 1 2 3 4 5
  1. Título do post: nesse primeiro campo será inserido o título da publicação.
  2. Editor de conteúdo do post: nesse campo serão colocados os textos da publicação.
  3. Tags do post: selecione a tag da sua publicação nesse campo, se houver.
  4. Categorias do post: selecione a categoria da sua publicação nesse campo, se houver.
  5. Publicar post: após realizar todos os processos de criação da publicação, clique no botão Públicar

12.2. Editando ou excluindo posts:

1 – Para editar ou excluir uma publicação em seu site, coloque o mouse sobre o conteúdo que você deseja modificar e verá as opções Editar (1) ou Colocar na Lixeira (2):

Barra Lateral

2 – Ao clicar em Editar, basta você preencher com novas informações os mesmos campos que se encontram na criação.

Barra Lateral

Ao final, para salvar as modificações clique no botão Atualizar.

13. Categorias de publicações

As categorias classificam as publicações. As categorias de publicações permitem a você criar diferentes áreas de um blog ou conteúdo, organizando e separando assuntos semelhantes em suas devidas categorias, tanto interna (área administrativa) quanto externamente (site). Abaixo você vai aprender a editar e criar categorias.

13.1. Gerenciando Categorias

1 – No painel lateral, acesse a opção Posts > Categorias (1):

Barra Lateral1

2 – Ao clicar em Categorias você verá as categorias cadastradas em seu site.

Barra Lateral

3 - Basicamente a página é divida em duas colunas: Adicionar Cadastro de categorias e Gerenciamento

Barra Lateral 1 2 3 4
  1. Adicionar nova categoria: na esquerda, estão os campos de preenchimento para criar uma nova categoria.
  2. Lista de categorias: na direita, é listado todas as categorias já criadas, mostrando informações como nome, descrição, slug e o número de posts existentes em cada categoria.
  3. Opções de cada categoria: coloque o cursor do mouse em cima da categoria para mostrar os links de ação como Editar, Edição Rápida, Excluir e Ver
  4. Barra de pesquisa na caixa de pesquisa acima é possível procurar por um post através de palavras ou frases que compõem o título do post.

13.2. Adicionar Nova Categoria

Barra Lateral 1 2 3 4 5
  1. Nome: é o título da categoria como vai aparecer em seu site (preenchimento obrigatório).
  2. Slug: é uma versão amigável do url (opcional).
  3. Pai: define uma hierarquia para a categoria. Exemplo: uma categoria (pai) chamada Notícias pode ter subcategorias como Tecnologia, Esporte, Cidadania etc. (opcional).
  4. Descrição: breve descrição da categoria (opcional).
  5. Botão adicionar nova categoria: vincula a categoria à publicação.

13.3. Tabela de Categorias

Barra Lateral 1 2 3 4
  1. Nome: nome da publicação criada.
  2. Descrição: breve descrição da categoria.
  3. Slug: slug ou url amigável da categoria.
  4. Contagem: exibe o número de publicações, em formato de link, existentes em cada categoria.

13.4. Edição Rápida

Barra Lateral 1 2 3 4
  1. Editar: clique para editar a categoria.
  2. Edição Rápida: clique para editar rapidamente alguns aspectos da categoria.
  3. Lixeira: exclui a categoria permanentemente.
  4. Ver: visualiza a categoria no site, listando as publicações cadastrados nela.

14. Criar/Editar páginas

Páginas são utilizadas para apresentar informações sobre você ou seu site. Você pode usar páginas para organizar e gerenciar qualquer quantidade de conteúdo. Em geral, as páginas são muito semelhantes a postagens porque que ambas têm títulos e conteúdos. Páginas, no entanto, têm várias distinções que as tornam bem diferente de Postagens.

14.1. CRIANDO UMA NOVA PÁGINA:

1 – No painel inicial, acesse a opção Páginas > todas as páginas (1):

1Barra Lateral

2 – Ao clicar em "Todas as páginas"c você verá todas as páginas cadastradas em seu site, conforme mostra a imagem abaixo.

Para adicionar uma nova página clique em Adicionar nova

Barra Lateral
1234Barra Lateral
  1. Título da página: nesse primeiro campo será inserido o título.
  2. Editor de conteúdo da página: nesse campo serão colocado os textos da página.
  3. Modelo da página selecione o modelo de página que deseja.
  4. Publicar página: após realizar todos os processos de criação da página clique no botão “Publicar”.

14.2. EDITANDO OU EXCLUINDO PÁGINAS:

1 – Para editar ou excluir páginas em seu site, coloque o mouse sobre o conteúdo que você deseja modificar e verá as opções Editar (1) ou Colocar na Lixeira (2)

Barra Lateral12

2 – Ao clicar em Editar, basta você preencher com novas informações os mesmos campos que se encontram na criação.

Barra Lateral1234
  • Título da página: nesse primeiro campo encontra-se o título da página que pode ser alterado
  • Editor de conteúdo da página: nesse campo fica o conteúdo escrito da página onde se pode excluir e editar o texto.
  • Modelo de página o modelo de página se necessário pode ser alterado.
  • Atualizar página: após realizar todos os processos de edição da página clique no botão Atualizar.

15. Modelos de páginas

Os modelos de página são opções que modificam a apresentação do conteúdo de uma página específica em seu site. Exemplo de páginas que utilizam o modelo de página: página de Contato, Galeria, Serviços etc.

Ao editar ou criar novas páginas é possível você selecionar o modelo de página disponível que deseja. Eles podem ser vistos conforme mostra a imagem abaixo:

Barra Lateral1

OBSERVAÇÃO: os Modelos de páginas são criados pelos desenvolvedores sem a hipótese de torná-las editáveis por exigir conhecimento técnico. Caso necessite de modelo personalizado além dos disponíveis, por favor entre em contato com a Impactamídia para atendê-lo.

15.1. Modelos de páginas e suas caracteristicas

Atualmente o painel administrativo é composto por 18 modelos de páginas ativos. Para aplicá-los basta você selecionar e preencher com o texto desejado. Segue abaixo uma explicação de cada um:

15.1.1. Modelo de Página - Modelo Padrão

O Modelo Padrão de página é o modelo mais básico de apresentação de conteúdo. Você não consegue criar uma disposição específica do conteúdo, mas este modelo possui o Editor de Textos que permite editar textos como quiser.

Barra Lateral1

Caso você precise relembrar como utilizar o editor de textos ou não tem absoluta certeza de como funciona, clique no botão a seguir: Editor de textos

15.1.2. Modelo de Página - 2 Colunas Horizontais

O Modelo 2 - Colunas Horizontais, assim como os demais modelos, possui uma boa descrição e estrutura de como os textos ficarão dispostos na página. Este modelo é composto por duas colunas, superior e inferior, ambas com o Editor de Textos.

Barra Lateral12

15.1.3. Modelo de Página - 2 Colunas Iguais

O Modelo 2 - Colunas Iguais é composto por duas colunas, esquerda e direita, ambas com o Editor de Textos.

Barra Lateral12

15.1.4. Modelo de Página - 2 Colunas com Frase

O Modelo 2 - Colunas com Frase é muito semelhante ao Modelo 2 Colunas Horizontais. Este modelo é composto por um campo de texto simples acima das colunas superior e inferior, ambas com o Editor de Textos.

Barra Lateral123

15.1.5. Modelo de Página - 2 Colunas com Imagem

O Modelo 2 Colunas com Imagem é muito semelhante ao Modelo 2 Colunas Horizontais. Este modelo é composto por duas colunas, uma superior com campo de imagem ao lado e inferior, ambas com o Editor de Textos.

Barra Lateral123

15.1.6. Modelo de Página - 4 Colunas

O Modelo 4 Colunas como o próprio nome diz é composto por quatro colunas, esquerda superior e inferior e direita superior e inferior, todas com o Editor de Textos.

Barra Lateral1234

15.1.7. Modelo de página - A Empresa

O Modelo de página - A Empresa é o modelo que explica a parte institucional do site e é divido em quatro colunas: A Empresa, Visão, Missão, Valores. Essa divisão pode variar entre sites.

Barra Lateral12
Barra Lateral345
  1. A Empresa: selecione a aba A Empresa.
  2. Editor de conteúdo: preencha o conteúdo com o texto sobre a empresa.
  3. Missão, Visão e Valores: selecione entre as abas "Missão, Visão e Valores".
  4. Título "Missão, Visão e Valores": Texto de Missão, Visão ou Valores
  5. Conteúdo "Missão, Visão e Valores": Conteúdos de "Missão, Visão e Valores"

15.1.8. Modelo de página - Contato

O "Modelo de página Contato" é o modelo que exibe as informações de contato do site e o formulário. Este é composto por duas colunas: Coluna Esquerda e Código do Formulário de contato.

Barra Lateral12
  1. Coluna Esquerda: preencha com o texto pré formulário e informações de contato.
  2. Código do Formulário de contato: aqui entra o código do formulário de contato, encontrado na guia ImpactaFLEX > Formulários de contato.

15.1.9. Modelo de página - Conteúdo e Galeria

O "Modelo de página - Conteúdo e Galeria" é o modelo que exibe os textos e uma galeria lateral. Este é composto por duas colunas: Coluna Esquerda e Galeria de imagens.

Barra Lateral12
  1. Coluna Esquerda: preencha com o conteúdo que desejar.
  2. Galeria de imagens: clique em Adicionar à galeria para colocar as fotos que deseja nesta área da página. Para adicionar as fotos siga os passos mostrados aqui.

15.1.10. Modelo de página - Criador de Blocos

O Modelo de página - Criador de Blocos é composto por cinco tipos de blocos que você pode adicionar ao longo da página. Você pode adicionar quantos blocos desejar. Abaixo temos o menu de acesso explicando cada um dos modelos.

Para adicionar um tipo de bloco clique no botão "Adicionar Novo Bloco"

Barra Lateral1

Coluna Inteira / Coluna Tela Inteira

O Modelo Coluna Inteira e Coluna Tela Inteira são modelos de bloco mais simples, contendo o Editor de texto e uma aba de configurações que permite a você ativar ou não a animação do bloco. A única diferença entre os dois é que o Modelo Colunas Tela Inteira ocupa toda a largura da tela no site.

Barra Lateral1
  1. Conteúdo: editor de conteúdo do bloco.

Coluna Dupla

O Modelo Coluna Dupla contém dois blocos de edição de conteúdo e uma aba de configurações que permite a animação das colunas e a escolha de proporção de cada uma delas.

Barra Lateral12
  1. Conteúdo: editor de conteúdo das colunas.

Coluna com Seletor

O Modelo Coluna com Seletor contém duas abas para edição de conteúdo e uma aba de configurações que permite a animação das colunas, escolha de proporção de cada uma delas e a inversão da ordem das colunas.

Barra Lateral1
Barra Lateral2
  1. Primeira Coluna: editor de conteúdo das colunas.
  2. Segunda Coluna: seleção do tipo de conteúdo. Imagem, Galeria ou Vídeo

Divisor

O Modelo Divisoré utilizado apenas para criar divisões entre os demais blocos de conteúdo. Ele contém apenas uma opção que é a de “Ativação da divisão”.

Barra Lateral

2 - Além dos tipos de blocos, existem as opções para organizar os blocos já criados, conforme mostrado abaixo:

Barra Lateral123
  1. Adicionar layout: adiconar um novo bloco acima do atual.
  2. Remover layout: remove o bloco atual.
  3. Comprimir/Expandir conteúdo: permite expandir ou esconder o conteúdo do bloco no editor.

OBSERVAÇÃO: você pode segurar e arrastar o bloco para cima ou para baixo, para alterar a ordem.

Configurações de colunas

Você pode fazer algumas configurações em suas colunas no “Modelo de página - Criador de Blocos”, como animações para destaque ao seus textos bem como a escolha de proporção e inversão de ordem da colunas. Com exceção do tipo de bloco “Divisor”, os outros blocos possuem a opção “Configurações”. Esta aba apresenta itens de configuração como: “Escolha a proporção”, “Inverter lado”, “Tipo de Animação”, “Atraso de animação” e “Duração da Animação”.

Barra Lateral12345
  1. Escolha a proporção: proporção entre as colunas. Por exemplo, 50% - 50% define que a largura total da tela seja dividida para ambas as colunas.
  2. Inverter lado: inverte a ordem das colunas.
  3. Tipo de animação: efeito da animação. Temos exemplos como “fade” (o bloco desliza da direção selecionada até sua posição de origem), “flip” (surge de seu próprio ponto de origem) e “zoom” (surge com um leve zoom de seu próprio ponto de origem).
  4. Atraso de animação: o tempo de atraso que a animação terá antes de iniciar. Este tempo é definido em milissegundos (ms), ou seja, 1 segundo equivale a 1000 milissegundos. Quanto maior o tempo de atraso, maior será o tempo para iniciar a animação. Faça os testes e escolha o tempo que você achar melhor.
  5. Duração da Animação: o tempo de duração da animação. Este tempo também é definido em milissegundos (ms), ou seja, 1 segundo equivale e 1000 milissegundos. Quanto maior o tempo de duração, maior será o tempo para finalizar a animação. Faça os testes e escolha o tempo que você achar melhor.

15.1.11. Modelo de página - F.A.Q

O “Modelo de página - F.A.Q.” é utilizado para mostrar perguntas e respostas. Ele é composto por três divisões: “Descrição da Página”, “Pergunta” e “Resposta”, sendo que estas duas últimas podem ser adicionadas quantas vezes necessário.

Barra Lateral1234
  1. Descrição da Página: preencha com o conteúdo que desejar.
  2. Adicionar Linha: clique em “Adicionar linha” para adicionar linhas de perguntas e respostas.
  3. Pergunta: preencha com o conteúdo da pergunta.
  4. Resposta: preencha com o conteúdo da resposta.

15.1.12. Modelo de página - Galeria

O “Modelo de página – Galeria” é bastante semelhante ao modelo “Conteúdo e Galeria”, porém um com uma breve descrição e a galeria logo após. Ele é composto por duas divisões: “Descrição da Galeria” e “Galeria de imagens”.

Barra Lateral12
  1. Descrição da Galeria: preencha com o conteúdo que desejar.
  2. Galeria de imagens: clique em “Adicionar à galeria” para colocar as fotos que deseja nesta área da página. Para adicionar as fotos siga os passos mostrados aqui.

15.1.13. Modelo de página - Home

O “Modelo de página Home” é o modelo de página principal do site. Ele é composto por três divisões: “Sobre nós”, “Destaques” e “Noticias”. Essa divisão pode variar entre sites.

Barra Lateral123456
  1. Sobre nós: título da primeira seção da página.
  2. Ativação: pode optar por ativar essa seção ou não.
  3. Título do texto: coloque o título do texto nessa seção.
  4. Editor do conteúdo da página: texto da seção
  5. link do botão saiba mais: botão Saiba mais clique no selecionar e selecione a página para qual será direcionada ao clicar no botão
  6. Publicar: após preencher todos os campos clique no botão Publicar

15.1.14. Modelo de página - Imagem e conteúdo com repetidor

O “Modelo de página - imagem e conteúdo com repetidor” basicamente cria linhas compostas dos campos Imagem e Conteúdo. O campo de Conteúdo é um Editor de Texto que permite a você formatar e customizar o texto.

Barra Lateral1234
  1. Imagem da seção: selecione a imagem que deseja colocar nesta seção.
  2. Editor do conteúdo da linha: texto da seção
  3. Adiconar Linha: clique neste botão para adicionar uma nova seção de conteúdo
  4. Publicar: após preencher todos os campos clique no botão Publicar

15.1.15. Modelo de página - Imagem e conteúdo com repetidor 2 por linha

O “Modelo de página - Imagem e conteúdo com repetidor 2 por linha” é bem semelhante ao “Modelo de página - Imagem e conteúdo com repetidor”. A diferença é que cada linha criada adiciona duas colunas compostas por “Imagem e Conteúdo” (Editor de Textos).

Barra Lateral123
  1. Imagem da seção: selecione a imagem que deseja colocar nesta seção.
  2. Editor do conteúdo da linha: texto da seção
  3. Adiconar Linha: clique neste botão para adicionar uma nova seção de conteúdo

15.1.16. Modelos de página - Notícias e Notícias Segundo

Os “Modelos de página – Notícias” e “Notícias Segundo” são semelhantes ao “Modelo de página Padrão” em sua estrutura, com apenas um editor de textos para descrição da página. Suas características só podem ser vistas no site, na forma de organizar suas Publicações.

Barra Lateral1

Observe abaixo exemplos de como estes modelos de página organizam as publicações no seu site:

Modelo de página - Notícias
Barra Lateral
Modelo de página - Notícias - Segundo
Barra Lateral
  1. Sobre nós: título da primeira seção da página.
  2. Ativação: pode optar por ativar essa seção ou não.
  3. Título do texto: coloque o título do texto nessa seção.
  4. Editor do conteúdo da página: texto da seção
  5. link do botão saiba mais: botão Saiba mais clique no selecionar e selecione a página para qual será direcionada ao clicar no botão
  6. Publicar: após preencher todos os campos clique no botão Publicar

15.1.17 Modelo de página - Sidebar

O “Modelo de página – Sidebar” é semelhante também ao “Modelo de página – Padrão” em sua estrutura com apenas um editor de textos para descrição da página. Sua característica é adicionar uma barra lateral ao lado direito da sua página no site. As informações da barra lateral podem ser editadas nas Configurações de Rodapé.

Barra Lateral

17. SEO

Caso você tenha contratado o serviço de SEO, você pode seguir os passos abaixo para alterar suas configurações de acordo com o que procura.

17.1. Aba Geral

1 – Clique em SEO > Search Appearance

2- Esta é a tela principal, onde você irá configurar o modelo de título do seu site. Ao acessar essa tela deixe a opção "Forçar a reescrita dos títulos" ativa. Logo abaixo você pode escolher o modelo de separador para usar no título. Obs.: essa opção é apenas visual e não irá impactar nos resultados de busca

3 - Por fim, clique em "Salvar alterações".

17.2. Aba Content Types

1- Aqui você terá a opção de configurar os modelos de título das páginas internas e de “Posts”. Caso o seu site não faça o uso de “Posts”, na opção “Show Posts in search results”, deixe como “Não”. Aqui você também pode definir a ordem do título das páginas. Por padrão utilize “Título - Separador - Site title”. Finalizando, clique em Salvar alterações

17.3. Configurando o SEO nas Páginas internas

1 - Na guia “Páginas”, selecione a página que deseja configurar o SEO e clique em “Editar”.

OBS.: para editar as opções mostradas abaixo, clique antes no botão “Editar amostra” (1)

1 - Título SEO: dentro do editor da página você terá uma caixa com o nome “Yoast SEO”. Aqui, clique em “Editar amostra” (1). Você pode editar novamente o padrão de título, mas nesse caso será aplicado apenas na página em questão, do contrário será mantido o que foi definido anteriormente nas configurações de “Content Type”.

2 - Meta descrição (2): aqui você vai digitar o texto de prévia que aparece quando a página for mostrada nos resultados do Google.

3 - Palavra-chave em foco (3): essa parte é muito importante para definir qual palavra chave vai remeter à página do site. Obs.: é importante que a palavra chave utilizada apareça ao menos uma vez no conteúdo da página, assim como na meta descrição.

18. CHAT

Na barra lateral, acesse a opção “Zendesk Chat” e depois “Launch Dashboard” no menu esquerdo.

Você será redirecionado ao painel de gerenciamento do chat:

Barra Lateral

Esta é a página principal do gerenciamento do chat:

  1. Página inicial: atendimento através do chat.
  2. Configurações: configurações do chat.

18.1. Atendendo pela chat

No painel da Zendesk, acesse a opção Visitantes.

  1. 1- Status: definir o status atual (Online/Ocupado/Invisível).
  2. 2- Visitantes: iniciar uma conversa com o visitante.

Barra Lateral

Barra Lateral

Barra Lateral

Barra Lateral