WServices Produção de Websites · Web view2) Inserir Email e Senha de acesso à Marketing Extranet. 3) Clicar no ícone "Páginas" 4) Para editar a página, clique no botão "Editar

Índice

V. 1

Manualdo

Operador

Pressione Ctrl e clique com o mouse sobre o artigo desejado, para ir diretamente a ele.

Introdução ao Manual do Operador Como inserir um PRODUTO no meu site? Como inserir FOTOS no meu site? Como inserir uma NOTÍCIA no meu site? Criando LINKS e permitindo DOWNLOADS em meu site.

Como inserir uma nova PÁGINA no meu site? Não exibir um PRODUTO no site. Tornando-o INVISÍVEL. Como falar com o cliente que se cadastrou no meu site? Meu cliente ESQUECEU A SENHA. E agora? Edição de texto em TELA CHEIA. Como inserir um VÍDEO YOUTUBE no meu site? Como criar um EFEITO MOUSE OVER?

2

Introdução ao Manual do OperadorBem-vindo ao Manual do Operador. Dicas passo-a-passo o aguardam, para ajudá-lo a se tornar um expert em MARKETING EXTRANET. Prepare-se para ter seu trabalho reconhecido, após conferir o que preparamos para você!

Saiba que seu desempenho e eficiência são fundamentais para tornar o Website atualizado, dinâmico e bem falado. Vista a camisa, e mãos à obra!

Voltar

3

Como inserir um PRODUTO no meu site?

1) Ir para o Website da WServices: www.wservices.srv.br Dica: Clique no logo "Produzido por WServices" no rodapé do seu site.

2) Inserir E-mail e senha de acesso à MARKETING EXTRANET.

3) Clicar no ícone "Produtos"

4) Se a categoria já existe, selecione a desejada, clicando no nome ou na caixa de seleção, como na figura abaixo. E pule para o passo

4

http://www.wservices.srv.br/

número 9.

5) Se a categoria não existe , clique no ícone "Categorias", como na figura abaixo.

6) Agora, clique no botão "Incluir Novo".

7) Digite a descrição - um nome - para a categoria. Em seguida confirme no botão verde.

5

8) Clique no botão "Visualizar Produtos", para retornar aos produtos.

9) Clique no botão "Incluir Novo", para incluir o novo produto.

10) Digite a descrição - ou o nome - do produto. Depois, aperte o botão verde para a confirmação.

6

11) Agora, insira a foto principal, clicando no botão "Atualizar Foto Principal", circulado em vermelho, ou clicando na foto principal atual - no exemplo abaixo, a foto da WServices.

12) No botão "Procurar", selecione a foto no seu computador, depois clique em "Atualizar Agora!". Sua foto foi está atualizada.

13) Para inserir as fotos secundárias, clique no botão "Gerenciar Fotos Secundárias".

7

14) Clique em qualquer lugar do retângulo na figura abaixo, e selecione as fotos no seu computador.

Você também pode copiar as fotos em seu computador, e clicar com o botão direito do mouse sobre o retângulo branco na figura abaixo, e colar, e então seguir o passo número 16.

15) Depois de selecionar as fotos, clique em "Upload".

8

16) Agora, basta clicar em "Send".

A seguinte mensagem será exibida: "Fotos enviadas com sucesso!"

17) Para retornar, clique no botão "Voltar", localizado à esquerda, na tela.

9

18) Para atualizar a ficha de seu produto, clique no botão "Atualizar ficha".

19) Insira informações adicionais, como preço e comentário.

20) Role a tela para baixo e, no editor de texto, digite informações sobre o produto inserido. Depois, clique no botão "Salvar", circulado em vermelho na figura abaixo.

10

21) Parabéns! Você inseriu um produto com sucesso no seu site. Repita este passo-a-passo quantas vezes quiser, para que seu site se mantenha atualizado. Este é o segredo para o seu site ter sucesso.

Voltar

11

Como inserir FOTOS no meu site?

1) Ir para o Website da WServices. (www.wservices.srv.br )Dica: Clique no logo "Produzido por WServices" no rodapé do seu site.

