Tutorial do Usurio para utilizao do Magento e-commerce

Sumrio
Introduo.............................................................................................................................................3 Pgina inicial (Home Page)..................................................................................................................3 Criar uma conta ou Entrar (Login)..................................................................................................4 Criar uma Conta..........................................................................................................................5 Entrar (Login).............................................................................................................................6 Minha Conta.........................................................................................................................................7 Menu Minha Conta..........................................................................................................................7 Painel da Conta...........................................................................................................................7 Informaes de Conta.................................................................................................................8 Lista de endereos.......................................................................................................................8 Meus Pedidos..............................................................................................................................8 Minhas Opinies de Produtos.....................................................................................................9 Minhas Tags..............................................................................................................................10 Assinatura de Newsletter...........................................................................................................12 Minha lista de Desejos..............................................................................................................12 Comparao de Produtos...............................................................................................................13 Carrinho de Compras..........................................................................................................................14 Encontrar Produtos.........................................................................................................................14 Tela do Produto..............................................................................................................................14 O produto no carrinho de compras................................................................................................15 Cupom / Vale Presente..............................................................................................................16 Estimativa de Frete e Impostos..................................................................................................17 Fazer o Pedido de Compra.........................................................................................................17 Fazer uma compra como visitante......................................................................................................22

Sumrio de Figuras
Figura 1: Pgina inicial (Home Page)...................................................................................................4 Figura 2: Entrar ou Criar uma Conta na Loja.......................................................................................5 Figura 3: Criar uma Nova Conta para Cliente......................................................................................6 Figura 4: Minha Conta..........................................................................................................................7 Figura 5: Meus Pedidos de Compra......................................................................................................9 Figura 6: Minhas Opinies de Produtos.............................................................................................10 Figura 7: Minhas Tags.........................................................................................................................11 Figura 8: Produtos relacionados com a tag.........................................................................................11 Figura 9: Minha Lista de Desejos.......................................................................................................12 Figura 10: Comparao de Produtos...................................................................................................13 Figura 11: Tela do Produto..................................................................................................................15 Figura 12: Carrinho de Compras........................................................................................................16 Figura 13: Estimativa de Frete e Impostos..........................................................................................17 Figura 14: Informaes de Cobrana..................................................................................................18 Figura 15: Informaes de Envio........................................................................................................19 Figura 16:Mtodos de Envio...............................................................................................................19 Figura 17: Informaes de Pagamento................................................................................................20 Figura 18: Rever Pedido de Compra...................................................................................................21 Figura 19: Pedido de Compra Recebido.............................................................................................21 Figura 20: Fazer uma compra como visitante.....................................................................................22
Desenvolvido por: Luiz Ernani de Lima Junior 2 www.codificar.com.br

Introduo
Magento e-commerce uma plataforma de gesto de lojas online de cdigo aberto desenvolvida em PHP. uma das solues gratuitas mais bonitas de comrcio eletrnico. Com ele pode-se montar uma bela loja para vender produtos na Internet com custo zero j que se trata de um software open source (Cdigo Aberto) de e-commerce (Comrico Eletrnico).

Pgina inicial (Home Page)

A pgina inicial contm um Menu superior e outro Menu na lateral esquerda e o corpo da pgina. O Menu superior estar disponvel em todas as pginas da loja. No seu lado esquerdo, temos o nome da loja. Ao clicar no nome da loja em qualquer pgina, voc ser redirecionado para a pgina inicial. Abaixo do nome da loja temos um cardpio com vrias categorias de produtos. Se passar o mouse em uma desta categorias, voc ver outras subcategorias. Ao clicar em uma subcategoria voc ser redirecionada para a pgina da subcategoria escolhida e aparecer uma lista com os produtos de subcategoria. Ainda no Menu superior, agora do lado direito, temos uma ferramenta de busca, que permite procurar algum produto em todo o site. Basta digitar uma palavra ou frase relacionada com o produto que voc est procurando e clicar no boto Procurar. Abaixo da ferramenta de busca, temos links de atalho: Minha Conta, Minha lista de desejos, Meu carrinho de compras, Finalizar pedido, Conectar/Desconectar que sero mais detalhados frente neste tutorial. No Menu lateral, podemos ter informaes do carrinho de compras, da lista de desejos do usurio, dos produtos comparados, produtos recentemente procurados, publicidade, enquetes. O corpo da pgina podemos ter os produtos mais recentes, mais procurados, em promoo, outras ofertas, publicidade, descontos, etc...

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 1: Pgina inicial (Home Page)

