FORMACI

RECURS PDF/ CIBERNRIUM

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Lxit de Wordpress com a CMS per a petita i mitjana empresa ha comportat la demanda
duna extensi que converts els webs corporatius en botigues en lnia. I que ho fes de
manera senzilla i totalment integrada.
Actualment existeixen diversos suports tecnolgics que permeten aquesta nova
funcionalitat, per cap dells est tan ben integrat amb Wordpress com WooCommerce.
Es tracta dun plug-in (extensi) gratut fabricat per WooThemes, empresa nord-americana
especialitzada en plantilles i serveis complementaris per a Wordpress. s precisament el
fet de ser un plug-in el que assegura una installaci senzilla i una integraci sense
conflictes amb el CMS que controla la resta de la web. La configuraci, a ms, es realitza
des del mateix gestor de continguts, cosa que fa la seva gesti diria fora senzilla.
Tamb cal tenir en compte que sintegra sense problemes amb el plug-in multiidioma ms
popular, WPML, un factor de gran importncia si volem disposar duna botiga en lnia en
diversos idiomes.
Ara b, com tots els plug-ins, WooCommerce necessita uns requeriments mnims per ser
installat:
Pel que fa al Wordpress sobre el qual volem installar WooCommerce:
WooCommerce 2.0 requerix Wordpress 3.5 o superior

Pel que fa al servidor on allotjarem la botiga online

PHP 5.2.4 o superior

MySQL 5.0 o superior
Mdul Apache mod_rewrite Apache module (per a links permanents)
Suport fsockopen (per accedir a una passarella de pagament IPN access)
(opcional) Un certificat SSL.

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Installaci de WooCommerce

En ser una extensi, WooCommerce sinstalla de manera anloga a qualsevol altre plug-in:

Desprs de comprovar que complim els requeriments tcnics, anirem a lopci de