2) Inserir E-mail e Senha de acesso à Marketing Extranet.

3) Clicar no ícone "Galeria de Fotos"

12

4) Se a categoria já existe, selecione a desejada, clicando na caixa de seleção, como na figura abaixo. E pule para o passo número 9.

5) Se a categoria não existe , clique no ícone "Categorias", como na figura abaixo.


7) Digite a descrição - um nome - para a categoria. Em seguida confirme no botão verde.

13

8) Clique no botão "Inserir Fotos".

9) Clique em qualquer lugar do retângulo na figura abaixo, e selecione as fotos no seu computador.

Você também pode copiar as fotos em seu computador, e clicar com o botão direito do mouse sobre o retângulo branco na figura abaixo, e colar , e então seguir o passo número 11.

14

10) Depois de selecionar as fotos, clique em "Upload".

11) Agora, basta clicar em "Send".

15

A seguinte mensagem será exibida: "Fotos enviadas com sucesso!"

12) Parabéns! Você acabou de inserir mais fotos em seu Website.

Voltar

16

Como inserir uma NOTÍCIA no meu site?



3) Clicar no ícone "Notícias"

4) Clique no botão "Incluir Novo".

5) Digite o Título da notícia e em seguida clique no botão verde de

17

confirmação.

6) Agora é só editar o corpo da notícia. É muito fácil! Terminando clique no disquete para salvar. Pronto você conseguiu!

Voltar

18

Criando LINKS e permitindo DOWNLOADS em meu site.Um link, ou hiperlink, é uma ligação entre dois objetos - sejam eles sites, arquivos para download ou endereços de e-mail. Os links são utilizados para ir de um lugar a outro na internet.Para configurar um hiperlink:


2) Inserir Email e Senha de acesso à Marketing Extranet.

3) Clicar no ícone "Páginas"

4) Para editar a página, clique no botão "Editar página".

19

5) No editor de texto, digite informações da página. Depois, clique no botão "Salvar", circulado em vermelho na figura abaixo.

Basicamente, você pode criar quatro tipos de links: (1) Externo - para outro site; (2) E-mail - link para enviar um e-mail; (3) Downloads- links para disponibilizar arquivos; (4) Interno - link apontando para uma página criada por você na MARKETING.

Link externo - para outro site:

1) Agora, selecione o texto que se tornará o link, e clique no botão "Inserir/Editar Hyperlink", destacado abaixo.

20

2) Digite o endereço do site e clique em ok. O link foi inserido em sua página.

Link para um endereço de E-mail:

1) Selecione o texto que se tornará o link, e clique no botão "Inserir/Editar Hyperlink", destacado abaixo.

2) Para inserir um link para um e-mail, mude o tipo de hiperlink de URL para "E-mail".

21

3) Coloque o endereço do e-mail, um assunto - ou título, e um texto inicial. Só o e-mail é necessário. O assunto e o corpo são opcionais. Clique em ok. O link já está criado.

Link para Downloads


22

2) Para inserir um link para um arquivo, clique no botão"Localizar no Servidor".

3) Atenção: você precisa criar uma pasta. Clique em "Create New Folder", digite o nome de sua pasta, e clique em ok.

23

4) Clique (uma vez) sobre sua pasta para abri-la. Depois, clique em "Procurar", selecione o arquivo em seu computador. Após, clique em "Upload" para enviar o arquivo.

24

5) Agora que seu arquivo já está na internet, de um clique simples sobre ele.

6) O link deve ser parecido com o abaixo, exceto pelo nome da sua pasta e seu arquivo, que serão diferentes deste exemplo. Clique em ok.

25

Link para outras páginas da MARKETING


2) Para inserir um link para uma outra página, modifique o link genérico: www.seusite.com/mkte_70/mostra_pagina.php?tx_codigo_acesso=seu_codigo_de_acesso

*modifique www.seusite.com pelo endereço real de seu site.*modifique seu_código_de_acesso pelo código de acesso da página que você ligar, criada na MARKETING.

26

Feito! Você está pronto para criar diversos links em seu Website. Divirta-se!

