Академический Документы
Профессиональный Документы
Культура Документы
Magentoecommerce
Sumrio
Introduo.............................................................................................................................................3
Pginainicial(HomePage)..................................................................................................................3
CriarumacontaouEntrar(Login)..................................................................................................4
CriarumaConta..........................................................................................................................5
Entrar(Login).............................................................................................................................6
MinhaConta.........................................................................................................................................7
MenuMinhaConta..........................................................................................................................7
PaineldaConta...........................................................................................................................7
InformaesdeConta.................................................................................................................8
Listadeendereos.......................................................................................................................8
MeusPedidos..............................................................................................................................8
MinhasOpiniesdeProdutos.....................................................................................................9
MinhasTags..............................................................................................................................10
AssinaturadeNewsletter...........................................................................................................12
MinhalistadeDesejos..............................................................................................................12
ComparaodeProdutos...............................................................................................................13
CarrinhodeCompras..........................................................................................................................14
EncontrarProdutos.........................................................................................................................14
TeladoProduto..............................................................................................................................14
Oprodutonocarrinhodecompras................................................................................................15
Cupom/ValePresente..............................................................................................................16
EstimativadeFreteeImpostos..................................................................................................17
FazeroPedidodeCompra.........................................................................................................17
Fazerumacompracomovisitante......................................................................................................22
SumriodeFiguras
Figura1:Pginainicial(HomePage)...................................................................................................4
Figura2:EntrarouCriarumaContanaLoja.......................................................................................5
Figura3:CriarumaNovaContaparaCliente......................................................................................6
Figura4:MinhaConta..........................................................................................................................7
Figura5:MeusPedidosdeCompra......................................................................................................9
Figura6:MinhasOpiniesdeProdutos.............................................................................................10
Figura7:MinhasTags.........................................................................................................................11
Figura8:Produtosrelacionadoscomatag.........................................................................................11
Figura9:MinhaListadeDesejos.......................................................................................................12
Figura10:ComparaodeProdutos...................................................................................................13
Figura11:TeladoProduto..................................................................................................................15
Figura12:CarrinhodeCompras........................................................................................................16
Figura13:EstimativadeFreteeImpostos..........................................................................................17
Figura14:InformaesdeCobrana..................................................................................................18
Figura15:InformaesdeEnvio........................................................................................................19
Figura16:MtodosdeEnvio...............................................................................................................19
Figura17:InformaesdePagamento................................................................................................20
Figura18:ReverPedidodeCompra...................................................................................................21
Figura19:PedidodeCompraRecebido.............................................................................................21
Figura20:Fazerumacompracomovisitante.....................................................................................22
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Introduo
Magento ecommerce uma plataforma de gesto de lojas online de cdigo aberto
desenvolvidaemPHP.umadassoluesgratuitasmaisbonitasdecomrcioeletrnico.Comele
podesemontarumabelalojaparavenderprodutosnaInternetcomcustozerojquesetratadeum
softwareopensource(CdigoAberto)deecommerce(ComricoEletrnico).
Pginainicial(HomePage)
ApginainicialcontmumMenusuperioreoutroMenunalateralesquerdaeocorpoda
pgina.
OMenusuperiorestardisponvelemtodasaspginasdaloja.Noseuladoesquerdo,temos
onomedaloja.Aoclicarnonomedalojaemqualquerpgina,vocserredirecionadoparaa
pginainicial.Abaixodonomedalojatemosumcardpiocomvriascategoriasdeprodutos.Se
passar o mouse em uma desta categorias, voc ver outras subcategorias. Ao clicar em uma
subcategoriavocserredirecionadaparaapginadasubcategoriaescolhidaeaparecerumalista
com os produtos de subcategoria. Ainda no Menu superior, agora do lado direito, temos uma
ferramentadebusca,quepermiteprocuraralgumprodutoemtodoosite.Bastadigitarumapalavra
oufraserelacionadacomoprodutoquevocestprocurandoeclicarnobotoProcurar.Abaixo
daferramentadebusca,temoslinksdeatalho:MinhaConta,Minhalistadedesejos,Meucarrinho
de compras, Finalizar pedido, Conectar/Desconectar que sero mais detalhados frente neste
tutorial.
NoMenulateral,podemosterinformaesdocarrinhodecompras,dalistadedesejosdo
usurio,dosprodutoscomparados,produtosrecentementeprocurados,publicidade,enquetes.
Ocorpodapginapodemosterosprodutosmaisrecentes,maisprocurados,empromoo,
outrasofertas,publicidade,descontos,etc...
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura1:Pginainicial(HomePage)
CriarumacontaouEntrar(Login)
OprimeiropassoparaefetuarumacompraatravsdoMagentocriarumacontanalojaou
entrarcomoemaileasenha(casojtenhaumacontanaloja)atravsdaopoEntrar(Login)no
cantosuperiordireitodapginainicialoufazerumacompracomovisitante.Abrirumatelapara
entrarnaloja(casojtenhaabertoumcontanaloja)ouparacriarumacontanalojacommostrado
nafiguraaabaixo:
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura2:EntrarouCriarumaContanaLoja
CriarumaConta
ParacriarumacontacliquenobotoCriarumaContanaTeladeLogin(Vejafigura
acima).AbrirapginaCriarumaConta(vejafiguraabaixo)parainseriralgumasinformaes
pessoaisedeLogin:Nome,Sobrenome,EmaileSenha.Oscamposcomumasteriscovermelho
sodepreenchimentoobrigatrio.Existetambmaopodeassinarnewsletter.Marqueestaopo
casodesejereceberumboletiminformativodeprodutos,promoesououtrosserviosdaloja.
DepoisdepreenchidoosdadossclicarnobotoEnviarnocantoinferiordireitodapgina.
Pronto,agoravocjtemumacontanaloja.Vocestarconectadonaloja.
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura3:CriarumaNovaContaparaCliente
Entrar(Login)
ParaseconectarnalojasdigitaroseuemaileasenhaeclicarnobotoEntrar.(Veja
figura2).Jconectadonaloja,abrirapginaMinhaConta(VejaFiguraabaixo).
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura4:MinhaConta
MinhaConta
Nestapginavocteracessoatodasassuasinformaes:Informaespessoais,endereos,
suascomprasepedidos,suasanlisedeprodutosetc.ApginaMinhaConta,podeseracessada
dequalqueroutrapginadaloja,poisemcadapginahaverumlinkchamadoMinhaContana
partesuperiordireito.
MenuMinhaConta
OMenuMinhaContaestlocalizadodoladoesquerdodapginaMinhaConta(Veja
figura4).Elepossuioitoitensqueserodetalhadosabaixo.
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
PaineldaConta
NoPaineldesuaConta(Vejafigura4)vocpodeverumagradedasatividadesrecentesda
suacontaeatualizarassuasinformaes.Vocpodeversuascomprascomseusnmeros,verificar
ostatus,ouseja,seaindaestpendente,jfoienviadooujestfinalizado.Podevertambmsuas
anlisesdeprodutosesuastagsparacadaproduto.Paraeditarsuasinformaescliquenolinkedit.
InformaesdeConta
NesteitemvocpodealterarseusdadosdeConta,comonome,sobrenome,emailesenha.
Depoisdealterado,clicarnobotoGravarnocantoinferiordireito.
Listadeendereos
Este item possui as informaes de contato e endereo de cobrana e envio: nome,
sobrenome,empresa,telefone,faxeendereocompleto.Vocpodeacrescentarumnovoendereo
clicandonobotoAcrescentarnovoendereo.Depoisdeinseriroualteraralgumcampoclicarno
botoGravarEndereonocantoinferiordireito.
MeusPedidos
Esteitempossuiumalistacomtodososseuspedidosdecomprafeitosnaloja.Cliqueno
linkVerCompradoladodireitodecadapedidoparaobtermaisdetalhes.
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura5:MeusPedidosdeCompra
MinhasOpiniesdeProdutos
Esteitemcontmsuasanliseseopiniessobredeterminadosprodutosdaloja.Vocpoder
fazeranliseseopiniesemqualquerprodutodaloja.
Desenvolvidopor:LuizErnanideLimaJunior
www.codificar.com.br
Figura6:MinhasOpiniesdeProdutos
MinhasTags
Esteitemcontmtodasastagsquevocincluiuemumoumaisprodutos.AsTagsso
palavrasoufrasesquedescrevemumdeterminadoproduto.Aoclicarnolinkdatag,carregaruma
pgina contendoosprodutos relacionados comaquelatag.Nestapginavocpodereditar ou
apagarsuatag,almdepoderincluiroprodutonoseucarrinhodecomprasounalistadedesejos.
Desenvolvidopor:LuizErnanideLimaJunior
10
www.codificar.com.br
Figura7:MinhasTags
Figura8:Produtosrelacionadoscomatag
Figura7:MinhasTags
Desenvolvidopor:LuizErnanideLimaJunior
11
www.codificar.com.br
AssinaturadeNewsletter
Este item permite voc assinar umnewslettera qualquermomento.Lembrandoque um
newsletterumboletiminformativodeprodutos,promoesououtrosserviosdaloja.
MinhalistadeDesejos
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
desejosenaprximapginainseriroemaildapessoaeescreverumamensagem.Voctambm
podeacrescentaresteprodutoaoseucarrinhodecompras.ApginaMinhaListadeDesejos,
podeseracessadadequalqueroutrapginadaloja,poisemcadapginahaverumlinkchamado
MinhaListadeDesejosnapartesuperiordireito.
Figura9:MinhaListadeDesejos
Desenvolvidopor:LuizErnanideLimaJunior
12
www.codificar.com.br
ComparaodeProdutos
Esteitemexibeosprodutosladoaladoparaumacomparao,comomostradonafigura
abaixo:
Figura10:ComparaodeProdutos
Desenvolvidopor:LuizErnanideLimaJunior
13
www.codificar.com.br
CarrinhodeCompras
Estetermojbastanteconhecidonossitesdecomrcioeletrnicos.Vocvaiselecionando
osprodutosquedesejacomprarevaiadicinandonoseucarrinhodecomprascomoseestivessenum
supermercado. Na pgina Minha Conta este item encontrado no Menu lateral esquerdo. A
pginaMeuCarrinhodeCompras,podeseracessadadequalqueroutrapginadaloja,poisem
cadapginahaverumlinkchamadoMeuCarrinhodeComprasnapartesuperiordireitoeuma
gradenoMenulateraldireito.
EncontrarProdutos
Existem3maneirasparaencontrarumproduto:
Usandoabarradebuscanocantosuperiordireitodequalquerpginadalojadigitandoonome
doprodutoouumapalavraquesejaumacaractersticadoproduto;
Clicandoemumadascategoriasdeprodutosnocantosuperioresquerdodequalquerpginada
loja(logoabaixodonomedaloja);
Oudiretamentenoprodutodapginainicial.
TeladoProduto
Nesta tela esto todos os dados do produto: nome, descrio, imagens, preo,
disponibilidade, etc. Voc pode tambm executar algumas funes como: enviar um email do
produtoparaumamigo,fazerumcomentriodoproduto,adicionloalistadedesejos,adicionara
umalistaparacompararcomoutrosprodutos,adicionartags,etc.
Desenvolvidopor:LuizErnanideLimaJunior
14
www.codificar.com.br
Figura11:TeladoProduto
Oprodutonocarrinhodecompras
Depoisdeencontradooprodutovocdefineaquantidadequegostariadecomprarclicano
botoAdicionaraoCarrinhodeCompras.Apginaabaixoserexibida:
Desenvolvidopor:LuizErnanideLimaJunior
15
www.codificar.com.br
Figura12:CarrinhodeCompras
Nestapginaestarotodososseusprodutosparacompra.Nelavocpodevisualizar os
detalhesdoproduto,removerumprodutodocarrinhodecompras,moveroprodutoparaalistade
desejos, saber o preo do produto, aumentar ou diminuir a quantidade, informao do preo
unitrio,dosubtotaldecadaprodutoeototaldacompra.Qualqueralteraoquefizernestapgina
cliquenobotoAtualizarCarrinhoparaqueasalteraessejamprocessadas.Sequisercontinuar
comprando cliquenobotoContinuarcomprandoeencontreoutrosprodutosdesuaescolha.
Podertambmfazerumaestimativadefreteeimpostos,descontossetiverefazeroseupedido.
Cupom/ValePresente
A loja fornece promoes e descontos atravs de cdigos em cupons que podem ser
recebidospeloclienteatravsdeseuemail,viacorreiosouatmesmonomomentodacompra.Se
voctemalgumcupomdeValePresente,nomomentodacompravocpodedigitarocdigodo
mesmonesteitemnomomentodacompra.Esteitemseencontraabaixodositensdeseucarrinho
Desenvolvidopor:LuizErnanideLimaJunior
16
www.codificar.com.br
decompras.
EstimativadeFreteeImpostos
Estimaovalordefreteeimpostosquepodemviraternoenviodopedido.Vocindicao
localdeenviodopedidoeclicanobotoCotar.Logodepoissoapresentadastodososvaloresde
freteeimpostosqueincidironopreoparaoenviodopedido.SeclicarnobotoAtualizarTotal
opreodofreteeimpostossesomaroaopreototaldocarrinhodecompras.
Figura13:EstimativadeFreteeImpostos
FazeroPedidodeCompra
ParafazeropedidodecompradeseusprodutoscliquenobotoFazerPedidodeCompra.
ApginadePedidodeCompracontm5passosparafinalizaropedidodesuacompra:
1) Informaesdecobrana: Nestepassovocdeverinformaroendereoparaenvioda
Desenvolvidopor:LuizErnanideLimaJunior
17
www.codificar.com.br
fatura decobrana.Definasequerutilizaralgumendereocadastradoemsuaconta ou
adicioneumnovoendereoclicandonolinknovoendereo.Existemtambmduasopes
para envioudopedido:enviarparaesteendereo(semarcarestaopoopasso2 ser
pulado e o pedido ser enviado para o mesmo de cobrana) ou enviar para endereos
diferentes(semarcarestaopoopasso2serativado)Vejaafiguraabaixo:
Figura14:InformaesdeCobrana
2) Informaes de envio: Neste passo voc dever informar o endereo para o envio do
pedido.Definasequerutilizaralgumendereocadastradoemsuacontaouadicioneum
novoendereoclicandonolinknovoendereo.Exiteaindaaopodeusaromesmo
endereodecobrana.Vejaafiguraabaixo:
Desenvolvidopor:LuizErnanideLimaJunior
18
www.codificar.com.br
Figura15:InformaesdeEnvio
3) Mtododeenvio: Nestepassoescolhaomtododeenvio:peloscorreios,transportadora
areaourodoviria,motoboy,buscarnolocal.Vejafiguraabaixo:
Desenvolvidopor:LuizErnanideLimaJunior
19
www.codificar.com.br
Figura16:MtodosdeEnvio
4) InformaesdePagamento:Nestepassoescolhaamelhorformadepagamento:Cheque,
Carto,DepsitoBancrio,BoletoBancrio.Vejafiguraabaixo:
Desenvolvidopor:LuizErnanideLimaJunior
20
www.codificar.com.br
Figura17:InformaesdePagamento
5) ReverPedido: Nestepassovocteminformaessobreoseupedido:produtos,preos,
quantidades,freteeimpostos,subtotaisetotal.ExitetambmumlinkchamadoEditarseu
carrinhodecompras,sevocquiserincluirumouremoverumitem.Seestivertudocerto
cliquenobotoPedirEncomendaparaefetuarsuacompra.Vejaafiguraabaixo:
Desenvolvidopor:LuizErnanideLimaJunior
21
www.codificar.com.br
Figura18:ReverPedidodeCompra
Apsefetuaracompraatelaabaixoexibidaelhedaronmerodeseupedido.
Desenvolvidopor:LuizErnanideLimaJunior
22
www.codificar.com.br
Figura19:PedidodeCompraRecebido
Fazerumacompracomovisitante
Parafazerumacompracomovisitante,vocdeveprocurarosprodutosdeseuinteresseeir
adicionando os produtosaseucarrinhodecompras.Comtodos osprodutos jnocarrinho de
compras,svocclicarnolinkFazePedidonocantosuperiordireitodequalquerpginada
loja.DepoismarqueaopodeFecharcompracomovisitanteepreenchaosseusdadospessoais,
endereodecobranaeenvio,etodososoutrospassosdoitemdeFazeropedidodecompradeste
tutorial.recomendadoquevocseregistrenalojapoisassimterfacilidadeparafazeropedido,
acessoaseuhistricodepedidosestatus.
Desenvolvidopor:LuizErnanideLimaJunior
23
www.codificar.com.br
Figura20:Fazerumacompracomovisitante
Desenvolvidopor:LuizErnanideLimaJunior
24
www.codificar.com.br