presentació de magento

19
Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware © Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/ Presentació de Magento (eCommerce) Breu introducció a Magento Magento és una de les plataformes eCommerce de codi obert més utilitzades i més completes en l'actualitat. Ofereix flexibilitat i control sempre acompanyat d'un gran disseny i funcionalitat. Al ser OpenSource ens permet modificar-lo i adaptar-lo a les necessitats de cada usuari i completament gratis. Magento a més a més ens ofereix la possibilitat d'avançar a versions comercials i augmentar el poder de la botiga electrònica, permetent al propietari de la botiga virtual fer realitat els seus més específics requeriments, tant en la seva versió gratuïta com en les versions comercials. Un dels aspectes més impressionants de Magento és el bon ús de Zend Framework. Això permet un sistema model-vista-controlador (MVC) que separa el nucli d'operacions de la funcionalitat i aparença. Algunes xifres de Magento eCommerce 25.000 milions de dòlars en transaccions. Més de 30.000 botigues virtuals (versió empresarial). Més de 1.700 aplicacions. 1,5 milions de descàrregues. Història Varien, l'empresa propietària de Magento, va treballar anteriorment amb osCommerce. Magento va començar oficialment el desenvolupament a principis de 2007. Set mesos després, al 31 d'agost de 2007, la primera versió beta pública va ser publicada. El 30 de maig de 2010, Magento mòbil va ser publicada i permetia als propietaris d'una botiga crear aplicacions natives d'aparador mòbil. Al setembre de 2010, Magento va llançar Magento Mobile, una plataforma d'extensió per construir aplicacions natives per iOS. Al febrer de 2011, eBay va anunciar que havia realitzat una inversió en Magento el 2010, comprant el 49% de la companyia. A partir del 06 de juny de 2011 eBay va esdevenir propietària del 100% de Magento. Característiques · Integració amb Google Analytics.

Upload: roger-casadejus-perez

Post on 25-Dec-2014

46 views

Category:

Documents


0 download

DESCRIPTION

Presentació de Magento. Més manuals a: http://www.exabyteinformatica.com

TRANSCRIPT

Page 1: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Presentació de Magento (eCommerce)

Breu introducció a Magento

Magento és una de les plataformes eCommerce de codi obert més utilitzades i més completes

en l'actualitat. Ofereix flexibilitat i control sempre acompanyat d'un gran disseny i

funcionalitat. Al ser OpenSource ens permet modificar-lo i adaptar-lo a les necessitats de cada

usuari i completament gratis.

Magento a més a més ens ofereix la possibilitat d'avançar a versions comercials i augmentar el

poder de la botiga electrònica, permetent al propietari de la botiga virtual fer realitat els seus

més específics requeriments, tant en la seva versió gratuïta com en les versions comercials.

Un dels aspectes més impressionants de Magento és el bon ús de Zend Framework. Això

permet un sistema model-vista-controlador (MVC) que separa el nucli d'operacions de la

funcionalitat i aparença.

Algunes xifres de Magento eCommerce

25.000 milions de dòlars en transaccions. Més de 30.000 botigues virtuals (versió empresarial).

Més de 1.700 aplicacions. 1,5 milions de descàrregues.

Història

Varien, l'empresa propietària de Magento, va treballar anteriorment amb osCommerce.

Magento va començar oficialment el desenvolupament a principis de 2007. Set mesos després,

al 31 d'agost de 2007, la primera versió beta pública va ser publicada. El 30 de maig de 2010,

Magento mòbil va ser publicada i permetia als propietaris d'una botiga crear aplicacions

natives d'aparador mòbil.

Al setembre de 2010, Magento va llançar Magento Mobile, una plataforma d'extensió per

construir aplicacions natives per iOS.

Al febrer de 2011, eBay va anunciar que havia realitzat una inversió en Magento el 2010,

comprant el 49% de la companyia. A partir del 06 de juny de 2011 eBay va esdevenir

propietària del 100% de Magento.

Característiques

· Integració amb Google Analytics.

Page 2: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

· Filtres per navegar per la botiga segons els atributs del producte (rang de preus, fabricants,

marques, etc.).

· Cercador avançat de productes. Llistat de cerques recents.

· Comparador de productes.

· Possibilitat d'estimar les despeses d'enviament, abans de realitzar la compra.

· Possibilitat de realitzar tot el procés de compra des d'una mateixa pàgina.

· Estadístiques i informes de tot tipus des de el backoffice.

· Un sistema per realitzar actualitzacions tant de noves versions de Magento com de noves

extensions, dissenys o idiomes d'una manera fàcil i còmode.

Disseny

· Múltiples dissenys per a la botiga online, configurables per rang de dates, etc.

· Configurable en un 100% a través de templates. Existint més de 1.000 templates disponibles.

· Gestió d'imatges.

· Possibilitat de múltiples imatges per producte, amb zoom.

· CMS per a la gestió de pàgines de contingut.

· Gestió de bàners estàtics i dinàmics.

Màrqueting i fidelització

· Possibilitat de mostrar la botiga amb un disseny o un altre, mostrar, ocultar o destacar

productes, o mostrar continguts, en un determinat rang de dates.

· Llistes de productes d'interès.

· Cupons de descompte configurables.

· Sistema de punts de fidelització.

· Butlletí de notícies.

· Enquestes per als usuaris.

· Anàlisi multivariant amb Google.

· RSS per a ofertes i nous productes.

Page 3: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Arquitectura

Magento està construït sobre Zend Framewok per assegurar que el codi font sigui segur i

escalable. Zend Framework proporciona una llibreria de codi orientat a objectes amb el

