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.
1
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
2
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:
3
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)
4
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 – Figuras
3 – Atualizar
5
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
Galeria
Solte os arquivos nesta area
5. Salvar todas as mudancas
4 - Adicione um titulo a imagem
4.1 Adicione uma descrição a imagem
5.1 Atualizar configurações da galeria
6
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
7
8. 5.2 Aparecerá a seguinte janela:
5.3 Solte aqui a imagem que será destacada
5.4 Clique em Usar como imagem destacada
Tamanho: 435 x 290
5.5 Clique em Salvar
8
9. 5.6 Imagem em destaque no painel administrativo 5.7 Salve as alteração clicando em atualizar
5.8 Visualizando conteúdo no site
9
10. Inserindo & Editando - Produtos
6 . Navegue ate o menu Produtos, clique em adicionar produto.
6.1 Titulo do Produto
6.2 Descrição do Produto
6.4 Tipos de Produto
6.3 Dados do Produto
Local da Pele – ex.: rosto 6.5 Tipos de Necessidade
Tipo de embalagem e tamanho.: ex.: Embalagem de 200 ml
Tipo de pele ou tratamento.: ex.: Ideal para todas as peles
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.
10
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.
11
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
7.2 - Categoria pertencente
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.3 – Imagem Destacada
Tamanho: 300 x 195
12
13. 7.2 – Categoria relacionada ao tratamento, podendo selecionar mais de uma opção.
Após as alterações
7.3 – Imagem Destacada do Tratamento
realizadas, clique em
atualizar.
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
13
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
14
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
15
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.8 – Imagem do banner
Tamanho: 930 x 300
10.5 Inserindo banner
10.6 Clique em Browser image e solte a imagem no campo indicado,
10.7 Clique inserir no post
16
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: drbitencourt@gmail.com
Login pelo Facebook
Senha: riqueza2013
11.1 – Login pela área administrativa.
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
17