Criar uma conta ou Entrar (Login)

O primeiro passo para efetuar uma compra atravs do Magento criar uma conta na loja ou entrar com o e-mail e a senha (caso j tenha uma conta na loja) atravs da opo Entrar (Login) no canto superior direito da pgina inicial ou fazer uma compra como visitante. Abrir uma tela para entrar na loja (caso j tenha aberto um conta na loja) ou para criar uma conta na loja com mostrado na figura a abaixo:

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 2: Entrar ou Criar uma Conta na Loja

Criar uma Conta

Para criar uma conta clique no boto Criar uma Conta na Tela de Login (Veja figura acima). Abrir a pgina Criar uma Conta (veja figura abaixo) para inserir algumas informaes pessoais e de Login: Nome, Sobrenome, E-mail e Senha. Os campos com um asterisco vermelho so de preenchimento obrigatrio. Existe tambm a opo de assinar newsletter. Marque esta opo caso deseje receber um boletim informativo de produtos, promoes ou outros servios da loja. Depois de preenchido os dados s clicar no boto Enviar no canto inferior direito da pgina. Pronto, agora voc j tem uma conta na loja. Voc estar conectado na loja.

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 3: Criar uma Nova Conta para Cliente

Entrar (Login)
Para se conectar na loja s digitar o seu e-mail e a senha e clicar no boto Entrar. (Veja figura 2). J conectado na loja, abrir a pgina Minha Conta (Veja Figura abaixo).

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 4: Minha Conta

Minha Conta
Nesta pgina voc ter acesso a todas as suas informaes: Informaes pessoais, endereos, suas compras e pedidos, suas anlise de produtos etc. A pgina Minha Conta, pode ser acessada de qualquer outra pgina da loja, pois em cada pgina haver um link chamado Minha Conta na parte superior direito.

Menu Minha Conta

O Menu Minha Conta est localizado do lado esquerdo da pgina Minha Conta (Veja figura 4). Ele possui oito itens que sero detalhados abaixo.

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Painel da Conta
No Painel de sua Conta (Veja figura 4) voc pode ver uma grade das atividades recentes da sua conta e atualizar as suas informaes. Voc pode ver suas compras com seus nmeros, verificar o status, ou seja, se ainda est pendente, j foi enviado ou j est finalizado. Pode ver tambm suas anlises de produtos e suas tags para cada produto. Para editar suas informaes clique no link edit.

Informaes de Conta
Neste item voc pode alterar seus dados de Conta, como nome, sobrenome, e-mail e senha. Depois de alterado, clicar no boto Gravar no canto inferior direito.

Lista de endereos
Este item possui as informaes de contato e endereo de cobrana e envio: nome, sobrenome, empresa, telefone, fax e endereo completo. Voc pode acrescentar um novo endereo clicando no boto Acrescentar novo endereo. Depois de inserir ou alterar algum campo clicar no boto Gravar Endereo no canto inferior direito.

Meus Pedidos
Este item possui uma lista com todos os seus pedidos de compra feitos na loja. Clique no link Ver Compra do lado direito de cada pedido para obter mais detalhes.

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 5: Meus Pedidos de Compra

Minhas Opinies de Produtos

Este item contm suas anlises e opinies sobre determinados produtos da loja. Voc poder fazer anlises e opinies em qualquer produto da loja.

Desenvolvido por: Luiz Ernani de Lima Junior

www.codificar.com.br

Figura 6: Minhas Opinies de Produtos

Minhas Tags
Este item contm todas as tags que voc incluiu em um ou mais produtos. As Tags so palavras ou frases que descrevem um determinado produto. Ao clicar no link da tag, carregar uma pgina contendo os produtos relacionados com aquela tag. Nesta pgina voc poder editar ou apagar sua tag, alm de poder incluir o produto no seu carrinho de compras ou na lista de desejos.

