Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

Transcrição

1 Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

2 PÁGINA: 2 de 21 Nenhuma parte deste documento pode ser utilizado ou reproduzido, em qualquer meio ou forma, seja mecânico ou eletrônico, fotocópia, gravação, ou outros, sem autorização, prévia, expressa e específica da Agênciadigital Marketing e Tecnologia ADMT. Todos os direitos reservados. 2

3 PÁGINA: 3 de Objetivos Descrever os passos para a utilização do ADMT WCM de forma simples e funcional. Demonstrar fluxos e melhores práticas para publicação e/ou manutenção de conteúdos no site. 2. Acessando o ADMT WCM Para você acessar o ADMT WCM proceda da seguinte maneira: 2.1) Utilizando o seu navegador, digite o endereço principal do seu site acrescido de /wcm no final e pressione a tecla Enter. Veja no exemplo abaixo: 2.2) Após alguns segundos será exibida a janela Entrar no Sistema, conforme a figura a seguir: 2.3) Informe o seu Nome do Usuário, sua respectiva Senha e clique no botão Entrar. 2.4) Pronto. Você já pode começar a utilizar o ADMT WCM. 3

4 PÁGINA: 4 de ) Na imagem a seguir podemos observar a tela de abertura do ADMT WCM. Os ícones localizados na barra lateral esquerda, podem variar conforme as funcionalidades ativas no seu site. 4

5 PÁGINA: 5 de Cadastrando Pessoas (Jurídicas/Físicas) O cadastro de pessoas possui todas as pessoas que irão utilizar o ADMT WCM e o site. 3.1) Clique no menu superior Administração > Pessoas, será exibida a janela Pessoas, conforme a figura a seguir: 3.2) Clique no botão +Pessoa para adicionar uma nova pessoa que pode ser tanto física, quanto jurídica. 3.3) Em seguida, em uma nova janela, serão solicitados os dados referentes ao Grupo e Tipo de pessoa que está sendo cadastrada. Os Grupos básicos são Gerenciador e Website. Obs.: Pessoas cadastradas no grupo Gerenciador têm acesso ao WCM para promover alterações no conteúdo do site, já as pessoas cadastradas no grupo Website têm acesso à áreas protegidas por login e senha através do site. Tipo separa as pessoas cadastradas em Físicas ou Jurídicas. 3.4) Clique no botão Salvar e em seguida serão habilitadas as abas para cadastro de Endereços e Telefone. 5

6 PÁGINA: 6 de Cadastrando Grupos de Usuários e Usuários Os grupos de usuários e usuários que possuem permissão para utilizar o ADMT WCM, serão as pessoas que irão gerenciar o seu site. 4.1) Clique no menu superior Administração > Grupos e Usuários, será exibida a janela Grupos e Usuários, conforme a figura a seguir: 4.2) Clique no botão Adicionar grupo, para adicionar Grupos de Usuários. Estes grupos servem para uma melhor organização dos usuários cadastrados. 4.3) Selecione o grupo de usuários no qual você deseja adicionar um novo membro e clique no botão Adicionar Usuário. A janela a seguir será exibida na tela. 6

7 PÁGINA: 7 de ) No campo Pessoa, selecione uma Pessoa cadastrada (ver Item 3 - Cadastrando Pessoas). Clique no botão Zoom (imagem da lupa) para procurar pessoas já cadastradas. 4.5) No campo , deve ser informado um válido, para o qual serão enviados os dados de acesso ao sistema. 4.6) Para que o usuário possa acessar o sistema é necessário que a opção Sim do campo Ativo esteja marcada. Caso contrário seu acesso será negado. 4.7) Em seguida acesse a aba Acesso ao Sistema e informe o Nome de Usuário e Senha de acesso. 4.8) Clique no botão Salvar. O usuário está cadastrado e pronto para acessar o sistema. 7

