Site Instantâneo Manual de Administrador do Sistema de Gestão de Conteúdos

Site Instantâneo Manual de Administrador do Sistema de Gestão de Conteúdos Guia de utilização e boas práticas de gestão de contéudos 2013

ÍNDICE Apresentação /// 4 1. Início 1.1 Acesso ao seu site /// 5 1.2 Publicação e Manutenção do Site /// 6 2. Password 2.1 Alterar Password /// 7 2.1.1 E-mail de recuperação /// 7 3. Conta 3.1 Dados Pessoais /// 8 3.1.1 Preenchimento dos dados /// 8 3.1.2 Publicação conteúdos Facebook / Twitter /// 8 4. Site 4.1 Configurações gerais do seu Site /// 9 4.1.1 Inserção de Conteúdos (Resumo) /// 9 4.2 Configurações: Aparência e Otimização /// 10 4.2.1 Aparência /// 10 4.2.2 Otimização /// 11 4.3 Configuração de Páginas /// 12 4.4 Quadro de elementos para os conteúdos /// 12 4.5 Módulos /// 13 4.5.1 Loja Eletrónica /// 13 4.5.2 Galeria de Imagens /// 16 2013 /// 2 31

4.5.3 Newsletter /// 18 5. Apoio 5.1 Base de dados de ajuda /// 21 5.2 Live Chat /// 22 6. Construção do seu Site 6.1 Introdução /// 22 6.1.1 Título e Texto /// 23 6.1.2 Imagens /// 24 6.1.3 Botões /// 24 6.1.4 Flash /// 25 6.1.5 Formulários /// 26 6.1.6 Caixas /// 27 6.1.7 Logotipo /// 27 6.1.8 Mapas /// 28 6.1.9 Vídeo /// 29 6.2 Módulo de Newsletter /// 30 6.3 Informação para todos os módulos /// 30 6.3.1 Módulo Galeria /// 30 6.3.2 Módulo Loja /// 31 6.3.3 Línguas /// 31 7. Número de Apoio 7.1 Para mais informações /// 31 2013 /// 3 31

Apresentação A partir do sistema de gestão de conteúdos poderá editar e personalizar o conteúdo do modelo escolhido, a seu gosto e de acordo com as necessidades comunicacionais da sua empresa ou negócio. Siga os passos indicados para começar a personalizar o seu site. 2013 /// 4 31

1. Início Na experiência de utilização do Sistema de Gestão de Conteúdos poderá ver o símbolo. Ao carregar no símbolo abrir-se-á automaticamente uma janela com a informação disponível na base de dados de ajuda relacionada com a secção em que se encontra. No entanto, para sua comodidade, reunimos todos os tópicos de ajuda da nossa base de dados para que possa consultar livremente. Fig. 1 1.1 - Em Início (Fig.1), pode aceder à página inicial do Sistema de Gestão de Conteúdos ou terminar a sua sessão no mesmo simplesmente carregando em sair. Mais abaixo (na Fig.2), tem o resumo do Sistema de Gestão de Conteúdos com todas as opções disponíveis: Fig.2 2013 /// 5 31

1.2 Quando adquire o seu site, por ainda não ter conteúdos, é colocado automaticamente um marcador apenas com indicação Site em Manutenção. Assim que terminar de inserir os conteúdos deverá carregar no botão para que os conteúdos introduzidos fiquem visíveis. Sempre que atualizar os conteúdos da sua página, deverá novamente carregar no botão. Isto permite-lhe testar e alterar livremente os conteúdos sem que os utilizadores do seu site se apercebam, e publicá-los apenas quando desejar. Caso as alterações que efetuou não sejam do seu agrado poderá sempre importar novamente a última versão que tem disponível online, tendo para isso de carregar no botão. Importante: Se ainda não tiver feito a primeira publicação, não deverá carregar em. Para voltar ao marcador Site em Manutenção com a indicação que a página estará brevemente disponível deverá aceder a Site > Gestão de Conteúdos (Fig.3) > Configurações (Fig.4) > Colocar o site em manutenção (Fig.5). Fig.3 Fig.4 Fig.5 2013 /// 6 31