Voltar

27

Como inserir uma nova PÁGINA no meu site?



3) Clicar no ícone "Páginas"


28


7) Digite o Título e Código de Acesso*. Em seguida confirme no botão verde.

*Código de Acesso é o nome da página, É através dele que a MARKETING reconhece a página. Não digite espaços no Código de Acesso.

8) Para editar a página, clique no botão "Editar página".

9) No editor de texto, digite informações da página. Depois, clique no botão "Salvar", circulado em vermelho na figura abaixo.

29

10) Pronto. Você criou mais uma página para seu Website! Lembre-se: quanto mais você atualizar o conteúdo, mais visitas para o site.

Voltar

30

Não exibir um PRODUTO no site. Tornando-o INVISÍVEL.

Como sempre, nossa série de artigos mostra como colocarmos a mão na massa!

A situação é a seguinte, você teve algum trabalho para inserir PRODUTOS no seu site. Mas por um motivo ou outro você não quer que esse produto apareça no seu site. Você também não quer deletá-lo, pois sabe que vai precisar dele em breve. Um produto indisponível no estoque, um imóvel alugado para temporada, enfim o que fazer?

Precisamos tornar esse produto temporariamente INVISÍVEL. Como?

Então vamos ao passo-a-passo...



3) Clique no ícone PRODUTOS

31


4)Clique na categoria na qual o produto está inserido.

5)Agora é só clicar no ícone do olho para ele fechar e em seguida dar OK na confirmação.Olho aberto significa que o produto está VISÍVEL (aparece no site). Olho fechado significa que o produto está INVISÍVEL (NÃO APARECE NO SITE)Ao clicar no olho, ele FECHA se estiver aberto, ou ABRE se estiver fechado. Fácil não é?

6) Está pronto! Você conseguiu o efeito desejado em seu Website. Para fazer com que o produto volte a se tornar VISÍVEL basta seguir esse passo-a-passo novamente e clicar no olho fechado para ele abrir.

Voltar

32

Como falar com o cliente que se cadastrou no meu site?

Esse passo-a-passo é para você entrar em contato com um cliente específico que acabou de se cadastrar em seu website.Na verdade você vai ter muitas ações disponíveis:

Enviar um e-mail; Visualizar/ Completar sua ficha; Criar uma senha; Excluir sua ficha;

1) Através do e-mail "AVISO NOVO USUÁRIO" que você recebe sempre que alguém se cadastra no seu site. A Marketing sempre envia esse e-mail da seguinte forma:

Um e-mail aviso de novo usuário para o PROPRIETÁRIO, OPERADOR, WEBMASTER e ADMINISTRADORES; (enviado em nome do WEBMASTER)

Um e-mail de agradecimento para o USUÁRIO FINAL. (enviado em nome do PROPRIETÁRIO)

33

2) Visualizando o e-mail "AVISO NOVO USUÁRIO"

O "AVISO NOVO USUÁRIO" é similar a figura abaixo. Duas dicas nesse momento: 1) Você já pode enviar um e-mail para o novo usuário, basta apenas clicar no link E-mail.2) Você pode ter acesso a mais opções avançadas ao clicar no link para ficha na MARKETING EXTRANET.Para continuar nosso passo-a-passo, clique no item 2 da figura abaixo.

3) Autenticação Caso você não esteja autenticado, vai aparecer uma mensagem informando que você não está mais conectado ao sistema. Isso é normal. Dê ok e depois forneça seu e-mail e senha como na figura abaixo:

4) Opções Avançadas Vamos por partes:

34

1) Você pode enviar um e-mail para o novo usuário clicando no ícone "1" da figura abaixo;

2) Você pode Visualizar/ Alterar a ficha do novo usuário clicando no ícone "2" da figura abaixo;

3) Você pode criar uma senha para o novo usuário clicando no ícone "3" da figura abaixo;

4 e 7) Você pode excluir o novo usuário marcando a checkbox em "4" e em seguida clicando no botão de exclusão em "7";