8 PÁGINA: 8 de Cadastro de Imagens e Documentos As imagens e documentos que serão utilizados nas seções/páginas necessitam ser inseridas no sistema através do cadastro de diretórios e arquivos. 5.1) Clique no menu superior Administração > Arquivos, será exibida a janela Arquivos, conforme a figura a seguir: 5.2) Os diretórios tem por objetivo organizar os arquivos enviados, facilitando localizá-los posteriormente no sistema. Para adicionar um novo diretório, basta clicar no botão Diretório e em seguida preencher o Nome do diretório e clicar no botão Salvar, conforme a imagem a seguir. 5.3) Selecione o diretório para onde deseja enviar o arquivo, ele ficará marcado com uma barra na cor azul. Depois clique no botão Arquivo e será exibida a janela Adicionar arquivos para o servidor, conforme a figura a seguir. Clique em Adicionar para carregar um ou mais arquivos em seu computador. 8

9 PÁGINA: 9 de ) Após selecionar os arquivos clique em Enviar para que eles fiquem disponíveis no WCM. 9

10 PÁGINA: 10 de Cadastro de Páginas As páginas que serão exibidas no site serão cadastradas no sistema através do cadastro de páginas. Elas são a estrutura do seu site e são responsáveis pela montagem do menu. 6.1) Clique no menu superior Website > Páginas ou utilize o atalho Modificar Páginas no menu lateral esquerdo, será exibida a janela Administrar Páginas, conforme a imagem a seguir. 6.2) Nesta janela o usuário deve selecionar onde será adicionada a nova página. Clique no botão +Adicionar, para abrir a janela Adicionar página, conforme a figura a seguir. 10

11 PÁGINA: 11 de ) Campo Imagem Principal: O usuário pode selecionar uma Imagem para ser exibida na Página, conforme a definição do layout. Este não é um campo de preenchimento obrigatório. 6.4) Campo Titulo do Navegador: Preencher uma identificação para a página, esta será exibida na barra de identificação da janela do navegador e é muito importante para otimização do site para buscadores. 6.5) Campo Título de Conteúdo: Preencher o título do conteúdo da página. Esse campo defini o H1 da página que também é muito importante para a otimização do site para buscadores. 6.6) Campo URL amigável: É o nome visível na navegação. Esta prática auxilia os mecanismos de busca a indexar os conteúdos do site. Por exemplo: 6.7) Campo Nome do menu: Será exibido no menu do site. 6.8) Campo Descrição (SEO): Permanece oculto ao visitante do site, porém auxilia a indexação de mecanismos de busca. 6.9) Campo Palavras-chave (SEO): Permanece oculto ao visitante do site, porém auxilia a indexação de mecanismos de busca. 6.10) Para que a seção tenha seu acesso restrito apenas aos usuários cadastrados, o campo Acesso restrito deverá estar com a opção Sim marcada. 11

12 PÁGINA: 12 de ) Para que a seção fique visível para os visitantes do site é necessário que a opção Sim do campo Ativo esteja marcada. Caso contrário ela não ficará visível no site. 6.12) Em seguida clique no botão Salvar, para que o cadastro da nova página seja confirmado. 6.13) Após a confirmação a nova página está criada. O título da janela passará de Adicionar página para Modificar página e as outras abas da janela estarão disponíveis para edição. 6.14) Na aba Página Relacionada, ao clicar no botão Adicionar, será permitido relacionar seções/páginas à nova página que está sendo criada/editada. Através do relacionamento de páginas o visitante do site tem a navegação facilitada pela exibição de uma lista de outras páginas que abordam temas semelhantes. 6.15) Na aba Arquivo, ao clicar no botão Adicionar será permitido anexar arquivos para download às páginas, com a finalidade de complementar o conteúdo nela exibido. Na janela Selecionar arquivo, conforme a figura a seguir, selecione o arquivo e clique no botão Selecionar. 6.16) Na aba Galeria de imagem, ao clicar no botão Adicionar será permitido anexar galerias compostas por diversas imagens, com a finalidade de complementar o conteúdo e tornar e experiência do visitante mais visual. 12

13 PÁGINA: 13 de ) Na aba Banner, quando clicar no botão +Banner será permitido ao usuário anexar banners na página, quando houverem áreas de banners disponíveis. 6.18) Na aba Conteúdo, clique no botão Adicionar, para cadastrar conteúdos textuais à seção/página cadastrada, como na figura a seguir: 13