2. Password 2.1 Alterar Password (Fig.6): As passwords têm o mínimo de 5 caracteres. Guarde a sua password num local seguro. Idealmente não deverá guardar no seu computador, sendo que o mais indicado será escrever a password num papel. Recomendamos que use passwords mistas com letras (a-z) algarismos (0-9) e símbolos. O nível de segurança da sua palavra-chave é mais elevado quanto mais caracteres tiver e quão mais diversificada for. Evite repetir caracteres na password. Fig.6 2.1.1 E-mail de recuperação: Caso esqueça a password ou a perca, só será possível o envio automático de uma nova caso indique um e-mail alternativo para o envio da mesma (Fig.6). Fig.7 Idealmente deverá indicar um e-mail de outro domínio (ex: @gmail.com, @sapo.pt) para que não fique dependente do acesso a este mesmo painel de controlo, impossibilitando assim o acesso à nova password. 2013 /// 7 31

3. Conta 3.1 Dados pessoais (Fig.8 e 9): 3.1.1 O Sistema de Gestão de Conteúdos reúne os seus dados pessoais para efeitos de suporte ao cliente. Manter os mesmos atualizados é de extraordinária importância. O seu número de contribuinte é também usado como identificador de cliente. Se desejar contatar o nosso Serviço de Assistência Técnica, garanta que o mesmo está atualizado de forma a que possamos mais rapidamente esclarecer as suas questões. Fig.8 Fig.9 3.1.2 O Sistema de Gestão de Conteúdos permite a atualização automática de novos conteúdos publicados diretamente na sua conta de Facebook e Twitter. Para o efeito, é necessário autorizar a(s) suas contas em Conta > facebook/twitter (Fig.8). 2013 /// 8 31

4. Site 4.1 Configurações gerais do seu Site Fig.10 4.1.1 Como já mencionado no ponto 1.2, na Gestão de Conteúdos pode sempre alterar o seu site, atribuir-lhe um título e colocá-lo em manutenção (Fig. 4 e 5). Neste ponto explicamos como inserir os conteúdos assim como alterá-los, personalizando ao seu gosto. Depois de clicar em Site > Gestão de Conteúdos, deparar-se-à com o seu site, ladeado por várias funcionalidades que vão ajudar a construir o seu site à sua medida (Fig.11). Importante! Na parte final deste Manual (no ponto 6 Construção o seu Site, haverá uma explicação mais detalhada sobre como proceder nesta fase). Fig.11 2013 /// 9 31

Mais em baixo, encontra as opções Configurações e Páginas (Fig.12). Fig.12 4.2 - Nas Configurações, além do já visto em 1.2, existem as seguintes opções: A Aparência e a Otimização. 4.2.1 Aparência (Fig.13): Fig.13 2013 /// 10 31

Para alterar a côr de fundo da sua página, pode seleccionar na gama de cores que disponibilizamos ou, caso conheça, inserir o código RGB da côr pretendida (Fig.13). Em alternativa pode adicionar uma imagem. Cabeçalho - Todas as páginas tem uma imagem de cabeçalho decorativa. Caso pretenda alterar a mesma poderá fazê-lo submetendo uma imagem nova (Fig.13). A nova imagem deve obedecer ao tamanho ideal da imagem indicado. Não se esqueça de Confirmar no fim. 4.2.2 Otimização (Fig.14): Quando queremos procurar algo na internet o mais comum é utilizar um motor de busca (ex: google, sapo). Os motores de busca, para compreenderem o que cada página tem, utilizam essencialmente dois métodos: 1. Leitura de todo o conteúdo da sua página (daí ser importante ter sempre uma página completa) 2. Leitura de informação meta. A informação meta é a descrição do seu site e as palavras-chave (termos de pesquisa) com eles associadas. A descrição do seu site deverá ser o mais direta e concisa descrevendo o conteúdo do site e não o site em si. As palavras-chave deverão ser os termos que deseja que o seu site apareça quando pesquisadas. (NOTA: preencher este campo não garante melhor posicionamento nos motores de busca). Fig.14 2013 /// 11 31