compromís d'una sòlida companyia darrere de ell.

Magento es construeix sota tres principis fonamentals:

Flexibilitat: Cada solució hauria de ser tan única com els negocis que estan darrere de ella. El

codi de Magento permet una personalització perfecte.

Actualitzable: Velocitat i seguretat. Els estàndards de codificació utilitzats pels

desenvolupadors, segueixen les millors pràctiques per maximitzar l'eficiència del programari i

proporcionen una vitrina segura en línia.

Nucli: El nucli de Magento conté totes les funcionalitats incloses en la versió per a descàrrega.

El nucli del codi és una col·lecció de mòduls desenvolupats o certificats per l'equip principal de

desenvolupament de Magento. L'edició dels arxius del nucli no és recomanable i des habilitarà

l'habilitat per actualitzar Magento en el futur.

Extensions

Hi ha 3 tipus d'extensions:

Mòduls: Un mòdul és una extensió que estén les característiques i funcionalitats de Magento.

Interfície: Una interfície és una col·lecció de temes que determinen la sortida visual i

funcionalitats del lloc (front-end) de la seva botiga. Una interfície pot ser assignada a nivell de

lloc web, a nivell de botiga o a nivell de lloc web i botiga, a través del panell d'administració.

Temes: Un tema és una combinació d'un disseny (layout), plantilla (template) i/o arxius de

màscara (skins) que creen l'experiència visual de la seva botiga.

Blocs

Els blocs són la forma en què Magento designa l'arranjament de funcionalitats en el sistema i

crea una forma modular per gestionar aquest arranjament des del punt de vista visual i

funcional. Hi ha dos tipus de blocs i treballen junts per crear la sortida visual.

Blocs Estructurals: Són blocs creats amb l'únic propòsit d'assignar una estructura visual a una

pàgina.

Blocs de contingut: Aquests són blocs que produeixen el contingut dins de cada bloc

estructural. Són representacions de cada característica funcional en una pàgina i empra arxius

del template per generar el XHTML a ser inserit dins del seu bloc estructural pare.

Page 4: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Model vista controlador (MVC)

Magento utilitza una arquitectura MVC (Model-vista-controlador). En molt poques paraules,

aquesta arquitectura, MVC consisteix a separar el codi responsable de la lògica de negoci d'una

aplicació (model) de la seva representació visual (vista) i de les accions que poden realitzar-se

sobre aquesta lògica (controlador).

Cada mòdul (cada directori dins de “app/code/ core/ Mage” ) conté el seu controlador i el seu

model però les vistes es troben en “app/design/”.

Quan es crida a una pàgina en Magento, el router assenyala quin controlador cal triar, i aquest

realitza l'acció sol·licitada. Posem un exemple real: el controlador del catàleg és responsable

de dir-li a Magento que carregui una col·lecció de productes i mostrar-los en la seva

corresponent vista. Per mostrar-los, el contralador li diu a Magento quin layout ha d’utilitzar

(en aquesta cas catalog.xml). Aquest determinarà els mòduls que s’han d’utilitzar, que al seu

torn especifiquen les vistes que anem a fer servir. Podem dir que els blocs encaixen més o

menys entre la vista i el model.

Els conjunts de mòduls actuen com a entitats petites, que contenen (en gran part) el seu propi

model MVC . Així, aquests mòduls criden a les seves pròpies vistes.

Avantatges

Avantatges per al venedor:

Són totalment configurables les vendes creuades, les promocions, cupons o tipus de clients, les

estadístiques, els newsletters, butlletins, etc.

Avantatges per a l'usuari:

Intuïtiu i atractiu per al comprador, amb moltes opcions que faciliten la navegació, la cerca de

productes i el procés de compra i checkout.

Gestió fàcil i intuïtiva tant en la instal·lació com en la configuració de la botiga i els productes.

Té el millor panell d'administració de totes les plataformes de comerç electrònic. El que fa que

la gestió de la botiga sigui molt més eficaç i agradable. Permet que un usuari amb un nivell

baix, pugui instal·lar fàcilment nous templates, realitzar vendes creuades, etc.

Potència comercial: Magento compta amb innombrables eines per potenciar les vendes en la

nostra botiga. És ideal per configurar vendes creuades, descomptes de tot tipus, promocions,

cupons, newsletters, informes i estadístiques.

Escalabilitat: MagentoConnect, un sistema per realitzar actualitzacions tant de noves versions

de Magento com d'extensions (més de 2.000 disponibles), plugins, themes o idiomes d'una

manera fàcil i còmoda.

Page 5: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Maduresa: Malgrat ser un projecte Open Source, Magento té una gran companyia darrere,

amb més de 150 empleats, la qual cosa garanteix l'estabilitat del projecte a llarg termini. És

sens dubte la plataforma més premiada dels últims anys.

Estàndard: Magento s'ha convertit en la plataforma capdavantera de comerç electrònic. Té la

major comunitat mundial de desenvolupadors i dissenyadors. Això ho demostren les més de

60.000 botigues actives i el 1,5 milions de descàrregues.

Funcionalitat

Màrqueting i promocions:

· Cupons descompte per volum o percentatge.

· Newsletters i RSS.

· Cross-selling i Up-selling.

· Social shopping (Facebook).

· Optimització als cercadors.

· Mapa del lloc per Google (sitemap.xml).

· URL’s amigables.

· Entrar informació de productes i categories.

· Gestió de catàleg.

· Configuració d'atributs com a talles i colors.

· Gestió d'Inventari.

· Productes virtuals.

· Regles avançades de fixació de preus.

· Navegació de productes.