4, 5 e 6) Você pode mudar o perfil do novo usuário marcando a checkbox em "4", selecionando o perfil desejado em "5" e em seguida clicando no botão de salvar em "6";

Voltar

35

Meu cliente ESQUECEU A SENHA. E agora?



3) Clique em "Cadastros".

4) Clique no botão de Pesquisa.

36


5) Informe o e-mail e confirme no botão verde.

6) Clique no ícone da chave, no lado direito da tela.

7) Informe a nova senha e clique no botão verde.

37

8) Pronto. Missão cumprida. Entre em contato com seu cliente e avise a ele a nova senha. Há, e peça para ele não esquecer dessa vez! :-)

Voltar

38

Edição de texto em TELA CHEIA.

Você, cliente WServices, já está acostumado a inserir e editar NOTÍCIAS, PRODUTOS ou PÁGINAS do seu Website. Não é verdade? Você sabe que ao editar uma NOTÍCIA, PRODUTO ou PÁGINA do seu Website você pode formatar o texto de forma similar ao WORD. Negrito, Itálico, Fonte Arial ou Tahoma dentre outras, inserir imagens e assim por diante.

Nós chamamos esse texto de TEXTO RICO. Em contrapartida ao texto convencional, sem formatação, que chamamos de TEXTO POBRE.

É importante dizer que toda EDIÇÃO DE TEXTO RICO, seja NOTÍCIA, PRODUTO ou PÁGINA é realizada de forma similar como na figura abaixo:

Com isso quero dizer que essa dica vale para tanto para edição de NOTÍCIAS, PRODUTOS ou PÁGINAS. A dica é a seguinte:

Utilize o botão FULLSCREEN, em destaque abaixo, para alternar entre o MODO NORMAL e o modo FULLSCREEN. Veja o resultado na tela abaixo:

39

Voltar

40

Como inserir um VÍDEO YOUTUBE no meu site?

O que é YOUTUBE ?

O YouTube é um site na internet que permite que seus usuários carreguem, assistam e compartilhem vídeos em formato digital.

A revista americana Time (edição de 13 de novembro de 2006) elegeu o YouTube a melhor invenção do ano por, entre outros motivos, “criar uma nova forma para milhões de pessoas se entreterem, se educarem e se chocarem de uma maneira como nunca foi vista”.

É o mais popular site do tipo (com mais de 50% do mercado em 2006) devido à possibilidade de hospedar quaisquer vídeos. Hospeda uma grande variedade de filmes, video-clipes e materiais caseiros. O material encontrado no YouTube pode ser disponibilizado em blogs e sites pessoais através de mecanismos desenvolvidos pelo site.

Você, cliente WServices, já está acostumado a inserir e editar de forma fácil o CONTEÚDO RICO do seu Website. Seja NOTÍCIAS, PRODUTOS OU PÁGINAS. Não é verdade? Agora você vai descobrir como inserir um vídeo do YOUTUBE em NOTÍCIAS, PRODUTOS OU PÁGINAS do seu Website!

ATENÇÃO: Essa dica não é válida para a MALA DIRETA. Essa dica é válida apenas para NOTÍCIAS, PRODUTOS OU PÁGINAS.

Então, como inserir os vídeos?

1) Primeiro você deve visitar o site do YOU TUBE e escolher um vídeo. www.youtube.com Dica: Você pode também inserir facilmente o seu próprio vídeo. Mas vamos deixar essa dica para outro dia. :-)Com o vídeo na tela, copie o campo Embed. Veja figura abaixo.

41

http://www.youtube.com/

2) Vá para MARKETING EXTRANET. Escolha o CONTEÚDO RICO que deseja editar, seja NOTÍCIAS, PRODUTOS OU PÁGINAS. Na tela de edição clique no botão CÓDIGO-FONTE, como na figura abaixo:

3) Dois passos para finalizar:(1) Cole o que você copiou aqui. Deve ficar similar a figura abaixo.(2) Salve o seu trabalho clicando no disquete.

42

4) Agora é só ver o resultado no seu site!

Voltar

43

Como criar um EFEITO MOUSE OVER?