4.3 Ao lado das Configurações, aparece a opção Páginas. Esta opção é um configurador de páginas que lhe permite de uma forma simples manter a sua presença na internet organizada. Aqui poderá configurar o menu do seu site e os sub-menus (2 níveis). Para criar uma nova página carregue em "Adicionar". Uma nova página em branco é criada automaticamente. A nova página é criada como um separador de menu. Para fazê-la um sub-menu basta que a arraste ligeiramente para a direita. Caso deseje que a nova página não apareça como item de menu deverá remover o visto que antecede o nome da página. Sub-menu Fig.15 4.4 Para construir as restantes áreas do seu site, no lado lado esquerdo da página existem inúmeras funcionalidades para criação de conteúdos (quadro já visto na figura 11 e que destacamos na figura 16, na próxima página). 2013 /// 12 31

Basta selecionar a funcionalidade pretendida e arrastá-la para a respetiva área do site, na página que desejar (ver ponto 6 no final do Manual). Além de poder escolher títulos, textos, imagens, botões, etc, pode também optar por adicionar módulos adicionais, tais como a Loja Eletrónica, Galeria de imagens e Newsletter. Vá a Gestão de Módulos (Fig.17 e 18), e faça a sua opção, clicando em pretendida. na área Fig.17 Fig.16 Fig.18 4.5 Módulos: 4.5.1 Loja Eletrónica: Na gestão da sua loja eletrónica poderá ver a aparência da mesma, ou seja a forma como os seus produtos aparecem listados na sua página. Para adicionar uma loja ao seu site, deve arrastar o modulo Loja para a área pretendida no site. Automaticamente será criado um ícone de carrinho de compras. 2013 /// 13 31

Antes de configurar a loja é necessário definir qual o menu que ficará associado à sua loja (Fig.19). Pode previamente criar um menu Loja (ver ponto 4.3). Fig.19 De seguida, e antes de começar a vender na web, necessita de: 1. Configurar um dos três métodos de pagamento disponíveis (Transferência Bancária, PayPal, Vale Postal CTT) em Configuração > Pagamentos (Fig.20). Fig.20 2013 /// 14 31

2. Configurar uma ou mais categorias de produtos, em Configuração > Categorias (Fig.21). Fig.21 3. Configurar um email para recepção das respostas dos seus clientes às notificações da loja, em Configuração > Email (Fig.22). Fig.22 2013 /// 15 31

4. Inserir produtos na sua loja, em Produtos > Adicionar (Fig.23). Fig.23 4.5.2 Galeria de Imagens: de uma forma simplificada, as galerias permitem-lhe apresentar um grande número de imagens aos utilizadores do seu site (Figs. 24 e 25). No separador Galeria pode atribuir título à(s) sua(s) galeria(s), definir o tamanho (em píxeis) das miniaturas (no seu site as imagens aparecem em grelha e são apresentadas miniaturas) e definir quantas linhas e colunas de minituras deseja que a(s) galeria(s) apresente(m). No separador Nova/Editar carregue novas fotos. Fig.24 2013 /// 16 31

Arrastar ficheiro para esta área Fig.25 Em Nova/Editar (Fig. 25), pode carregar as imagens que deseja, arrastando um ficheiro de imagem para o respetivo campo ou procurar a imagem no seu computador e submeter pelo botão Dê um título à Imagem: quando um utilizador do seu site carrega em alguma das miniaturas a imagem é apresentada com o título no rodapé. No separador Imagens (Fig. 26), pode editar o Título da Imagem ou apagá-la. Fig.26 2013 /// 17 31

4.5.3 Newsletter: poderá ter uma visão rápida do alcance das newsletters que envia do seu site. No quadro da Figura 27 constam os seguintes dados: Total de subscritores: lista o número total de subscritores existentes, ativos e inativos. Ativos: subscritores que receberem a sua newsletter cada vez que a envia e não desejam ser removidos do envio. Inativos: subscritores que receberam a sua newsletter e desejaram ser removidos da lista de envio. Note que é ilegal voltar a enviar conteúdos a estes subscritores. Para adicionar novos subscritores à sua Newsletter escolha a opção "Subscritores" no menu lateral esquerdo (Fig. 28). Se deseja criar uma nova newsletter para enviar para o seus subscritores ativos carregue em "Envio" no menu lateral esquerdo e depois no botão "Criar Nova". Nota: Antes de criar uma newsletter nova deverá aceder a configurações preencher o e-mail e password do qual deseja enviar a newsletter. Para aceder a opções avançadas do seu sistema de newsletter escolha "Configurações" no menu lateral esquerdo. Fig.27 Fig.28 2013 /// 18 31