· Múltiples imatges per producte.

· Zoom a les imatges.

· Suport internacional.

· Multilingüe.

· Diverses divises.

Page 6: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

· Enviament.

· Enviament a múltiples adreces en un enviament.

· Múltiples enviaments per comanda.

· Enviament gratuït opcional.

· Atenció al client.

· Comptes de clients.

· Seguiment de comandes.

· Gestió de comandes.

· Veure, editar, crear comandes des del panell de control.

· Creació de múltiples factures.

· Anàlisi i Informes.

· Informe global de vendes.

· Eliminar carrets de compra.

· Integració amb Google Analytics.

· Administració del lloc.

· Control de múltiples botigues des del mateix panell de control.

· Gestió de landing pages.

· Navegació de catàleg.

· Filtrat de productes per categoria.

· Filtrat de productes en resultats de cerca.

· Comparacions de productes.

· Opinions de productes.

· Comerç mòbil.

· Optimitzat per iPhone.

· Comanda d'una pàgina.

· Comandes sense tenir compte obert / anònims.

· Enviament a múltiples adreces en una comanda.

Page 7: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

· Integració amb passarel·les com PayPal o Google CheckOut.

· Extensions de pagament en Magento Connect.

· Comandes recents.

· Realitzar comandes anteriors.

Tecnologia emprada

Servidors web suportats: Apache 1.3.x, Apache 2.0.x, Apache 2.2.x, etc.

Navegadors suportats: Microsoft Internet Explorer 7 i superiors, Mozilla Firefox 3.5 i superiors,

Apple Safari 5 i superiors, Google Chrome 7 i superiors, Adobe Flash ha d'estar instal·lat en

l'explorador.

Compatibilitat PHP: PHP 5.2.13 o superior.

Extensions requerides: PDO_MySQL, simplexml, mcrypt, hash, GD, DOM, iconv, curl, SOAP,

MySQL 4.1.20 o més nou, motor d'emmagatzematge InnoDB, SSL.

Si HTTPS s'utilitza per treballar en el certificat d’admin, el certificat SSL ha de ser vàlid.

Autofirmats de certificats SSL no són compatibles.

Servidor - allotjament - la instal·lació: capacitat d'executar tasques programades amb PHP 5,

Capacitat d'anul·lar les opcions i .htaccess.

Instal·lació

Per dur a terme una correcta instal·lació de Magento sobre Windows, necessitarem instal·lar la

plataforma WAMP.

Instal·lació de la plataforma WAMP, descàrrega i instal·lació de WampServer:

Per a la descàrrega de WampServer anem a la pagina de descàrrega d'aquesta distribució:

http://www.wampserver.com/en/download.php.i procedim a la descàrrega de l'última versió

disponible.

Una vegada has descarregat el programari WampServer inicia la instal·lació executant l'arxiu

WampServerX-x32.exe. Si el vols instal·lar en Windows Vista, Windows 7 o Windows 2008

recorda que has d'arrencar l'executable com a administrador. Per instal·lar com a

administrador WampServer fes el següent, en l'explorador d'arxius busca i selecciona l'arxiu

WampServerX-x32.exe, prem el botó dret del ratolí i apareixerà un menú, selecciona, prement

el botó esquerre del ratolí, l'opció 'Executar com a administrador'.

Page 8: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

La primera finestra que apareixerà és la de benvinguda al Setup Wizard de la instal·lació, prem

el botó Següent per continuar.

La següent finestra mostra l'acord de llicència, accepta i clicka a Següent per continuar.

En la finestra següent has d'especificar el directori on vols realitzar la instal·lació, el Setup

mostra una directori per defecte: c:\wamp, on realitzarà la instal·lació, si vols instal·lar-ho en

una altre directori, selecciona el directori on vols que s’instal·li i clicka Següent per continuar.

Finalment t’apareixerà una finestra amb el resum de les tasques que has de realitzar al Setup

de WampServer, prem el botó Install i la instal·lació començarà.

Durant el procés d'instal·lació apareix l'explorador d'arxius perquè seleccions el navegador que

utilitzaràs per defecte cada vegada que facis servir les eines incloses en WampServer, com per

exemple PhpMyAdmin, per defecte WampServer utilitzarà el navegador Internet Explorer de

Microsoft.

Si en el PC o servidor on estàs instal·lant tens muntat un servidor de correu (servidor SMTP)

introdueix el nom del servidor de correu en el camp SMTP i un compte de correu vàlid en el

camp Email, això servirà per fer ús de la funció mail() de PHP com a remitent per a correus de

sortida.

Una vegada acabada la instal·lació prem el botó Acabar.

Una vegada finalitzada la instal·lació de Wamp Server procedirem a instal·lar Magento.

WampSever inclou un menú emergent (panell de control) per poder realitzar les tasques

d'administració d'Apache, PHP, MySQL, etc., per accedir a ell posa el punter del ratolí sobre la

icona de la barra de notificacions i prem el botó esquerre del ratolí, apareixerà el panell

d'administració de WampServer.

Des d'aquí s'administra tot l'entorn de treball, pots arrencar, parar els serveis d'Apache i

MySQL, pots administrar MySQL amb phpMyAdmin i moltes més tasques especifiques de cada

component.

Instal·lació de Magento

Una vegada hem acabat amb la instal·lació i configuració dels servidors és el moment de

començar amb la instal·lació de Magento.

Per a això, el primer que hem de fer és descarregar-nos de la secció de descàrregues de la web

de Magento l'última versió disponible.

En aquest moment procedirem a la instal·lació:

Una vegada descarregat el paquet de Magento, premem sobre a l'opció ‘www directory’ de