Desenvolvido por: Luiz Ernani de Lima Junior

10

www.codificar.com.br

Figura 7: Minhas Tags

Figura 8: Produtos Figura 7: relacionados Minhas Tags com a tag

Desenvolvido por: Luiz Ernani de Lima Junior

11

www.codificar.com.br

Assinatura de Newsletter
Este item permite voc assinar um newsletter a qualquer momento. Lembrando que um newsletter um boletim informativo de produtos, promoes ou outros servios da loja.

Minha lista de Desejos

Este item contm produtos que voc gostaria de adquirir mas por algum motivo no o adquiriu. Por exemplo, o produto pode estar indisponvel no momento. Voc tambm pode compartilhar esses produtos com outras pessoas. s clicar no boto Compartilhar lista de desejos e na prxima pgina inserir o e-mail da pessoa e escrever uma mensagem. Voc tambm pode acrescentar este produto ao seu carrinho de compras. A pgina Minha Lista de Desejos, pode ser acessada de qualquer outra pgina da loja, pois em cada pgina haver um link chamado Minha Lista de Desejos na parte superior direito.

Figura 9: Minha Lista de Desejos

Desenvolvido por: Luiz Ernani de Lima Junior

12

www.codificar.com.br

Comparao de Produtos
Este item exibe os produtos lado a lado para uma comparao, como mostrado na figura abaixo:

Figura 10: Comparao de Produtos

Desenvolvido por: Luiz Ernani de Lima Junior

13

www.codificar.com.br

Carrinho de Compras
Este termo j bastante conhecido nos sites de comrcio eletrnicos. Voc vai selecionando os produtos que deseja comprar e vai adicinando no seu carrinho de compras como se estivesse num supermercado. Na pgina Minha Conta este item encontrado no Menu lateral esquerdo. A pgina Meu Carrinho de Compras, pode ser acessada de qualquer outra pgina da loja, pois em cada pgina haver um link chamado Meu Carrinho de Compras na parte superior direito e uma grade no Menu lateral direito.

Encontrar Produtos
Existem 3 maneiras para encontrar um produto :

Usando a barra de busca no canto superior direito de qualquer pgina da loja digitando o nome do produto ou uma palavra que seja uma caracterstica do produto; Clicando em uma das categorias de produtos no canto superior esquerdo de qualquer pgina da loja (logo abaixo do nome da loja); Ou diretamente no produto da pgina inicial.

Tela do Produto
Nesta tela esto todos os dados do produto: nome, descrio, imagens, preo, disponibilidade, etc. Voc pode tambm executar algumas funes como: enviar um e-mail do produto para um amigo, fazer um comentrio do produto, adicion-lo a lista de desejos, adicionar a uma lista para comparar com outros produtos, adicionar tags, etc.

Desenvolvido por: Luiz Ernani de Lima Junior

14

www.codificar.com.br

Figura 11: Tela do Produto

O produto no carrinho de compras

Depois de encontrado o produto voc define a quantidade que gostaria de comprar clica no boto Adicionar ao Carrinho de Compras. A pgina abaixo ser exibida:

Desenvolvido por: Luiz Ernani de Lima Junior

15

www.codificar.com.br

Figura 12: Carrinho de Compras Nesta pgina estaro todos os seus produtos para compra. Nela voc pode visualizar os detalhes do produto, remover um produto do carrinho de compras, mover o produto para a lista de desejos, saber o preo do produto, aumentar ou diminuir a quantidade, informao do preo unitrio, do subtotal de cada produto e o total da compra. Qualquer alterao que fizer nesta pgina clique no boto Atualizar Carrinho para que as alteraes sejam processadas. Se quiser continuar comprando clique no boto Continuar comprando e encontre outros produtos de sua escolha. Poder tambm fazer uma estimativa de frete e impostos, descontos se tiver e fazer o seu pedido.

Cupom / Vale Presente

A loja fornece promoes e descontos atravs de cdigos em cupons que podem ser recebidos pelo cliente atravs de seu e-mail, via correios ou at mesmo no momento da compra. Se voc tem algum cupom de Vale Presente, no momento da compra voc pode digitar o cdigo do mesmo neste item no momento da compra. Este item se encontra abaixo dos itens de seu carrinho
Desenvolvido por: Luiz Ernani de Lima Junior 16 www.codificar.com.br