Passe com o mouse sobre o smile acima para ele ficar feliz! (Só funciona na Central de Ajuda: http://www.wservices.srv.br/ajuda/mostra_pagina.php?cd_pagina=311 )

Efeito MOUSEOVER é isso que você acabou de observar. É o tipo da coisa que é difícil de descrever, mas é muito fácil de mostrar. O legal desse efeito é que você torna o seu site mais atrativo, divertido e rico em termos de experiência com o usuário final.

Fichas de produtos Páginas Notícias

Você já está acostumado a inserir e editar de forma fácil o CONTEÚDO RICO do seu Website. Seja NOTÍCIAS, PRODUTOS OU PÁGINAS. Agora você vai descobrir como inserir um EFEITO MOUSE OVER em NOTÍCIAS, PRODUTOS OU PÁGINAS do seu Website!

ATENÇÃO: Essa dica não é válida para a MALA DIRETA. Essa dica é válida apenas para NOTÍCIAS, PRODUTOS OU PÁGINAS.

Então, vamos ao passo-a-passo...

1) Criar duas imagens

smile_out.jpg

smile_over.jpg

44

http://www.wservices.srv.br/ajuda/mostra_pagina.php?cd_pagina=311

Para criar as imagens, nós recomendamos o PICASA. Disponível gratuitamente para download na página abaixo:http://picasa.google.com/download/

ATENÇÃO:

1. As imagens devem ter o mesmo tamanho; 2. As imagens devem ser pequenas;

(para não ficar lento, sugiro no máximo 5 KB para cada uma)

3. As imagens devem ter um nome parecido com os exemplos acima: smile_over.jpg e smile_out.jpg. Trocando a palavra "smile" pela palavra que melhor identifique, como por exemplo vela_over.jpg e vela_out.jpg

2) Enviar as imagens para o servidor - UPLOAD Vá para MARKETING EXTRANET. Escolha o CONTEÚDO RICO que deseja editar, seja NOTÍCIAS, PRODUTOS OU PÁGINAS. Na tela de edição clique no botão INSERIR FIGURA, como mostrado abaixo:

Clique em LOCALIZAR NO SERVIDOR

Procure e clique na sua PASTA

45

http://picasa.google.com/download/

http://picasa.google.com/download/

Faça o UPLOAD das duas imagens que você criou. Repita o processo abaixo para cada uma das duas: (1) Procure a foto no seu computador clicando no botão PROCURAR;(2) Envie a foto para o servidor clicando no botão UPLOAD;

46

3) Selecionar a imagem "OUT" Selecione a imagem OUT - Clique

47

Clique em "OK"

48

4) Código-fonte, o segredo para finalizar...

Selecione e copie o CÓDIGO-FONTE abaixo.(apenas o que está dentro da caixa amarela)

<img id="img_rollover" onmouseover="rollover(this)" onmouseout="rollover(this)" />

<script>//PRELOADimage_out = new Image();image_over = new Image();image_out.src = "http://www.wservices.srv.br/UserFiles/Image/wservices/smile_out.jpg";image_over.src = "http://www.wservices.srv.br/UserFiles/Image/wservices/smile_over.jpg";document.all.img_rollover.src = image_out.srcfunction rollover(img, file){if(img.src.indexOf("_out.") == -1){new_src = img.src.replace("_over.", "_out.")}else{new_src = img.src.replace("_out.", "_over.")}img.src = new_src}</script>

Na MARKETING EXTRANET, depois de selecionar o documento, vá para o modo CÓDIGO-FONTE.

49

Cole o que você acabou de copiar.(1) mude aqui para o nome da imagem OUT(2) mude aqui para o nome da imagem OVER(3) Salve o trabalho para finalizar

5) Pronto! Você conseguiu.

Vá ver o resultado no seu site. Que tal enviar uma MALA DIRETA para seus clientes avisando a novidade?

Voltar

50

Documents

WServices Produção de Websites · Web view2) Inserir Email e Senha de acesso à Marketing Extranet. 3) Clicar no ícone "Páginas" 4) Para editar a página, clique no botão "Editar