1
Manual de Utilização - CMS
Este manual visa complementar o treinamento prático in-loco realizado pela Interative Studio, dispondo sobre as características e funcionalidades da ferramenta.
2
Indice:
Assunto Pagina
Acesso - Area Administrativa ........................................................................................................................................................................................................ 01
Editando Paginas Institucionais .................................................................................................................................................................................................... 04
Inserindo & Editando Produtos .................................................................................................................................................................................................... 10
Inserindo & Editando Tratamentos .............................................................................................................................................................................................. 12
Inserindo& Editando Conteudo em Depoimentos........................................................................................................................................................................ 14
Inserindo& Editando Conteudo em Equipes ................................................................................................................................................................................ 15
Inserindo& Editando Banners....................................................................................................................................................................................................... 16
Postando Conteudo no Facebook ................................................................................................................................................................................................ 17
3
Acesso – Area Administrativa:
1 – link de acesso: http://drbitencourt.com.br/wp-admin
Nome de usuário: clinica
Senha: riqueza2013
Após realizar o login, a seguinte pagina aparecera:
4
2 - Editando Paginas Institucionais.
Para editar as paginas institucionais, basta seguir os passos abaixo:
Clique em Paginas -> Adicionar Nova, selecione a pagina desejada para edita-la, neste caso, A Clinica, após clique em editar (A opcao de editar
a pagina ira aparecer após passar o mouse pela pagina desejada)
5
Editando a pagina selecionada:
1 – Espaco reservado ao titulo, neste caso: A Clinica
2 – Espaco reservado para textos e imagens
1 - Titulo
2 – Textos e imagens
3 – Atualizar
3 – Figuras
6
3 – Inserindo Galeria de Imagens:
Solte as imagens na área destacada, conforme abaixo:
Após soltar as imagens, selecione com mouse a opção galeria, após clique em salvar todas as mudanças e atualizar as configurações da galeria
Solte os arquivos nesta area
5. Salvar todas as mudancas
5.1 Atualizar configurações da galeria
Galeria
4 - Adicione um titulo a imagem
4.1 Adicione uma descrição a imagem
7
4 / 4.1 – Adicionar um titulo e descrição a imagem correspondente ao conteúdo, otimiza a busca do seu site.
5 / 5.1 – Após Salvar as alterações (criar galeria ou editar), aparecerá como resultado final a seguinte imagem no site.
5. Abaixo, mostraremos como inserir uma imagem destacada.
5.1 Clique em Configurar Imagem destacada
8
5.3 Solte aqui a imagem que será destacada
5.4 Clique em Usar como imagem destacada
5.5 Clique em Salvar Tamanho: 435 x 290
5.2 Aparecerá a seguinte janela:
9
5.7 Salve as alteração clicando em atualizar 5.6 Imagem em destaque no painel administrativo
5.8 Visualizando conteúdo no site
10
Inserindo & Editando - Produtos
6 . Navegue ate o menu Produtos, clique em adicionar produto.
6.4 - Possibilita a escolha do tipo de produto, podendo selecionar mais de um, se for o caso.
6.5 – Possibilita a escolha do tipo de necessidade, caso aplique-se, poderá selecionar mais de um item.
6.1 Titulo do Produto
6.2 Descrição do Produto
6.3 Dados do Produto
6.4 Tipos de Produto
6.5 Tipos de Necessidade Local da Pele – ex.: rosto
Tipo de embalagem e tamanho.: ex.: Embalagem de 200 ml
Tipo de pele ou tratamento.: ex.: Ideal para todas as peles
11
6.6 – Configurando imagem destacada (imagem do produto).
Seguir conforme item 5, clicando em: Imagem destacada >> arrastando a imagem para o campo >> clicar em inserir imagem destacada >> salvar mudanças
Tamanho: 200x300 No Site
Atenção: Após estas atualizações ou edições é necessário clicar no botão ATUALIZAR, caso contrario as modificações não aparecerão no site.
12
Inserindo & Editando - Tratamentos
7. Inserir - Navegue ate o menu Tratamentos, clique em adicionar tratamento.
7.1 Editar - navegue até o menu tratamentos e clique na opção editar.
6.1 Titulo do Tratamento
6.2 Descrição do Tratamento
6.3 Dados Adicionais do Tratamento
Duração do tratamento – ex.: 2h 30min
Sub-titulo do tratamento.: ex.: Ultra-som (titulo) | Tratamento de gordura localizada
7.2 - Categoria pertencente
7.3 – Imagem Destacada
Tamanho: 300 x 195
13
7.2 – Categoria relacionada ao tratamento, podendo selecionar mais de uma opção.
7.3 – Imagem Destacada do Tratamento
Seguir conforme item 5, clicando em: Imagem destacada >> arrastando a imagem para o campo >> clicar em inserir imagem destacada >> salvar mudanças
Resultado no site
Após as alterações realizadas, clique em
atualizar.
14
Inserindo & Editando Conteudo em Depoimentos.
8 . Inserir - Navegue ate o menu Depoimentos, clique em adicionar depoimento.
8.1 Editar - navegue até o menu depoimentos e clique na opção editar.
8.2 Nome da Pessoa
8.3 Depoimento da Pessoa
8.4 Caso deseje adicionar empresa, agência, local ou cargo da pessoa
8.5 – Imagem Destacada
Tamanho: 65 x 86
15
Inserindo & Editando Conteudo em Equipes.
9 . Inserir - Navegue ate o menu Equipe, clique em adicionar colaborador.
9.1 Editar - navegue até o menu equipe e clique na opção editar.
9.2 Nome do Colaborador (a)
9.3 Formação do Colaborador (a)
9.4 Dados adicionais do Colaborador
9.5 – Imagem Destacada
Tamanho: 457 x 295
16
Inserindo & Editando Banners.
10 . Inserir - Navegue ate o menu Equipe, clique em adicionar colaborador
10.1 Editar - navegue até o menu equipe e clique na opção editar.
10.3 Titulo do Banner
10.4 Deixe em branco
10.5 Inserindo banner
10.6 Clique em Browser image e solte a imagem no campo indicado,
10.7 Clique inserir no post
10.8 – Imagem do banner
Tamanho: 930 x 300
17
Postando conteúdo no Facebook
11 – Primeiramente, é necessário realizar o login no facebook, ou através da área administrativa do site ou externamente.
Login: [email protected]
Senha: riqueza2013
11.1 – Login pela área administrativa.
Login pelo Facebook
Nota-se em todas as paginas esta opção de conectar ao Facebook, quando não autenticado pelo site do Facebook, basta clicar e esperar abrir a janela de login, adicionando os dados supra citados.
Após o Login, aparecerá a seguinte imagem no lugar do facebook, para publicar o conteúdo das paginas, basta-se clicar em publish to facebook fan page, e o conteudo será publicado na fan page da clinica
18