CURSO BÁSICO DE CRIAÇÃO DE SITES MÓDULO 2 AULA 3

Transcrição

1 ADICIONANDO UM PRODUTO CURSO BÁSICO DE CRIAÇÃO DE SITES Para que sua loja funcione você tem de ter algum produto para vender, ou algum serviço para prestar. Como sua loja está na Internet as pessoas não conseguem ir à loja. Por isso é importante que você coloque fotos dos produtos que você está vendendo. Pesquise na Internet sobre produtos que estão sendo vendidos e veja como as lojas fazem. Além de colocar o produto você tem de descrever o produto para que as pessoas decidam se o produto que elas querem é mesmo o produto que você está vendendo. Vamos imaginar que sua mãe todo o mês vá até São Paulo para comprar roupas para depois vender. Como você agora sabe fazer sites de comércio eletrônico ela pede para você fazer um site para ela mostrar e vender as peças de roupa que ela comprou em São Paulo. Como fazer? Siga estes passos: 1. Fotografe cada tipo de peça de roupa; 2. Faça uma descrição de cada peça de roupa; 3. Resolva qual vai ser o preço de venda; Neste exercício você vai vender um tipo de tênis e um tipo de bermuda. Teste estas opções e encontre a que melhor se adequar ao seu produto. Vamos agora fazer uma pequena descrição de cada produto para colocar no site. 1. Tênis esportivo de couro tamanho entre 39 a 43. Amarração com cordão. Sola simples de borracha sintética; p. 1 Copyright 2016 Alberto Aguiar

2 2. Bermuda dupla face. Uma face é estampada e a outra face é de uma única cor. Dois bolsos laterais e um bolso traseiro. Tamanhos M, G e GG. Vamos definir os preços: 1. R$ 140,00; 2. R$ 160,00. Vamos a seguir incluir os novos produtos. Clique em PRODUTOS ADICIONAR PRODUTOS. É então apresentada a página de entrada de produto. Entre com o nome do produto e sua descrição. Insira o valor do produto. Neste caso o produto é simples. Os tipos de produto são: Produto SIMPLES um produto único. Exemplos: mesa, cadeira, tênis, camiseta; GRUPO de Produtos produto que é composto por vários produtos. O grupo de produtos pode ser vendido separadamente ou em grupo. Exemplo: sala de jantar, composta por mesa e seis cadeiras. Neste caso cada cadeira tem um preço e pode ser vendida separadamente, assim como a mesa. Além disso o grupo tem um preço e pode ser vendido junto. Vamos admitir que cada cadeira custe R$ 250,00 e a mesa custa R$ 500,00. Se a pessoa comprar o grupo ela irá pagar R$ 1.500,00, ou seja, com um desconto de R$ 500,00 caso as peças fossem compradas em separado. Produto EXTERNO/AFILIADO é um produto anunciado em seu site, mas que é vendido por outra empresa. Isso é muito comum em sites de grandes empresas. Produto VARIÁVEL é um produto básico que apresenta variações. Exemplo: Camiseta de várias cores. A seguir crie um código de referência, por exemplo, te200. Isso é importante para você controlar o estoque. O próximo passo é indicar se o produto é tributável ou não. A sugestão é inibir esta opção e incluir o imposto no valor do produto. p. 2 Copyright 2016 Alberto Aguiar

3 O próximo passo é inserir as fotos do produto. O produto pode ter uma ou mais fotos. Se o produto tiver apenas uma foto clique na opção 1 (na imagem) embaixo à direita. Se o produto tiver mais de uma foto insira a foto principal como se ele tivesse apenas uma foto (opção 1) e insira as outras fotos conforme a opção 2 Galeria de Produtos. IMPORTANTE!!! O nome da foto só pode ter letras e números, não pode ter acento e nem ç, por exemplo, calção fica calcao, tênis fica tenis. Após preencher a planilha confira todos os elementos inseridos, descrição, foto, valor de venda, etc. pressione o botão PUBLICAR. p. 3 Copyright 2016 Alberto Aguiar

4 OK! Você publicou seu primeiro produto no site. Vamos ver como é que ficou. No PAINEL, no menu lateral esquerdo, vá em PÁGINAS e clique em TODAS AS PÁGINAS. A seguir vá em Loja e clique em ver. Esta é sua loja. Veja que a imagem do tênis foi cortada. O problema é que a imagem é muito grande. Experimente com várias imagens até chegar numa boa solução. O que acontece se eu clicar na imagem do tênis. Aparece a página do produto. Que tal? Sua loja começa a aparecer. p. 4 Copyright 2016 Alberto Aguiar

5 Eu vou agora inserir mais alguns produtos. Insira os seus. Tire fotos. Crie descrições. Repita o procedimento para cada produto. Vamos ver a página da loja com todos os produtos inseridos. O que que você nota? As duas fotos das extremidades estão cortadas, enquanto a foto do meio está perfeita. Porque isso acontece? Vamos examinar os arquivos que usei para criar as imagens. p. 5 Copyright 2016 Alberto Aguiar

6 Veja que o tamanho do arquivo camiseta1 é muito pequeno, apenas 15 KB. Não interessa muito o que é KB, o que nos interessa é que os outros arquivos são muito maiores que o da camiseta. Para se montar um site é muito importante trabalhar com imagens. Outra forma de ver isso é observando o número de linhas e colunas da imagem. No caso da camiseta temos 109x107 linhas x colunas. Para você ver esta informação é só levar o mouse para cima da linha onde está o arquivo e esperar um pouco. No caso da bermuda temos 1457x1082, ou seja, a imagem é muito grande. Tirei a coluna do tipo do arquivo para facilitar a visualização. Como fazer? Existem programas que permitem acertar o que a gente chama de resolução da imagem. Na verdade, isso é uma das coisas que os WEB DESIGNERS fazem. Acertar as imagens para que elas fiquem adequadas ao site. A página da loja fica assim depois que transformei todas as fotos para que tenham 200 linhas: p. 6 Copyright 2016 Alberto Aguiar

7 Ao clicar na bermuda a página aparece assim: O site final como está após as 8 aulas do módulo 1 e as duas aulas do módulo 2. p. 7 Copyright 2016 Alberto Aguiar

8 É isso aí. Experimente. Erre. Conserte o erro. E vá em frente. Publique a sua loja na Internet. p. 8 Copyright 2016 Alberto Aguiar