l'aplicació de control de WampServer, la qual cosa ens obrirà una finestra de l'explorador de

Windows amb la carpeta on hem de descomprimir el fitxer que hem baixat anteriorment.

Page 9: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Per a la instal·lació de Magento és necessària la creació d'una nova base de dades en el

servidor MySQL per fer-ho procedim com abans per accedir a l'aplicació phpMyAdmin.

Aquesta vegada se'ns demanarà un usuari i contrasenya per accedir, el usuari és ‘root’ i la

contrasenya la que haguem introduït anteriorment. Una vegada dins de phpMyAdmin

localitzem la secció ‘Crear una base de dades’, introduïm ‘magento’ en el textbox i premem

‘Crear’ per continuar. Si tot va bé el sistema ens dirà que la base de dades ‘magento’ s’ha creat

satisfactòriament.

Ara, una vegada creada la base de dades i descomprimit completament el paquet de Magento

en la carpeta ‘magento’ dins de el ‘www directori_local_nostre’. Obrim una finestra del nostre

navegador i introduïm la següent adreça: http://127.0.0.1/magento/ i apareix la primera

pàgina de l'instal·lador de Magento, on marquem la casella d'acceptar les condicions i premem

el botó ‘Continuar’ per passar al següent pas.

En la següent pantalla se'ns demana les opcions de localització, seleccionem les que ens

interessin i premem a ‘Continuar’.

En el següent pas s'introdueixen diferents dades de configuració com la connexió a la base de

dades, les dades d'accés via web i l'emmagatzematge de les sessions d'usuari. El primer que

hem de fer és introduir la contrasenya de l'usuari root de MySQL en el camp ‘User Password’.

Marquem la resta d'opcions d'acord a les nostres preferències i de nou premem en el botó

‘Continuar’ per arribar al següent pas.

Després de la creació de la base de dades el sistema demana les dades per a la creació de

l'usuari administrador del sistema Magento. En aquesta pàgina introduïm les dades de l'usuari

i li assignem una contrasenya.

En prémer en ‘Continuar’ acabem amb la instal·lació del sistema. A la següent pàgina se'ns

comunica això i es dóna l'opció d'anar a la interfície d’administració (Backend) o a la portada

de la botiga (Front-end).

Si hem seguit tots els passos, finalment obtindrem una instal·lació de Magento per poder

començar amb el desenvolupament de la nostra botiga.

Creació de la botiga (Exemple de botiga amb funcionalitat mínima)

A continuació es passa a explicar els primers passos després de la instal·lació de Magento.

El primer que hem de fer és accedir al lloc, per a això si hem especificat exemple.com com la

url base, només heu d’anar a http://www.exemple.com/admin. És a dir, per accedir al panell

d'administració agregui /admin al final del url base que va especificar durant la instal·lació. Una

vegada estigui en la secció d'autenticació necessitarà ingressar usant el nom d'usuari i

contrasenya que va crear durant el procés d'instal·lació. Fem clic en el botó “Login” i entrarem

en el panell d'administració.

Page 10: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Anem a explicar ara, les característiques més importants per a la creació de la botiga:

Creant múltiples llocs web i botigues

Si està interessat en la creació de múltiples llocs Web, Botigues i/o vistes de botigues pot fer-

ho navegant a “System->Manage Stores”.

Els llocs Web necessiten d'un codi únic cadascun. Aquest codi pot ser un nom de text, però no

pot tenir espais ni caràcters especials dins de ell. Pot designar l'ordre en què un lloc web

apareixerà en relació amb el seu lloc en tot l’administració de la botiga.

Per crear una nova botiga, faci clic en Create Store en la cantonada superior dreta. Seleccioni

el lloc Web al que estarà associada aquesta botiga i seleccioni la categoria arrel que serà

associada a aquesta botiga.

En la configuració de categories, pot crear múltiples arrels de categoria, cadascuna associada a

diferents botigues. Les sub categories i productes associats a aquesta categoria només seran

mostrades en la botiga que té associada la categoria arrel. Si no vol crear diferents categories

arrel per mostrar-les en diferents botigues, pot seleccionar la mateixa categoria arrel per a

totes les botigues.

Vista de botiga

Les vistes de botiga són usades per visualitzar una botiga en múltiples idiomes.

Per crear una nova vista de botiga, faci clic en Create Store View en la cantonada superior

dreta. Seleccioni la botiga a la qual la vista de botiga serà associada. Els camps del codi i ordre

de classificació funcionen com els de els llocs web.

Perquè una vista de botiga sigui visible en el “front-end”, aquesta ha d'estar habilitada

(Enabled). Pot eliminar-la des de el “front-end” sense eliminar-la, només seleccionant

Disabled (Deshabilitada).

Pot establir localitzacions (geogràfiques) úniques per a cada vista de botiga, simplement

navegui a “System->Configuration” i seleccioni l'etiqueta “General” de la columna esquerra. En

el desplegable Current Configuration Scope de mes a baix, seleccioni “Store View”. Desmarqui

la casella “Usi Website” al costat de la configuració regional i seleccioni la localització que

vostè prefereixi. Aquesta localització només s'aplicarà a aquesta vista de botiga.

Permisos

El mòdul de permisos de Magento és tant flexible com a intuïtiu, vostè pot crear rols

predefinits, que tenen accés específic a diverses parts de l'administració. Per tant, pot crear

Page 11: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

usuaris i seleccionar quin rol posseirà cada usuari. Pot associar usuaris a rols tant a la pàgina

d'usuaris com a la pàgina de rols.

Creant rols