Wordpress per installar nous plug-ins (Extensions -> Afegir-ne nou). El buscarem i
linstallarem des dall.
Tamb ens el podem baixar dInternet (s recomanable fer-ho des del lloc oficial,
http://www.woothemes.com/woocommerce/).
Una vegada hem installat i activat WooCommerce, veurem que disposem dunes noves
opcions al men de Wordpress. Sn WooCommerce i Productes.

WooCommerce tamb haur installat automticament les taxonomies per als productes i
les funcionalitats de venda, aix com les segents pgines:

Shop -> botiga.

Cart -> carro.
Checkout -> procedir a la compra.
MyAccount -> detalls del meu compte de client
El primer que hem de fer s anar a lopci Ajustaments -> General

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Des dall podrem configurar totes les opcions per comenar a muntar la nostra botiga
online: des don estem operant, a quins pasos volem vendre, les especificacions de
moneda

A la pestanya segent, Productes, trobarem diverses subopcions:

General: hi podem introduir les unitats de pes i de mesura. Tamb hi podem habilitar
les qualificacions dels productes segons la puntuaci dels clients.
Display: hi podem indicar quina ser la pgina de la botiga, si shi mostraran
productes o b categories, com volem que sordenin els productes, quines seran les
dimensions de les fotos dels productes i si volem que es mostrin en lightbox
(finestra emergent de grans dimensions).

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
 Inventari: des daqu controlem les opcions de lestoc: notificacions destoc baix,
comportament de producte esgotat, bloqueig de producte quan es realitza una
compra, correu de notificacions s important marcar la casella Activar gesti
destocs, que ens permetr fer-hi canvis directament sobre els productes.
Productes descarregables: tenim unes opcions especials en cas que el nostre
producte sigui msica, programes dordinador, complements informtics o
qualsevol altre de tipus descarregable.
A la pestanya Impostos podrem configurar la crrega impositiva per a cada mercat i tipus de
producte:

Opcions dimpostos: activarem la casella Activar impostos, i desprs seleccionarem

si introduirem els preus amb impostos inclosos o no. Tamb podrem dir-li a la botiga
sobre quina adrea calcular les taxes, i com les mostrar durant loperaci de
compra.
Tarifes estndard: s lopci per defecte que hem de configurar. Per indicar-hi, per
exemple, que tots els productes aniran amb IVA, hem de fer servir el formulari que
trobem a aquesta pgina. Es poden fer servir asteriscs (*) com a comodins per
indicar que aquest impost afecta totes les destinacions.
Tarifes Reduced Rate i Zero Rate: funciona de la mateixa manera que les estndard:
hi podem configurar destinacions amb impostos reduts o fins i tot sense impostos.
Una vegada les hem configurat, hem de tornar a Opcions dimpostos i indicar-li,
mitjanant el quadre Classes addicionals dimpostos que aquestes dues opcions
estan actives.

Per completar la configuraci de compra, haurem de treballar les opcions de la pestanya

Finalitzar compra.

Opcions de pagament: hi podem habilitar ls de cupons promocionals, permetre

compres sense registre previ o b forar que les compres es produeixin noms amb
sessi iniciada. Tamb li haurem dindicar a Woocommerce a quines pgines
corresponen les opcions Carro, Comanda i Termes i condicions.
Les opcions de pagament prpiament dites les podrem configurar via les segents
subopcions: BACS/Transferncia bancria, Xec, Pagament en llliurar el producte o
PayPal.

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Una vegada hem configurat les que ens interessin, tornarem a Opcions de pagament i
lindicarem quina volem que es mostri per defecte i en quin ordre es mostren la resta.

El darrer pas s emplenar les opcions dEnviament que ens interessin. All podrem marcar
les diferents tarifes que cobrarem per enviar els nostres productes al client desprs de la
compra.

Opcions denviament: Igual que a Finalitzar compra o a Impostos, aqu podrem

marcar la configuraci general. Desprs anirem a la resta de subopcions per definir
les opcions especfiques de cada cas. Comenarem per Habilitar lenviament, definir
la manera de mostrar les opcions denviament al carro i restringir els pasos on
enviem el producte.
Preu nic: aqu podem dir-li a WooCommerce que a certes compres sels carregar
una quantitat fixa en concepte denviament. Podem configurar un llistat de pasos
que es poden beneficiar daquesta modalitat, el preu a cobrar, si el cobrarem per
article, per comanda o per classe darticle. Aquesta darrera opci respon a la lgica
que no s el mateix enviar un article petit que un altre de gran i pesant, per exemple.
Tamb hi podem configurar una srie de casustiques que tindran un sobrecost
sobre la tarifa plana. Per exemple, enviar a certs pasos o b fer-ho via correu
exprs. La lgica per configurar aquests casos s la segent: concepte | quantitat |
modalitat.

Per enviar una compra a Alemanya, per exemple, podem cobrar 10,5 euros ms per
comanda. En el quadre hi posarem: Alemanya | 10.5 | order.

O per enviar una comanda per correu exprs, hi posarem: Correu exprs | +0.2% |
order. Aix lindiquem a WooCommerce que hi carreguem el 2% sobre el preu total de
la comanda.

Hi podem tamb posar percentatges. La modalitat es refereix a comanda (order),

article (item) o a classe de productes (class).

Enviament gratut: podem establir enviament gratut a partir duna quantitat de

compra, o b si el client fa servir un cup, o les dues caracterstiques alhora. Tamb
podem restringir aquesta opci a alguns pasos.
Copyright o Creative Commons Exemples de finanadors
de Barcelona Activa SAU (exemple)
 Enviament internacional: Si enviem a lestranger, aqu podem configurar una quota
fixa per a enviament o per producte. Hi podem seleccionar pasos concrets, afegir
despeses de gesti o una quantitat mnima per permetre aquesta modalitat
denviament.
Enviament local: Una opci adequada si volem oferir preus ms baixos en els
enviaments al nostre municipi o rea dinfluncia. Hi configurarem un preu i els
codis postals o pasos per als que estigui disponible aquesta modalitat. Aqu tamb
podem dir-li a WooCommerce que aquesta opci estar disponible per a la totalitat
de la comanda o noms per a certs productes.
Recollida local: similar a lanterior opci, podem posar-hi codis postals i pasos
especfics on est disponible la possibilitat de recollir larticle en algun punt
preestablert.
Les segents opcions de configuraci fan referncia als comptes dels usuaris i als correus
electrnics de seguiment que rebran. A El meu compte hem dassenyalar a partir de quina
pgina podran gestionar les seves dades WooCommerce en crea una per defecte, tot i que
es pot canviar per la que nosaltres volguem.

A eMails trobarem opcions per personalitzar els nostres correus corporatius (remitent,
assumpte, textos, peu, estil grfic), aix com els missatges que el client rep al llarg del
procs de compra: nova comanda, comanda completada, factura, etc.

Els cupons de descompte

Una de les prestacions ms interessants de WooCommerce s la possibilitat de fer servir

cupons de descompte per incentivar la compra. Per habilitar-los, primer hem dactivar
aquesta possibilitat a WooCommerce -> Ajustaments -> Finalitzar compra -> Opcions de
pagament

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Desprs anirem a WooCommerce -> Cupons i donarem dalta els cupons de descompte que
desitgem a travs de lopci Afegir cup.
Una vegada fem clic sobre aquesta opci, haurem demplenar un seguit de formularis que
definiran el tipus de cup, la seva vigncia, les seves restriccions, etc.

Primer escriurem el codi del cup i una petita descripci del mateix. Desprs, emplenarem
les opcions situades a la part inferior:
General: hi podem configurar si el descompte consisteix en un tant per cent sobre la compra
o en una quantitat fixa. Tamb trobarem la data dexpiraci del mateix i si permet
enviaments gratuts.
Restriccions ds: si cal una despesa mnima o mxima per fer servir el cup, si saplica
noms a alguns productes o categories, o si no volem que sapliqui en articles rebaixats.
Lmits ds: quantes vegades es pot fer servir aquest cup (per exemple, per a les 10
primeres compres) o quantes vegades el pot fer servir un usuari nic.

Gesti dels productes

El primer pas per a la gesti dels productes sha descrit anteriorment: cal anar a
WooCommerce -> Ajustaments -> Productes i emplenar les opcions que ens interessin dels
apartats General, Display, Inventari (estoc) i Productes descarregables.
Abans de comenar a introduir les fitxes de productes, cal tenir en compte com volem
estructurar el nostre aparador. Aix es fa bsicament a travs de dues opcions: Categories
de producte i Atributs:
Categories de producte (opci dins del men Productes) seran les grans
famlies/tipologies en qu es divideix el nostre estoc. Si tenim una botiga de roba,
per exemple, les categories seran pantalons, camises, jersis, etc. Les podem
configurar a travs dels formularis que trobem en aquest apartat. Hi podem afegir

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
 tamb subcategories: pantalons com a categoria principal, i pantalons llargs i
pantalons curts com a categories que en depenen.
Atributs seran les variacions que pot presentar cada producte. Per exemple, les
diferents talles o colors duna camisa. El ms recomanable s entrar a Productes ->
Atributs i introduir-les abans de comenar amb les fitxes de producte.

Una vegada tenim unes quantes categories i atributs creats, podem afegir fitxes de
producte a travs Productes -> Afegir producte.

La fitxa de producte presenta espais per al ttol i les descripcions llarga i curta. A sota del
primer camp per introduir la descripci hi figuren uns formularis per introduir el preu i les
diferents variacions del mateix.

Ser aqu on emplenarem les principals caracterstiques del producte. Disposem duns
formularis agrupats en pestanyes on podrem configurar totes les dades de la fitxa que
necessita WooCommerce.
En primer lloc, definirem si es tracta de quin tipus de producte es tracta:
Simple: producte nic, sense variacions (colors, talles, materials) ni agrupacions
de cap mena.
Agrupat: producte que forma part dun conjunt de productes.
Extern: lanunciem al nostre web per es ven a un altre lloc.
Variable: producte amb les variacions que hem emplenat abans.
Tamb hi podem marcar si s un producte virtual o descarregable.
I a continuaci, emplenarem les dades necessries, pestanya per pestanya:
General: hi podem posar la referncia (SKU), el preu habitual, el preu rebaixat (que
podem programar), i si est subjecte a impostos.
Inventari: podem marcar lopci de controlar lestoc per a aquest producte. Ens
donar ms flexibilitat. Quan el marquem, apareixeran noves opcions: quantitat en

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
 estoc i possibilitat de permetre reserves. I tamb hem dindicar si el producte es
troba en estoc, esgotat, o si es pot vendre noms de manera individual.
Enviament: si ens interessa, hi podem posar les dimensions del producte i si est
lligat a un tipus denviament concret. Els tipus denviament es poden configurar a
Productes -> Tipus denviament.
Productes enllaats: hi podem incloure productes que poden interessar al client:
Up-sells (vendes complementries): surten a la fitxa del producte.
Cross-sells (vendes creuades): surten a la pgina del carro.
Agrupaci: si el producte forma part dun conjunt.
Atributs: s un dels apartats ms importants. Aqu hem descollir les variacions
(talles, colors.) que corresponen a cada producte i que anteriorment hem introdut
a Productes -> Atributs.
Avanat: Hi podem afegir una nota de compra, personalitzar lordre del producte al
men o habilitar les qualificacions dels clients.

Una vegada haurem emplenat aquestes dades, caldr incloure el producte a les categories
que ens interessin. Les tenim a la columna de la dreta. El mateix podem fer amb els tags o
etiquetes.

Desprs ser el torn de les imatges. Els formularis per afegir-les es troben a sota de les
categories. Hi podem posar una imatge destacada i tamb fer-hi una galeria.

Imatge destacada: imprescindible. Tots els articles nhaurien de tenir una. La

imatge que hi posem es mostrar:
En el catleg de productes.
Com a imatge principal a la fitxa de producte.
Com a thumbnail a la fitxa de producte.
Les dimensions de la mateixa les haurem definit prviament a Woocommerce ->
Ajustaments -> Productes -> Display (Catleg).
Si hi posem una imatge daltres dimensions, WooCommerce la retallar mantenint-
ne la proporci. Per tant, si posem imatges ms grans, hem de tenir en compte que
les seves proporcions siguin les mateixes que hem definit.

Galeria dimatges: optativa, per molt important per mostrar el producte des de
diversos punts de vista. El funcionament s el mateix que en el formulari dimatge
destacada.

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)
Widgets de WooCommerce

WooCommerce inclou una srie de widgets (ginys) que fan ms senzilla lexperincia de
compra. Com tots els widgets, es poden afegir a diverses rees del web, com ara els laterals
o el peu, per cal tenir en compte que alguns dells noms es mostraran a les pgines que
contenen producte, no a tot el web.
Per consultar els ginys disponibles, cal anar a lopci Aparincia -> Ginys del panell de
control. El funcionament s lestndard de Wordpress.
Entre els ginys ms destacats, trobem els segents:
Filtre de preus: permet recercar en el nostre catleg entre un rang de preus determinat.
Carro de la compra: mostra el carro i el seu contingut en tot moment.
Capes de navegaci i de filtres de navegaci WooCommerce: mostra el llistat de
variacions incloses perqu lusuari pugui veure noms els productes disponibles en
una talla o color que linteressi.
Categories de producte WooCommerce: ensenya les categories de producte que
hem introdut anteriorment.
Productes vistos recentment.
Productes millor valorats.

Copyright o Creative Commons Exemples de finanadors

de Barcelona Activa SAU (exemple)