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

Transcrição

1 Agora você vai aprender como criar um site de comércio eletrônico para que sua mãe possa vender os produtos para as amigas dela usando seu site. Vamos arregaçar as mangas e começar a trabalhar. Lembra que você carregou no seu site um plug-in chamado WOOCOMMERCE? Nós vamos agora ativá-lo. Para quem não carregou o plug-in ou carregou outro plug-in veja como fazer na Aula 5 do Módulo 1. Para ativar o plug-in pressione o botão ativar indicado na figura. Você vai ver, depois de alguns instantes, a página inicial convidando para você prosseguir na ativação do plug-in WooCommerce. Pressione o botão VAMOS LÁ! p. 1 Copyright 2016 Alberto Aguiar

2 Continuando você verá a próxima página que explica que várias páginas serão criadas automaticamente para que seu site de comércio eletrônico funcione corretamente. p. 2 Copyright 2016 Alberto Aguiar

3 Serão criadas as páginas: Loja - que irá apresentar os produtos da sua loja; Carrinho onde os seus clientes irão registrar as compras; Finalizar Compra onde os clientes pagarão as compras que estão no carrinho; Minha Conta página onde os clientes registrados poderão gerenciar os detalhes de sua conta e suas compras passadas. Clicando em CONTINUAR aparece a tela de configuração do país onde está a sua loja. Veja que o site pode estar em qualquer lugar do mundo, já que a Internet pode ser acessada por qualquer pessoa, mas seu site deve se relacionar com um país por causa da moeda (dinheiro) e das unidades de medida. Vai aparecer a tela abaixo. Clique na pequena seta para baixo que fica à direita da caixa ONDE ESTÁ BASEADA SUA LOJA? (Onde fica sua loja?). Digite br no lugar de Afeganistão e veja que aparece o Brasil. Selecione o estado em que você vai operar. Observe que selecionei São Paulo e imediatamente apareceu a moeda em Brazilian Real (R$) e kg e cm. Pressione a seguir a tecla CONTINUAR para continuar o ajuste do site. p. 3 Copyright 2016 Alberto Aguiar

4 Agora vamos continuar indicando como será o envio dos produtos e como os impostos serão cobrados. Indicamos para o WOOCOMMERCE que nossa loja vai vender bens físicos. Um bem físico é uma roupa, um eletrodoméstico como geladeira, máquina de lavar roupa, um produto eletrônico como um notebook, smartphone. p. 4 Copyright 2016 Alberto Aguiar

5 Um bem físico tem de ser enviado para o cliente. O envio tem um custo, por exemplo, o do correio. Devemos indicar este custo. O WOOCOMMERCE considera o custo de envio de um produto e o custo de envio de vários produtos. Se você escolheu os Correios para enviar os produtos para o cliente você pesquisar para ver o custo de envio, em geral o correio cobra por peso e rapidez de entrega. Em nosso caso vamos considerar R$ 10,00 para enviar um item (per item) e R$ 15,00 para enviar vários itens. Em nossa loja o imposto será embutido no preço do produto. Clique CONTINUAR. A seguir vem a página de pagamento. Nesta fase iremos tratar apenas de pagamentos por transferência bancária. Marque então esta opção. A seguir clique em CONTINUAR. A próxima página diz que sua loja está pronta. Clique na parte de baixo no local que diz para voltar para o PAINEL. p. 5 Copyright 2016 Alberto Aguiar

6 Agora vamos conferir quais as páginas que foram criadas durante a instalação do WOOCOMMERCE. Estão lá Carrinho, Finalizar compra, Minha conta, Loja. Vamos ver a cara da página Loja. Passe o mouse sobre a palavra Loja. Vai aparecer um menu abaixo da palavra. Clique em VER. É apresentada a página LOJA. p. 6 Copyright 2016 Alberto Aguiar

7 Página feia, não é? Lembra a aula 6 do módulo 1, quando nós falamos sobre temas? Vamos carregar um tema mais adequado a uma loja. O tema se chama STOREFRONT. Volte para o PAINEL pressionando a seta para a esquerda situada à esquerda no alto. A seguir seleciona no menu à esquerda APARÊNCIA TEMAS. Na página que aparece clique no botão ADICIONAR NOVO. Coloque na caixa de texto para pesquisar o novo tema a palavra STOREFRONT. Clique p. 7 Copyright 2016 Alberto Aguiar

8 ENTER. Veja o resultado da pesquisa abaixo. Passe o mouse sobre o tema STOREFRONT que é o primeiro a aparecer. Veja que aparece uma caixa de texto para instalar ou visualizar o tema. Clique em INSTALAR. Espere até que todas as operações sejam concluídas. A seguir clique em ATIVAR. Vá agora no PAINEL APARÊNCIA TEMAS e ative o tema STOREFRONT. p. 8 Copyright 2016 Alberto Aguiar

9 Agora volte para PÁGINAS MOSTRAR TODAS AS PÁGINAS e clique novamente em SHOP VER. Observe que a página inicial da Loja ficou bem mais bonita e prática. Agora vamos decidir o que vender. Na minha loja eu penso em vender camisetas, bermudas, tênis e sandálias. Eu compro estes produtos bem barato e consigo vender com lucro. Para organizar minha loja eu vou classificar os produtos em dois tipos roupas e calçados. Em roupas eu vou colocar camiseta e bermuda e em calçados eu vou colocar tênis e sandálias. Isto vai organizar a loja. Quando alguém quiser procurar um produto ele pode escrever roupa e todas as roupas são apresentadas. Esta classificação se chama CATEGORIA. No menu lateral esquerdo do PAINEL vá para PRODUTOS e clique em CATEGORIAS no sub-menu. Aparecerá uma página semelhante a esta (na verdade a página é bem maior, mas o que nos interessa agora é esta parte). p. 9 Copyright 2016 Alberto Aguiar

10 Para cadastrar a categoria CALÇADOS eu tenho um problema. A palavra CALÇADO tem um Ç. A Internet é um sistema todo baseado no alfabeto inglês e, portanto, não tem acentos nem ç, nem qualquer coisa diferente de letras e números. No entanto mostrar CALCADO na loja vai ser difícil de entender. A Internet também só entende letras minúsculas. O WOOCOMMERCE resolveu este problema usando o NOME permitindo que você entre com o nome REAL da categoria e o que eles chamam de SLUG que é a forma como este nome será utilizado na WEB. Como a categoria calçado é uma categoria principal ela não tem nenhum PAI. Você pode fazer uma descrição dos tipos de produtos que estão nesta categoria. Eu deixei em branco. Você pode inserir esta descrição quando quiser. Deixe o tipo de exibição em padrão. A seguir clique em ADICIONAR NOVA CATEGORIA DE PRODUTO. p Copyright 2016 Alberto Aguiar

11 Observe que a categoria CALÇADO já está registrada. Agora registre a subcategoria Tênis. Preste atenção que neste caso que Calçado é PAI de Tênis. Observe que escrevi o NOME com acento e o T em maiúscula, já no SLUG não tem acento e o nome é todo escrito em minúsculas. Observe também que à esquerda de Tênis tem um hífen indicando que ele é uma subcategoria de Calçado. Insira agora a subcategoria sandália cujo pai é calçado. Insira a seguir a categoria Roupas e a seguir as subcategorias Camiseta e Bermuda. O resultado deve ficar assim: Ok. Por hoje é só. p Copyright 2016 Alberto Aguiar