Per crear un rol, navegui a “System->Permissions->Rols” i faci clic en Add New Role. Ingressi el

Role Name (Nom del rol). Recursos del rol, seleccioni els recursos o característiques

administratives als quals tindran accés els usuaris associats a aquest rol. Si selecciona All des

del desplegable Resource Access, aquest rol tindrà accés a tots els recursos. Si selecciona

custom, un arbre de recursos s'omplirà i haurà de seleccionar la casella per cada recurs al que

aquest rol té accés.

Faci clic en Save Role.

Rols d'Usuaris

Una vegada que un rol ha estat guardat, aquesta etiqueta apareixerà i desplegarà tots els

usuaris associats a aquest Rol. Per veure una llista de tots els usuaris, faci clic en Reset Filter.

Faci clic en la casella de tots els usuaris als quals vol associar a aquest rol, i faci clic a Save Role

de nou.

Assignant usuaris

Per crear un Usuari, navegui a “System->Permissions->Users” i faci clic en Add New User.

Informació de l'usuari: Ingressi tota la informació per a aquest usuari. El Nom d'usuari i la

contrasenya seran usats per ingressar per mitjà del Panell d'Administració de Magento. Perquè

un usuari tingui accés al panell d'Administració, l'usuari ha d'estar actiu. Pot evitar que un

usuari tingui accés al Panell d'Administració sense eliminar el compte d'Usuari canviant-ho a

inactiu.

Rol d'Usuari

Seleccioni el rol al que aquest usuari estarà associat. Aquesta pàgina produirà una llista de tots

els rols existents i vostè només haurà d'habilitar-ho al que esculli. Faci clic en Save User.

Descripció dels conceptes de catàleg

Després de seguir els passos per a la configuració inicial, és el moment de crear el catàleg. El

catàleg és la part més important de qualsevol lloc de comerç electrònic, i amb Magento,

tindrem un control complet sobre ell.

Page 12: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Creació i manteniment de les categories

Configuració per defecte: El primer pas per crear el seu catàleg és configurar els paràmetres

del sistema de catàleg. Per fer això, vagi a System -> Configuration i seleccioni la fitxa de

catàleg.

Frontend

Això determina com es mostraran els seus productes a les pàgines de catàleg del front-end.

· Productes per pàgina - Decideixi el nombre de productes que apareixen per pàgina 9,15 o 30

per defecte. Els clients podran canviar entre ells o decidir si mostren tots els productes.

· Manera llista: Només quadrícula - Els productes es mostraran en una estructura de

quadrícula i els clients no tenen l'opció de canviar aquesta situació.

· Només llista - Els productes es mostraran en una estructura de llista i els clients no tenen

opció de canviar aquesta situació.

· Quadrícula (Per defecte)/llista - Els productes es mostraran en una estructura de quadrícula

per defecte, però els clients poden canviar a una estructura de llista.

· Llista (Per defecte)/quadrícula - Els productes es mostraran en una estructura de llista per

defecte, però els clients poden canviar a una estructura de quadrícula.

Opcions de producte

· Per donar d'alta els productes només hem d'accedir al menú dels productes i fer clic en New

Product i emplenar la fitxa del producte.

· Impost per defecte - Seleccioni si la classe d'impost per defecte per als nous productes afegits

al seu catàleg seran imposables o no.

· Impost: El “Impost per defecte” ara es troba a System->Configuration->Sales->Tax->Fixed

Product Taxes.

Alertes de producte

Hi ha dos tipus d'alerta de producte a la qual els clients es poden subscriure per correu

electrònic. Cadascuna té el seu propi desplegable i la seva pròpia plantilla de correu electrònic

però comparteixen el mateix correu electrònic del remitent. L'alerta de preu crearà un enllaç a

cada pàgina de producte anomenat Dóna't d'alta en l'alerta de preus. Clickant en aquest enllaç

se subscriuran els seus clients a aquesta alerta, i rebran un correu electrònic quan el preu del

producte hagi variat. Això inclou el fet d’afegir o canviar de Preus Especials, a més a més dels

preus regulars del camp. L'Alerta d'Estoc crearà un enllaç en cada producte amb Estoc Esgotat

Page 13: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

que es dirà Registri's per obtenir una notificació quan aquest producte torni a estar en estoc.

Clickant en aquest enllaç, se subscriuran els seus clients a aquesta alerta, i rebran un correu

electrònic quan l'estat del producte torni a estar en estoc. Per a cada producte, hi ha una

pestanya amb una llista de tots els clients subscrits a qualsevol d'aquestes alertes.

Execució de la configuració d'alertes de productes

Això determina la freqüència amb la qual Magento controla tant els preus dels productes com

el canvi d'estat de l'estoc, perquè els seus clients subscrits puguin ser avisats.

· Freqüència - Si desitja designar que Magento verifiqui les actualitzacions diàries, setmanals o

mensuals.

· Hora d'inici - Seleccioni l'hora del dia (en format 24 hores) en la qual desitja que Magento

comprovi les actualitzacions.

· Error del correu electrònic del destinatari - Introdueixi l'adreça de correu electrònic a la qual

s'enviaran missatges de correu electrònic en cas de produir-se un error durant la verificació

d'actualitzacions.

· Error del correu electrònic del remitent - Seleccioni la direcció a la qual s'enviarà la notificació

d'error de correu electrònic.

· Error de la plantilla del correu electrònic - Seleccioni la plantilla que vol utilitzar per a la

notificació d'errors per correu electrònic.

Preu

Pots determinar el nivell en el qual els preus són compartits en el desplegable d'Abast del preu