de compras.

Estimativa de Frete e Impostos

Estima o valor de frete e impostos que podem vir a ter no envio do pedido. Voc indica o local de envio do pedido e clica no boto Cotar. Logo depois so apresentadas todos os valores de frete e impostos que incidiro no preo para o envio do pedido. Se clicar no boto Atualizar Total o preo do frete e impostos se somaro ao preo total do carrinho de compras.

Figura 13: Estimativa de Frete e Impostos

Fazer o Pedido de Compra

Para fazer o pedido de compra de seus produtos clique no boto Fazer Pedido de Compra. A pgina de Pedido de Compra contm 5 passos para finalizar o pedido de sua compra: 1) Informaes de cobrana: Neste passo voc dever informar o endereo para envio da
Desenvolvido por: Luiz Ernani de Lima Junior 17 www.codificar.com.br

fatura de cobrana. Defina se quer utilizar algum endereo cadastrado em sua conta ou adicione um novo endereo clicando no link novo endereo. Existem tambm duas opes para enviou do pedido: enviar para este endereo (se marcar esta opo o passo 2 ser pulado e o pedido ser enviado para o mesmo de cobrana) ou enviar para endereos diferentes (se marcar esta opo o passo 2 ser ativado) Veja a figura abaixo:

Figura 14: Informaes de Cobrana 2) Informaes de envio: Neste passo voc dever informar o endereo para o envio do pedido. Defina se quer utilizar algum endereo cadastrado em sua conta ou adicione um novo endereo clicando no link novo endereo. Exite ainda a opo de usar o mesmo endereo de cobrana. Veja a figura abaixo:

Desenvolvido por: Luiz Ernani de Lima Junior

18

www.codificar.com.br

Figura 15: Informaes de Envio 3) Mtodo de envio: Neste passo escolha o mtodo de envio: pelos correios, transportadora area ou rodoviria, motoboy, buscar no local. Veja figura abaixo:

Desenvolvido por: Luiz Ernani de Lima Junior

19

www.codificar.com.br

Figura 16:Mtodos de Envio

4) Informaes de Pagamento: Neste passo escolha a melhor forma de pagamento: Cheque, Carto, Depsito Bancrio, Boleto Bancrio. Veja figura abaixo:

Desenvolvido por: Luiz Ernani de Lima Junior

20

www.codificar.com.br

Figura 17: Informaes de Pagamento

5) Rever Pedido: Neste passo voc tem informaes sobre o seu pedido: produtos, preos, quantidades, frete e impostos, subtotais e total. Exite tambm um link chamado Editar seu carrinho de compras, se voc quiser incluir um ou remover um item. Se estiver tudo certo clique no boto Pedir Encomenda para efetuar sua compra. Veja a figura abaixo:

Desenvolvido por: Luiz Ernani de Lima Junior

21

www.codificar.com.br

Figura 18: Rever Pedido de Compra

Aps efetuar a compra a tela abaixo exibida e lhe dar o nmero de seu pedido.

Desenvolvido por: Luiz Ernani de Lima Junior

22

www.codificar.com.br

Figura 19: Pedido de Compra Recebido

Fazer uma compra como visitante

Para fazer uma compra como visitante, voc deve procurar os produtos de seu interesse e ir adicionando os produtos a seu carrinho de compras. Com todos os produtos j no carrinho de compras, s voc clicar no link Faze Pedido no canto superior direito de qualquer pgina da loja. Depois marque a opo de Fechar compra como visitante e preencha os seus dados pessoais, endereo de cobrana e envio, e todos os outros passos do item de Fazer o pedido de compra deste tutorial. recomendado que voc se registre na loja pois assim ter facilidade para fazer o pedido, acesso a seu histrico de pedidos e status.

Desenvolvido por: Luiz Ernani de Lima Junior

23

www.codificar.com.br

Figura 20: Fazer uma compra como visitante

Desenvolvido por: Luiz Ernani de Lima Junior

24

www.codificar.com.br