14 PÁGINA: 14 de ) Na janela exibida a seguir, informe um título para o conteúdo que será adicionado. O título informado é somente para uso interno e não será exibido no site, a não ser quando houver alguma customização específica. 6.20) Em seguida clique no botão Editar Conteúdo e será exibido o editor de conteúdo. 6.21) Após digitar o conteúdo da página, clique no X (fechar) localizado no canto superior direito do editor de conteúdo para fechá-lo e em seguida clique no botão Salvar. 14

15 PÁGINA: 15 de Adicionar Banner 7.1) Para adicionar um banner, clique no menu superior Website e clique na opção Banners. 7.2) A janela Administrar banners se abrirá. Clique no botão +Adicionar. 7.3) A janela Adicionar banner se abrirá. Nesta janela aparecerão os seguintes campos para preenchimento: 15

16 PÁGINA: 16 de ) O campo Código será preenchido automaticamente. 7.5) No campo Arquivo, o usuário deve selecionar o arquivo de imagem (nos formatos JPG, GIF, PNG) que se será utilizado como banner. 7.6) No campo Nome, será preenchido o nome do banner. 16

17 PÁGINA: 17 de ) No campo Descrição, pode ser preenchida uma descrição para facilitar a identificação posterior do banner dentro do WCM. Essa informação não ficará acessível aos visitantes do site. 7.8) No campo Link, será preenchido o endereço destino do banner. 7.9) No campo Tipo de link, deve ser selecionada a opção Interno ou Externo. Um link interno remete o visitante para páginas do próprio site, já um link externo remete para páginas de outros sites. 7.10) No campo Largura, será preenchido quanto mede a largura do banner em pixels. Informe 0 (zero), quando não souber o tamanho do banner. 7.11) No campo Altura, será preenchido quanto mede a altura do banner em pixels. Informe 0 (zero), quando não souber o tamanho do banner. 7.12) Para que o banner fique disponível no site, é necessário que seja selecionada a opção Sim do campo Ativo. 7.13) Após esse processo, clique em Salvar para que as modificações sejam registradas. 17

18 PÁGINA: 18 de Adicionar Galeria de Imagem 8.1) Para adicionar um banner, clique no menu superior Website e clique na opção Galeria de imagens. 8.2) A janela Galeria se abrirá. Clique no botão +Galeria. 18

19 PÁGINA: 19 de ) A janela Cadastro de galerias se abrirá. Nesta janela aparecerão os seguintes campos para preenchimento: 8.4) O campo Código será preenchido automaticamente. 8.5) No campo Nome, será preenchido o nome da galeria de imagens. 8.6) No campo Descrição, pode ser preenchida uma descrição da galeria de imagem que ficará acessível aos visitantes do site, caso esteja previsto no layout. Este não é um campo de preenchimento obrigatório. 19

20 PÁGINA: 20 de ) Após esse processo, clique em Salvar para que as modificações sejam registradas e habilitar a aba Galeria de fotos. 8.8) Na aba Galeria de fotos, clique em Enviar foto(s) e será exibida a janela Adicionar arquivos para o servidor, conforme a figura a seguir. Clique em Adicionar para carregar um ou mais arquivos em seu computador. 8.9) Após selecionar os arquivos clique em Enviar para que eles fiquem disponíveis na galeria de imagens. 20

21 PÁGINA: 21 de ) Para cadastrar a imagem principal da galeria, selecione a imagem que deseja e clique no botão Principal. Caso esteja previsto no layout esta será a imagem que será exibida como imagem principal da galeria. 8.11) Para cadastrar a descrição da imagem, selecione a imagem e clique no botão Descrição. Nesta janela aparecerão os seguintes campos para preenchimento: 8.12) O campo Código será preenchido automaticamente. 8.13) No campo Descrição, pode ser preenchida uma descrição da imagem que ficará acessível aos visitantes do site, caso esteja previsto no layout. Este não é um campo de preenchimento obrigatório. 21