del catàleg. Si selecciona Global, el preu serà compartit per tots els llocs web. Si selecciona

l’altre opció Web, els preus poden variar entre els llocs web, encara que seguirà sent

compartida entre les vistes de botiga contingudes en la mateixa web. El preu aquí afecta a

diverses àrees de Magento. Per exemple, estan inclosos els preus dels productes, la moneda

base, els filtres de preu en el admin i catàleg/normes del preu de la cistella de la compra.

Optimitzacions del motor de cerques

Configurar aquestes opcions pot fer un motor de cerques més amigable.

· Auto generar Mapa del Lloc - Si habilita aquesta funció, un enllaç cap al Mapa del Lloc es

mostrarà en el peu de pàgina del front-end, redireccionant a un mapa del lloc generat

automàticament que inclou una llista de totes les seves categories existents. A més a més de

l’Autogeneració del mapa del lloc, Magento permet la integració amb Google Sitemap. Hi ha

més informació sobre això a continuació.

Page 14: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

· Termes de cerca populars - Si habilita aquesta funció, un enllaç de termes de cerca es

mostrarà en el peu de pàgina en el front-end, que redirigirà a una llista de tots els termes de

cerca, que es mostra com un núvol (Tag cloud). Aquesta és una característica de SEO perquè

cadascun d'aquests termes de cerca es considera com un enllaç al seu lloc, i és registrat pels

motors de cerca.

· Separador del títol de la pàgina - Introdueixi un caràcter en aquest camp, i es col·locarà entre

els diferents Meta Information en el títol de la pàgina, que apareix en la part superior del

navegador.

· Usar rutes de categories per les URL’s dels productes - Això determina com es reescriu la URL

i s'auto genera. Si tria Sí, la URL es reescriu per incloure productes de la categoria d'associats, i

es generarà una reescriptura per a cada categoria d'associats. Si tria No, es reescriurà la URL

incloent només el nom del producte, i només hi haurà una reescriptura, independentment del

nombre de categories de producte que estiguin associades.

· Sufix URL del Producte (es necessita refrescar la caché) - Això també afecta la manera en què

la URL es reescriu auto generant-se. El valor introduït en aquest camp, per exemple .html,

s'afegirà automàticament al final de la reescriptura d'URL per als productes generats. Existeix

més informació sobre aquest tema en la secció sobre la Reescriptura d'URL més endavant en

aquest capítol.

Creació de categories

Per crear i editar les categories, vagi a Catàleg -> Gestionar Categories. En el centre de la

pàgina tindrà l'opció de crear una nova categoria.

· Introdueixi un nom per a la categoria. Així és com apareixerà en la part davantera dels llocs

seleccionats.

· Seleccioni la ubicació en la qual la categoria serà creada a partir de la Categoria Pare del

desplegable. El valor per defecte és l'Arrel (Root), i qualsevol de les categories creades amb