De acordo com a figura 28 poderá inserir os endereços dos subscritores que deseja que recebam a sua newsletter. Os visitantes que subscrevam a newsletter através da sua página serão automaticamente adicionados à sua lista. Tem à sua disposição duas formas de adicionar subscritores: 1. Através da caixa de texto presente na página inserindo apenas um e-mail de cada vez. 2. Submeter no sistema um ficheiro com a extensão ".txt", contendo apenas um endereço por linha (ex: endereço1@gmail.com). Os ficheiros.txt são ficheiros criados em softwares de texto básicos, criados por exemplo no Bloco de Notas do "Windows". Caso deseje deixar de enviar a newsletter para um subscritor em específico deverá preencher o e- mail do subscritor na última caixa de texto presente na página. Para criar e enviar Newsletters (Fig. 29): Fig.29 2013 /// 19 31

Para criar uma nova newsletter carregue no botão "Criar nova" (Fig. 29) sendo-lhe apresentadas as opções de envio. Em baixo desta opção, poderá ver o histórico de newsletters enviadas, assim como a data de envio e o número de subscritores. Para mais informações acerca da newsletter enviada carregue no título da mesma. Veja agora o quadro para a criação da nova Newsletter (Fig. 30): Teste Fig.30 Preencha o título da newsletter que será o assunto do e-mail que os subscritores irão receber. O Corpo da Mensagem será o conteúdo que o e-mail terá. Envio TESTE: Recomendamos sempre que faça uma newsletter, proceda a um envio teste para verificar que o resultado final da sua newsletter é o que pretende. Os vários leitores de e-mail (webmails, Microsoft Outlook, Thunderbird, etc ) interpretam e-mails de forma diferente, pelo que deverá tentar ler o e-mail no teste, no máximo de suportes que tiver à sua disposição. No quadro das Configurações das Newsletters (Fig. 31) é-lhe dada a possibilidade de configurar o envio da newsletter. Deverá escolher qual o e-mail através do qual deseja enviar a newsletter, assim como o nome do remetente. Deverá utilizar um e-mail dedicado ao efeito e não um e-mail 2013 /// 20 31

criado para outra utilização, de modo a canalizar as notificações relativas à newsletter para esse endereço específico. Se utilizar outro e-mail não dedicado, o envio de mensagens de e-mail fora do sistema da newsletter, poderá ser menos célere. Defina também o nome de remetente para o e-mail: este é o nome que identifica quem enviou a mensagem (Ex: Newsletter semanal da "nome da sua empresa"). Fig.31 5. Apoio 5.1 Base de dados de ajuda: Como foi referido no início deste Manual, poderá ver, em toda a navegação no Backoffice, um ponto de interrogação que o ajudará a entender com mais facilidade todas as funcionalidades do mesmo. Fig.32 Se clicar em Apoio e Base de dados de ajuda, encontra numa janela todos esses tópicos de ajuda compilados, para que os possa consultar livremente. Poderá notar que o separador supro nessa janela é igual ao menu do sistema de gestão de conteúdos. Navegue pela base de dados e encontre os métodos de utilização e explicações do que cada secção do sistema de gestão de conteúdos contempla. 2013 /// 21 31

Fig.33 5.2 Tem ainda ao seu dispor um sistema de Live Chat (disponível em dias úteis das 09h às 18h) para poder contatar online um operador e obter assistência técnica em tempo real e sem sair da sua sessão de gestão de conteúdos. 6. Construindo o seu site 6.1 Como já foi referido no ponto 4, para construir o seu site aceda às configurações (ponto 4.2) para alterar o fundo, definir a sua aparência, dar-lhe um nome e optimizá-lo. De seguida defina as páginas (ponto 4.3). Depois de ter estas definições escolhidas chegou a hora de se dedicar aos conteúdos propriamente ditos. Como já foi mencionado no ponto 4.4, existe um quadro no lado esquerdo do seu site com inúmeros elementos, que pode usar para o construir ao seu gosto. A técnica será sempre a mesma: clique num elemento de cada vez e arraste-o com o rato para dentro do seu site. 2013 /// 22 31

