MANUAL DE UTILIZAÇÃO DO SISTEMA DE EDIÇÃO
Busca Rápida
A versão contida neste manual é para usuários que utilizam o antigo sistema de edição. Para aqueles clientes nos quais a criação e desenvolvimento do site ou loja virtual foi feito a partir de 01/07/2013, um novo sistema de edição está disponível cujo manual pós-criação de site pode ser acessado clicando-se aqui.
1) Utilize o navegador Mozilla Firefox para fazer a edição das páginas de seu site
Para poder utilizar o sistema de edição de seu site é necessário instalar a versão mais recente do Navegador Mozilla Firefox no computador que irás utilizar para editar seu site.
Clique aqui para fazer o download do navegador ou atualizar a sua versão.
*Vale destacar que o uso do Firefox é recomendado somente para EDITAR seu site. Portanto seu site poderá ser visualizado por seus clientes em qualquer navegador ou plataforma de acesso à internet perfeitamente.
2) Abrir a página no modo de edição
A regra básica do sistema de edição é: "Para editar a página que estou visualizando devo apertar as teclas CTRL e SHIFT e digitar a senha".
Ou seja, basta clicar no link da página que desejas editar e esperar que o conteúdo dela carregue por completo na tela de seu computador.
Ao visualizar o contéudo da página que desejas editar aperte as teclas CTRL e SHIFT ao mesmo tempo. Em alguns computadores a tecla SHIFT possui somente uma seta apontada para cima e normalmente fica bem próxima da tecla CTRL, como está ilustrado na imagem ao lado.
Após apertar as teclas CTRL e SHIFT irá surgir na tela uma janela semelhante a imagem ao lado.
É nesta janela que você deve digitar a sua senha de acesso ao sistema de edição que foi informada no dia do treinamento.
Após informar a senha e clicar no botão "OK" você será direcionado ao sistema de edição. Desta forma todo o conteúdo da página que você estava visualizando dentro do layout de seu site abrirá dentro do sistema de edição conforme o exemplo abaixo:
3) Utilizando o sistema de edição
Ao acessar o sistema de edição basta colocar o conteúdo desejado na página que estás editando e ao finalizar clicar no botão "Salvar Página" (ícone do disquete azul destacado na imagem abaixo - 1º botão no topo esquerdo do editor).
As ferramentas de formatação de textos deste editor são bem semelhantes a qualquer outro editor de textos, como o Microsoft Word ou Open Office. Portanto neste manual iremos apresentar como funcionam somente os botões que estão destacados em vermelho na segunda linha do editor, que são os que possuem as funções para inserir imagens, links, arquivos, mapas e vídeos.
3.1)
Botão Inserir Imagem
Dentro da área de conteúdo do sistema de edição clique o cursor do mouse no local onde desejas que a imagem seja inserida e em seguida aperte no no botão . Irá aparecer a tela para procurar o arquivo de imagem em seu computador. Basta selecionar a imagem, ou as imagens que deseja inserir nessa página, e apertar no botão "ABRIR", conforme o exemplo abaixo:
Enquanto as imagens estiverem sendo enviadas ao servidor você poderá acompanhar a porcentagem de carregamento de cada um dos arquivos e se desejar cancelar o envio de alguma imagem basta clicar no link "cancelar" que aparece abaixo do nome de cada arquivo. Ao final do upload aparecerá a mensagem de confirmação do envio e a imagem, ou as imagens, já irão aparecer dentro do editor, conforme o exemplo abaixo:
3.2)
Botão Inserir Link
Este botão serve para colocar links de outros sites dentro da área de conteúdo de seu site. Para isso basta selecionar a palavra ou frase que desejas que receba o link com o mouse e em seguida apertar no botão . Assim irá surgir na tela uma janela solicitando que você informe o endereço completo do site no formato "http://www.sitepor500.com.br", por exemplo. Depois é só clicar no botão "OK" para finalizar a inserção do link e salvar a página de edição para poder conferir o acesso ao link que acabou de ser configurado.
3.3)
Botão Inserir Subpágina
Este botão serve para criar novas páginas internas dentro do seu site, ou seja , você poderá criar novos links dentro da área de conteúdo de seu site que ao serem clicados abrem uma nova página para colocares novos conteúdos, por isso as chamamos de "subpáginas" de seu site. Para utilizar esta ferramenta basta selecionar a palavra ou frase que desejas que receba a "subpágina" com o mouse e em seguida apertar no botão .
Esse recurso é muito útil quando se deseja criar novas páginas para produtos ou serviços que estejam descritos no corpo de alguma página geral para esses itens, como podes conferir no exemplo ilustrado a seguir:
Após a criação da subpágina, basta salvar a edição e clicar no link que você acabou de criar na área de conteúdo. Irá abrir então uma nova página em branco e ao aperta CTRL+SHIFT novamente será essa nova página criada que abrirá no sistema de edição, assim como as páginas do menu de links de seu site.
3.4)
Botão Inserir Arquivo como Link para Download
Com este botão você pode disponibilizar qualquer tipo de arquivo em seu site para download dos seus clientes e visitantes. Para utilizar esta ferramenta basta selecionar a palavra ou frase que desejas que receba "este arquivo como link para download" com o mouse e em seguida apertar no botão . Irá aparece a tela para procurares em seu computador o arquivo que desejas disponibilizar para download - assim como na ferramenta inserir imagem. Encontrado o arquivo, basta selecionar o mesmo e apertar no botão "ABRIR" que o mesmo será enviado ao servidor do seu site.
Enquanto o arquivo estiver sendo enviado ao servidor você poderá acompanhar a porcentagem de carregamento do mesmo e se desejar cancelar o envio basta clicar no link "[cancelar]" que fica abaixo do nome arquivo na tela de envio. Ao final do envio aparecerá a mensagem de confirmação da operação e a frase que foi selecionada já receberá o arquivo com o link para o download do mesmo.
3.5)
Botão Inserir Mapa do Google
Com essa ferramenta é possível incorporar o mapa interativo do Google Maps da localização da sua empresa dentro do seu site. O primeiro passo é ir até o site www.google.com/maps e procurar o seu endereço no mapa. Nessa tela basta clicar o ícone da "corrente" da menu lateral esquerda do mapa que surgirá o código para a incorporação do mesmo em seu site. Ele está dentro de um box logo abaixo do título "Colar HTML para incorporar ao website", então basta copiar esse código do box (que inicia com "<frame width...") e voltar para o seu site e abrir no modo de edição a página que desejas inserir o mapa.
Abra a página que receberá o mapa no modo de edição e deixe o cursor do mouse no local onde deseja que o mapa apareça na tela e aperte o botão . Na janela que aparecer basta colar o código que você já havia copiado no Google Maps que automaticamente o mapa será inserido em seu site.
Dentro do sistema de edição só aparecerá um quadro amarelo, mas ao salvar a página já é possível visualizar o mapa interativo dentro de seu site assim como ele aparece no site do Google Maps.
3.6)
Botão Inserir Vídeo do Youtube
Com essa ferramenta é possível inserir um vídeo do Youtbe dentro do seu site. O primeiro passo é ir até o link do vídeo no site do Youtube e clicar no botão "Compartilhar", que aparece logo abaixo da tela do vídeo. Após clicar nesse botão surgirá uma nova tela com mais opções de compartilhamento e então você deve clicar no botão "Incorporar" e logo abaixo dele irá surgir um box com um código no formato "<iframe...", copie esse código e volte para a página do seu site onde desejas colocar esse vídeo. Confirma na imagem abaixo um exemplo de como ficará a tela do Youtube após clicar nos botões da instrução acima:
Em seguida abra a página de seu site que desejas inserir o vídeo no modo de edição, deixe o cursor do mouse no local onde deseja que o vídeo apareça na tela e aperte o botão . Na janela que aparecer basta colar o código que você já havia copiado no Youtube que automaticamente o vídeo será inserido em seu site.
Dentro do sistema de edição aparecerá somente um quadro amarelo, mas ao salvar a página já é possível visualizar o vídeo assim como o seu player de navegação para iniciar, parar ou adiantar o vídeo, da mesma forma que no site do Youtube.
3.7)
Botão Inserir Galeria de Imagens
Para inserir uma galeria de imagens em seu site basta abrir a página que desejas inserir a galeria no modo de edição, clicar o cursor do mouse no local onde deseja que a galeria apareça e em seguida apertar no botão . Irá aparece a tela para procurar as imagens em seu computador. Basta selecionar todas as imagens que deseja inserir na galeria e apertar no botão "ABRIR", conforme o exemplo abaixo:
Enquanto as imagens estiverem sendo enviadas ao servidor você poderá acompanhar a porcentagem de carregamento de cada uma das imagens e se desejar cancelar o envio de alguma basta clicar no link "[cancelar]" abaixo do nome de cada imagem. Ao final do upload aparecerá mensagem de confirmação de que a galeria já foi criada com sucesso e as imagens já irão aparecer dentro do editor, conforme o exemplo abaixo:
Ao salvar a página a galeria aparecerá para seus clientes no seguinte formato ilustrado abaixo, botões para navegação pelas as imagens da galeria, efeito de ampliação na tela ao clicar na imagem que estiver em destaque no slide e as miniaturas de todas as imagens da galeria abaixo da imagem em destaque.
* Este recurso não está disponível no pacote de R$500,00 ou Loja Virtual. Caso tenha interessa nesta ferramenta entre em contato através do e-mail contato@sitepor500.com.br e solicite um orçamento.