aquesta com el seu pare serà una categoria de nivell Catàleg Arrel (encara que el nom

d'aquesta categoria no té per què ser Catàleg Arrel). Un Catàleg Arrel de múltiples categories

és útil si es desitja utilitzar diferents estructures de la categoria en diferents botigues. Si no

està utilitzant una estructura de múltiples botigues, els catàlegs arrel múltiples són

innecessaris. Qualsevol de les categories creades amb un nivell de categoria de catàleg arrel

com la seva categoria pare serà una categoria de nivell superior en la barra de navegació del

front-end. Si ho desitja, pot permetre als clients subscriure's a una llista de totes les seves

categories de nivell superior a través dels canals RSS. Si una categoria de nivell superior (és a

dir, no la Catàleg d'Arrel) és seleccionada com la categoria pare, la nova categoria serà creada

com una sub categoria de la categoria de nivell superior seleccionada, i apareixerà en el front-

end en un menú desplegable quan situem el punter del ratolí damunt de la categoria de nivell

superior. Si es crea una categoria dins d'una categoria de segon nivell, la categoria del menú

s'ampliarà encara més, a la dreta, quan a la categoria de segon nivell té el punter del ratolí

damunt, i així successivament…

Page 15: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

A més a més, quan un client està navegant pel seu lloc, els nivells de la categoria apareixeran

en la part superior de la pàgina, sota la barra de navegació, en una “ruta”. Per exemple, si un

client situa el punter del ratolí en la barra de navegació, arriba a Aparador -> Pantalons ->

Homes i nens, que portarà a la pàgina de la categoria Homes.

La ruta es veurà així:

La pàgina actual estarà en text pla, i totes les categories pare seran enllaçades a les

corresponents pàgines de la categoria. El mateix és cert en el cas de les pàgines de productes.

En aquest cas, el nom del producte serà l'últim en la ruta, en text pla, i totes les categories es

vincularan. Aquesta és una funció dinàmica, de manera que la ruta de la categoria mostrarà les

pàgines de la categoria d'acord al camí pel qual el client accedeix a la del producte. Si vostè té

un producte associat a múltiples categories, la ruta només detalla la trajectòria que el seu

client tria cada vegada que arriba a una pàgina de producte. La ruta millora la gestió

permetent als clients realitzar un seguiment de la seva ubicació dins del seu lloc en tot

moment, amb un camí clar per saber com tornar a les pàgines anteriors.

· Introdueixi una descripció. Això és només per a ús intern, i no apareixerà en el front-end.

· Seleccioni una Imatge fent clic en el botó Examinar... i localitzi la imatge en el seu ordinador.

Aquesta imatge apareixerà en la part davantera de la pàgina de cada categoria entre el nom de

la categoria i el contingut. Una vegada que una categoria s'ha guardat amb una imatge, una

petita icona de la imatge apareixerà a l'esquerra del botó de Cerca, i una casella Eliminar

imatge apareixerà a la dreta.

· Introdueixi la informació de metadades per a la categoria en el Títol de la Pàgina, Meta

Keywords i camps description.

· Manera de visualització i bloc CMS es refereixen a la utilització de blocs amb categories

estàtiques.

· Seleccioni Si o No en el desplegable Està Ancorat (Is Anchor). Aquest desplegable té dos

efectes.O basant-se en les categories es mostraran tots els productes associats a totes les

categories de fill (i els fills dels fills, etcètera) a la pàgina d'aquesta categoria o juntament amb

els productes associats directament a la categoria pare. Basant-se en les categories es

mostraran els filtres d'atributs de tots els productes que es mostren a la pàgina de categoria

(és a dir, els productes estan associats a aquesta categoria i les categories als seus fills) en la

capa del menú de navegació en la columna de l'esquerra.

· Seleccioni Si o No del desplegable Està Actiu (Is Active). Seleccioni Sí perquè aquesta

categoria sigui visible en el front-end. Si selecciona No, no es pot accedir a la categoria des de

la barra de navegació del front-end, i tampoc a cap de les seves sub categories, i el nom de la

categoria es mostrarà en gris en l'arbre de categories en la columna de l'esquerra de la pàgina

en l'administrador de categories.

Page 16: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

· La Clau URL (URL Key) afegeix una ruta d'URL relativa que es pot introduir en lloc de la ruta

estàndard. Es tracta dels motors de cerca, ja que pot utilitzar el nom de la categoria en lloc de

l'aneu #. Per obtenir més informació sobre URL Keys, consulti la secció sobre Reescriptura

d'URL. Si deixa aquest camp en blanc, es generarà automàticament amb el nom de la categoria

en el moment en el qual es crea la categoria. Si introdueix un valor manualment, no podrà

utilitzar els espais en aquest camp.

En la columna de l'esquerra hi ha un menú desplegable anomenat Seleccioni Vista de Botiga

(Choose Store View). La selecció predeterminada en el menú és Totes les Vistes de Botiga (All

Store Views). Quan aquest és seleccionat, vostè serà capaç de veure les opcions per “defecte”

de cada categoria. Si selecciona un vista de botiga específica, vostè podrà veure les opcions

específiques de la vista de botiga per a cada categories. Només algunes opcions poden variar

entre les vistes de botiga. Les opcions que no poden variar i seran el mateix en totes les vistes

de botiga, es diuen “global” i tindran l'etiqueta (Global) al costat d'elles. Els que poden variar

entre les diferents vistes de botiga s'etiquetaran com Vista de botiga (Store View).

Sota aquest menú desplegable està l'arbre de categories, que enumera totes les categories

existents i mostra la relació entre elles. Per exemple, si una categoria és una sub categoria

d'una altra, apareixerà directament sota ell, i amb un nivell de sagnat. Al costat de cada nom

de categoria de l'arbre hi ha un nombre entre parèntesi. Aquest nombre representa la

quantitat de productes associats directament a aquesta categoria. A causa de que els

productes s'associen a nivell de botiga, els nombres entre parèntesis varien depenent de la

vista de botiga que estigui seleccionada en el menú desplegable. Per modificar qualsevol

categoria existent, seleccioni-la en l'arbre de categories, i apareixeran les opcions en el centre

de la pàgina, reemplaçant la secció de Nova Categoria. En editar una categoria, el desplegable

de la Categoria pare no estarà present. Amb la finalitat de passar d'una categoria a una altra

categoria de pare, simplement arrossegar i deixar anar directament en l'arbre de categories.

Per tornar a veure la nova categoria, simplement seleccioni una categoria en l'arbre i faci clic

en el botó Afegir nova. Això automàticament assigna la categoria seleccionada com la

categoria pare en el menú desplegable.

Assignació de productes a nivell de categoria

Els productes es poden afegir a una categoria, mentre la categoria està sent creada, o en

qualsevol moment després. N'hi ha prou amb seleccionar la categoria desitjada, i accedir a la

pestanya de Productes de la Categoria (Category Products) (de la part superior de la pàgina de

la categoria). Vostè notarà que la columna de l'esquerra en la quadrícula conté un menú

desplegable. La selecció predeterminada és Sí, la qual cosa significa que la quadrícula només

mostra els articles ja associats a la categoria. Per tant, una nova categoria sempre tindrà una

quadrícula de productes en blanc. Amb la finalitat de buscar els productes que estiguin

associats a aquesta categoria, seleccioni No (que només mostra els productes que no estan

associats a la categoria) o Qualsevol (que mostrarà els productes que no estiguin associats i els

productes associats) en el menú desplegable, i faci clic en el botó Buscar. Pot seguir filtrant els

seus resultats usant el filtre per Aneu, Nom, SKU, Preu, o Posició (encara que la posició del

Page 17: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

filtre només funciona per als productes ja associats a la categoria). Seleccioni les caselles de

verificació de tots els productes que desitja associar a la categoria, i desmarqui totes les

caselles dels productes que desitja des associar. Després de que en un producte es verifica el

camp posició de camp es convertirà en activa i podràs introduir un valor curt, que controla

l'ordre en què els productes es mostren en la part davantera, independentment de l'ordre en

aquesta quadrícula.

Assignació de dissenys a nivell de categoria

Pot personalitzar el disseny de cada categoria individual en la pestanya Disseny personalitzat.

Controla l'aparença de la pàgina de categoria, incloent els objectes a la pàgina i l'estructura de

la pàgina.

· Seleccioni el disseny que desitgi en el desplegable Custom Design. Magento ve amb diverses

opcions de disseny de la caixa, però vostè pot afegir els seus propis dissenys per exemple... Si

deixa aquest desplegable en blanc, s'usarà automàticament el nom del paquet actual de

disseny. Això pot ser editat en Sistema -> Configuració i fent clic en la fitxa Disseny

personalitzat. Introdueixi el nom del disseny que desitja en el camp el nom del paquet actual, i

aquest disseny s'aplicarà a totes les categories per les quals vostè no especifica un disseny

diferent.

· Seleccioni la seva preferència del menú desplegable Aplicar a (Apply To). Aquesta categoria

només significa que el disseny s'aplicarà a aquesta pàgina de la categoria. Aquesta categoria i

els seus productes significa que el disseny s'aplicarà en aquesta pàgina de categoria, i a les

pàgines de tots els productes associats a aquesta categoria. Si un producte s'associa a

múltiples categories, cadascuna amb un diferent disseny, el disseny que apareix a la pàgina de

producte que serà determinat pel disseny de la pàgina de la categoria des de la qual l'usuari

navega fins a aquest producte. Aquesta categoria i les seves categories fill significa que el

disseny s'aplicarà en aquesta pàgina de categoria, i a les pàgines de totes les sub categories,

sub categories, i així successivament. Si una categoria fill té un disseny diferent que la seva

categoria pare, llavors tot significa que el disseny s'aplicarà a aquesta categoria, a les seves

categories fill, i als seus productes.

· Amb els camps Activa de (Active From) i Activa a (Active To), pot seleccionar un temps en què

la categoria canviarà automàticament a un disseny i, a continuació, tornar a l'opció en blanc,

quan acaba el termini. Això és perfecte per a les vacances, de manera que vostè pot crear un

disseny de vacances per a les seves pàgines i, a continuació, faci que el seu lloc

automàticament torni al disseny normal quan ho desitgi, sense haver d'enrecordar-se de fer-

ho vostè mateix.

· El desplegable de Disseny de pàgina (Page Layout) determina els aspectes estructurals de la

pàgina. Sense actualitzacions de disseny (No layout updates) utilitza la configuració per defecte

que ve amb la instal·lació de Magento. Buit mostra la pàgina de la categoria sense cap tipus

d'objectes, a excepció dels continguts (productes o blocs estàtics únicament), nom de la

categoria, i veure les opcions (nombre de productes que mostra per pàgina, vista en quadrícula

Page 18: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

o en llista, i opcions d'ordenació). 1 Columna mostra el contingut, nom de la categoria i les

opcions, així com la capçalera, peu de pàgina, camp de cerca, i la barra de navegació. 2

Columnes amb barra a l'esquerra afegeix la columna de l'esquerra de la pantalla a 1 columna,

que inclou per defecte la moneda de selecció de capes i la navegació. 2 Columnes i la barra de

la dreta afegeix la columna de la dreta a la pantalla 1 columna, que per defecte inclou el carret

de la compra, llista de desitjos, comparació de productes, enquestes, i el butlletí de notícies

inscripció. 3 Columnes mostra ambdues columnes, la de l'esquerra i la de la dreta.

· L'Actualització de disseny personalitzat (Custom Layout Update) és essencialment un bloc

estàtic, amb algunes diferències. En lloc d'HTML, l'estructura haurà d'estar en format XML.

L'actualització es mostrarà en la part inferior de la pàgina, sota els productes, mentre que un

bloc estàtic es mostrarà per sobre dels productes (si el bloc estàtic està configurat per mostrar

els productes).

L'actualització es mostrarà a la pàgina només durant les dates indicades en l'intèrval de temps.

Integració de passarel·la de pagament

En aquest apartat anem a mostrar com incloure en Magento una passarel·la de pagament, en

aquest cas utilitzarem Paypal.

Anem a utilitzar el mètode de configuració Paypal express, una vegada hem realitzat la

comanda i seleccionat Paypal com a mètode de pagament, la botiga ens rebotarà a Paypal per

realitzar la comanda. Aquest mètode de pagament no utilitza les dades de la comanda

realitzada en Magento, només l'import total.

Per configurar Paypal Express, primer hem de tenir un compte business de Paypal i activar el

acess a les API. En Paypal, El meu compte > Perfil > Acess API. Una vegada allí, sol·licitem les

credencials.

Copiem la informació i clickem a finalitzar.

Després, en l'administrador de Magento has de configurar el compte Paypal. Vendes >

Comptes de Paypal > Webiste Payments Pro. Quedant de la següent manera:

El link és el següent: https://www.paypal.com/au/cgi-bin/webscr?cmd=_express-

checkout&useraction=&token=

Formes d'autenticació Magento

Per poder autenticar a un usuari només és necessari que estigui donat d'alta en la botiga. La

forma d'autenticar és la comuna en totes les pàgines amb un login d'usuari i una contrasenya.

Altres formes alternatives a la comuna pot ser una que s'està utilitzant molt en l'actualitat.

Seria usant al API de Facebook connect per identificar a l'usuari usant les dades que té recollit

Facebook.

Page 19: Presentació de Magento

Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware

© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/

Integració amb sistemes externs

Com s'ha comentant en l'autenticació Magento es pot usar components com per exemple

Facebook connect per a l'autenticació d'usuaris. En aquests moments és el component més

usat per a aquest tipus de propòsits. Però a més a més d'això es pot usar per demanar opinions

dels usuaris i que es publiquin en el seu mur, publicar notícies en el seu mur, etc…