6.1.1 Seguindo a ordem exposta na barra, comecemos pelo Título e pelo Texto. Depois de arrastar qualquer um dos elementos, clique duas vezes em cima destes e uma barra com várias opções aparecerá em baixo (Fig. 34). Fig.34 Esta barra permite-lhe formatar o texto. Pode justificá-lo, alterar a fonte, o seu tamanho, a sua côr, etc, e pode usar a funcionalidade "Link" para transformá-lo em hiperligação e escolher a página para a qual deseja que utilizador seja encaminhado após clicar nesta. No fim, é só premir "aceitar" para as novas opções surtirem efeito. Se desejar eliminar o conteúdo, basta passar com o rato por cima desse elemento e automaticamente surgirá o símbolo no canto superior direito. Ao clicar neste, aparecerá um quadro (Fig. 36) com a opção para eliminar esse componente. Fig. 35 Fig. 36 2013 /// 23 31

6.1.2 Imagens. Ao arrastar o elemento Imagem, aparecerá uma barra em baixo (Fig. 37) com a opção "Upload" para importar uma imagem do seu computador para o seu site. Pode ainda definir o tamanho, o contorno e a côr, e a função Link, acima referida. Fig. 37 6.1.3 Botões. Os botões servem para linkar um determinado assunto para outra página, documento, email ou até outro site que não seja o seu. Normalmente tem como texto, ver mais ou ler mais, mas pode escrever o que quiser: basta ir à barra que aparece em baixo quando arrasta o botão para o seu site, escolher as palavras e para onde estabelecer a conexão (link). Nesta opção aparece o quadro da fig. 39, só tem de fazer a sua escolha (a Página, o Documento, o URL (endereço para uma página externa) ou email. 2013 /// 24 31

Fig. 38 Fig. 39 6.1.4 Flash. Para importar um elemento de Flash, primeiro arraste-o para o site e de seguida aceda à barra que surge em baixo (Fig. 40) para importar do seu computador o elemento em Flash pretendido (format.swf). Pode, ainda, definir o contorno para o quadro. Fig. 40 2013 /// 25 31

6.1.5 Formulários. O Formulário serve para os utilizadores do seu site o contatarem. Ao arrastar o Formulário para o seu site aparecerá um quadro para definir se pretende um formulário de contato ou de candidatura. Fig. 41 O que difere entre o formulário de Contato e o de Candidatura são as opções de submissão de CV (Curriculum Vitae) e um campo de texto para Observações, que estão presentes no formulário de Candidatura. As figuras 42 e 43 representam os dois formulários: Formulário de Contato: pode escolher as caixas que quiser mostrar. Fig. 42 Formulário de Candidatura Fig. 43 Pode, ainda, submeter outro e-mail de destino no botão Mail e, no quadro seguinte, premir Modificar. Fig. 44 2013 /// 26 31

Exemplo de um Formulário de Contato Fig. 45 6.1.6 Caixas As Caixas são áreas de texto predefinidas onde poderá destacar os seus textos e imagens. Será sempre o utilizador a decidir se as quer submeter ou não. Após arrastar o elemento, poderá definir as caraterísticas da caixa. Como pode observar nesta imagem, incluiu-se na caixa uma Imagem, um pequeno Texto e um Título cuja cor foi modificada para branco por opção do utilizador. Caixa Fig. 46 6.1.7 Logotipo O Logotipo será uma imagem e/ou o título do seu site. O seu espaço será no cabeçalho do site. Depois de o arrastar aparecem dois quadros editáveis: um de texto (para o nome do site) e outro para o Logo propriamente dito. 2013 /// 27 31

Fig. 47 As barras de edição são as mesmas do título e do texto, no caso do Texto Logotipo do site, e da imagem, no caso do espaço para o Logo. 6.1.8 Mapas. Pode também importar um mapa para o seu site. Arraste o elemento Mapa para o conteúdo que desejar e surgirá no ecrã um quadro para a importação do mapa (Fig. 48). Terá de adicionar o ficheiro que pretende, embebido no código do GoogleMaps ou SAPO Mapas. Depois é só clicar Upload. Fig. 48 2013 /// 28 31

Mapas através do GoogleMaps: Google (http://maps.google.pt) Na área superior da página existe um campo de pesquisa onde deverá inserir o seu endereço, incluindo a cidade: Ex: Av. da Liberdade, 123, Lisboa. Após visualizar no mapa que o local se encontra correcto deverá seleccionar (no campo superior direito) a opção "Hiperligação", copiando o texto imediatamente abaixo de "Colar HTML para incorporar no Web site". De seguida deverá colar esse mesmo texto no campo disponibilizado pelo seu sistema de gestão de conteúdos. Mapas através do Sapo: Sapo (http://mapas.sapo.pt) Na área superior da página existe um campo de pesquisa onde deverá inserir o seu endereço, incluindo a cidade: Ex: Av. da Liberdade, 123, Lisboa. Após visualizar no mapa que o local se encontra correto deverá seleccionar (no campo superior direito) a opção "Link", copiando o texto imediatamente abaixo de "Copiar HTML para inserir num Web Site ou Blog". De seguida deverá colar esse mesmo texto no campo disponibilizado pelo sistema de gestão de conteúdos. 6.1.9 Vídeo. Se quiser importar um vídeo para o seu site, após arrastar o elemento vídeo para o conteúdo escolhido, aparecerá o quadro (Fig. 49) para o poder importar, adicionando o respetivo código: Fig. 49 2013 /// 29 31

Para adicionar um video, necessita de o ter disponível numa plataforma de streaming de videos. Para o efeito recomendamos: Sapo (http://videos.sapo.pt) Após colocar o video deverá aceder à página do mesmo e imediatamente por baixo do vídeo tem disponível o código para "Blogar Vídeo". Deverá copiar e colar o código na área do sistema de gestão de conteúdos ("Código embebido"). Youtube (http://youtube.com) Após colocar o video deverá aceder à página do mesmo e imediatamente por baixo do vídeo deverá carregar no botão "Share" e, de seguida, no botão "Embed". Surgirá um código que deverá copiar e colar na área do sistema de gestão de conteúdos ("Código embebido"). 6.2 Módulo de Newsletter. Se adquiriu uma Newsletter e seguiu os passos do ponto 4.5.3, então só precisa de arrastar o elemento para o conteúdo pretendido. Aparecerá o quadro da figura 50 com a indicação de que a Mailing List foi instalada com sucesso e o procedimento a seguir. Pode também clicar duas vezes no formulário criado para ir à gestão do seu módulo (visto em 4.5.3). Fig. 50 Fig. 51- Formulário criado, após o arrastamento do elemento Newsletter. Basta clicar duas vezes em cima deste componente para abrir a gestão de módulos. 6.3 Assim como para o módulo Newsletter, nos restantes módulos: arraste o módulo escolhido para o respetivo conteúdo e poderá fazer duplo clique em cima dos elementos nos seus conteúdos para ir de imediato à gestão do respetivo módulo. 6.3.1 No caso do módulo Galeria, e após arrastá-lo para o conteúdo desejado, deparar-se-à com o quadro da figura 52. Siga os passos indicados para gerir a galeria, que estão explicados no ponto 4.5.2 Fig. 52 2013 /// 30 31

6.3.2 Módulo Loja. O quadro que lhe aparece após arrastar o módulo Loja para os seus conteúdos será o da figura 53. Fig. 53 Este é o ícone do carrinho de compras do seu site: Nota: Antes de começar a vender na web necessita de: 1. Configurar um dos três métodos de pagamento disponíveis (Transferência Bancária, PayPal, Vale Postal CTT) em Configuração > Pagamentos (ver ponto 6.3.2). 2. Configurar uma ou mais categorias de produtos, em Configuração > Categorias (ver ponto 6.3.2). 3. Configurar um email para recepção das respostas dos seus clientes às notificações da loja, em Configuração > Email (ver ponto 6.3.2). 4. Inserir produtos na sua loja, em Produtos > Adicionar (ver ponto 6.3.2). 6.3.3 Línguas. Arraste o módulo para a página inicial. Terá de editar o texto nas várias línguas que escolher: seleccione uma à vez e comece a editar. 7. Número de Apoio 7.1 Para mais informações, tem sempre ao seu dispor: sistema de Live Chat (disponível em dias úteis das 09h às 18h) dentro da sua sessão de gestão de conteúdos; botão AJUDA no portal de Soluções SmartCloudPT (opção Técnico); telefone 808 20 50 20 (opção SmartCloudPT). 2013 /// 31 31