MDULO II

MTODOS DE CREACIN DE
PORTALES DE VENTA ONLINE

NDICE
1. Mtodos de creacin.
2. Creacin del sitio.
3. Instalacin de WordPress.
4. Primeros pasos en WordPress.
4.1.
Escritorio.
4.2.
Entradas.
4.3.
Medios.
4.4.
Enlaces.
4.5.
Pginas.
4.6.
Comentarios.
4.7.
Apariencia.
4.8.
Plugins.
4.9.
Ajustes.
5. Puesta a punto de la pgina web.
5.1.
Eleccin e instalacin de plantilla/tema.
5.2.
Creacin de tema hijo (child theme).
5.3.
Estructuracin del sitio pginas y mens.
5.4.
Instalacin de plugins.
6. WooCommerce.
6.1.
Instalacin de WooCommerce.
6.2.
Vistazo general.
6.3.
Configuracin de la tienda.
7. Anexo de vdeos.

1. Mtodos de creacin.
Antes de proceder a crear nuestra tienda online tendremos que
decidir en qu plataforma vamos a construirla. Entre las numerosas
opciones de las que disponemos para la creacin de nuestra tienda,
estn:

Es ideal para proyectos pequeos. No requiere de muchos

conocimientos para llevar a cabo una tienda online, pudiendo crearla de
manera rpida y sencilla. El principal inconveniente son las limitaciones
que esto implica, pues solo podrs realizar las funciones que permita el
propio Shopify, pudiendo no adaptarse a las necesidades de tu negocio.

Se trata de un plugin capaz de transformar una pgina elaborada

mediante WordPress en una tienda online. Es ideal para proyectos
pequeos y medianos. Es fcil de usar y permite una gran personalizacin,
generalmente ligada a la plantilla de WordPress que estemos usando. Otra
de las grandes ventajas de WooCommerce es la facilidad para realizar un
buen posicionamiento web (SEO), dado que WordPress, adems ser un
CMS basado en tecnologa blog, lo que facilita mucho el posicionamiento,
consta de plugins especficos para mejorar el SEO del sitio, como por
ejemplo, Yoast SEO.

Sirve para proyectos pequeos, medianos, e incluso grandes.

Existen numerosas plantillas gratuitas que pueden utilizarse para dar un
aspecto profesional a nuestro sitio sin necesidad de recurrir a las de pago.
Se requieren conocimientos de programacin en caso de querer aadir en
las fichas de productos campos no incluidos por defecto.

Es ideal para grandes proyectos. Permite una gran personalizacin

y est muy bien preparado para el SEO. Es un producto, en general, ms
complejo que los anteriores, por lo que requiere de un mayor tiempo de
aprendizaje y un mayor presupuesto para su desarrollo, recomendndose
por tanto para tiendas con un gran volumen de ventas.

Por supuesto existen muchas ms alternativas para la creacin de

una tienda online a las mostradas anteriormente, pero a continuacin y
para la siguiente explicacin, vamos a centrarnos en una: WordPress.
Partiendo de la base de la eleccin de WordPress como gestor de
contenidos, vamos a explicar brevemente los pasos a seguir para lograr
construir una pgina web con tienda online. Una pgina realizada con
WordPress puede convertirse en una excelente tienda electrnica
mediante el plugin WooCommerce. Pero empecemos por lo bsico

2. Creacin del sitio.

Lo primero que tenemos que hacer es crear nuestro sitio web. Las
pginas web requieren de un servidor (hosting) y de un dominio para
funcionar. Ambos servicios deben contratarse, y aunque puede hacerse
de manera independiente, normalmente los proveedores de servicios de
alojamiento web tambin proporcionan la posibilidad de gestionar la
compra del dominio.
El servidor o hosting es donde se aloja el contenido de la pgina.
El dominio es el identificador de la pgina web, es decir, su
direccin IP, pero traducida a trminos memorizables y fciles de
encontrar. Por ejemplo: podemos acceder a la pgina Google
mediante http://216.58.210.142 o a travs de http://google.es, siendo el
segundo caso la traduccin del primero.
En este caso, usaremos el proveedor Hostinger, ya que adems de
cubrir nuestras necesidades, dispone de la posibilidad de crear un hosting
de alojamiento con dominio de forma gratuita, lo que nos servir para
llevar a cabo las pruebas pertinentes, y, posteriormente y si as lo
deseamos, pasar nuestro sitio web a un hosting de pago, con un dominio
personalizado.
Dicho esto, lo primero que tenemos que hacer ahora es conseguir
el hosting y el dominio de nuestro sitio. Para ello iremos
a http://hostinger.es y nos crearemos una cuenta:

Una vez creada la cuenta en Hostinger y habiendo accedido a ella,

nos encontraremos con el panel de inicio, el cual nos indicar el nmero
de hostings, dominios, etc. que poseemos.

Como es nuestro primer acceso, todo marca 0.

El siguiente paso es la creacin de una nueva cuenta de hosting.

Para ello vamos a la pestaa Hosting, en el men principal del sitio, y
seleccionamos +Nueva cuenta.

A continuacin, nos aparecer qu plan de hosting queremos

contratar. Lo ms idneo sera un plan de pago, para no tener limitaciones
de espacio ni de ancho de banda, pero como siempre tenemos la
posibilidad de actualizar a un plan de pago a posteriori, comenzaremos
por un plan gratuito.

En el siguiente paso escogeremos Subdominio, ya que, de

momento, no queremos pagar por un dominio. Al elegir esto, la direccin
de nuestra pgina web terminar en esy.es, pero cuando decidamos
contratar un dominio podremos elegir terminaciones ms comunes
(como pueden ser .es, .com, etc.).

Seguiremos los pasos hasta terminar la creacin de nuestra cuenta

en el proveedor. Como podemos ver, ya nos aparece como Activo.

Y ya tenemos el sitio creado! Ahora podremos acceder a nuestro

panel de administracin del sitio en el proveedor, en el cual disponemos
de numerosas aplicaciones tiles para facilitarnos las cosas de aqu en
adelante.

3. Instalacin de WordPress.
Ahora que tenemos el sitio creado, si tratamos de acceder a la
direccin que hemos establecido, nos aparecer lo siguiente:

Como bien dice el mensaje, debemos eliminar dicho archivo, para

lo cual tendremos que acceder desde el panel de administracin de
Hostinger al Administrador de archivos y eliminarlo desde ah, o ms
sencillo an, simplemente instalaremos WordPress mediante el
Instalador automtico que nos proporciona este mismo panel,
ahorrndonos el paso de la eliminacin del archivo, pues lo har solo.

Una vez dentro del Instalador automtico podremos observar las

distintas aplicaciones y recursos que nos permite instalar de manera
automatizada. Hay incluso un apartado entero dedicado a Comercio
electrnico y negocios que podramos tener en cuenta para realizar
nuestra tienda online.

Buscaremos WordPress en el apartado de Administracin de

contenidos y lo instalaremos. Para ello, deberemos rellenar algunos
campos, como el idioma, el nombre del administrador del sitio, etc.

Y voil! Ya tenemos instalado WordPress en nuestro sitio web. Si

volvemos a acceder a l, podremos observar que se encuentra visible, con
una plantilla predeterminada de WordPress.

4. Primeros pasos en WordPress.

Antes de comenzar a gestionar la tienda electrnica, debemos
poner a punto nuestro sitio web. Una vez instalado WordPress, nos
aparecer nuestro sitio vaco, con una plantilla predeterminada y
minimalista.
Las plantillas o temas (templates o themes en ingls), son de vital
importancia a la hora de crear nuestra pgina. En mayor o menor medida,
la apariencia de nuestra web girar en torno a las plantillas.
A continuacin, vamos a ver las posibilidades que nos ofrece
WordPress en cuanto a la creacin del sitio. Para acceder al panel de
administracin de nuestro nuevo sitio, debemos escribir en la barra de
direcciones del navegador que estemos usando la direccin de nuestro
sitio, y aadir /wp-admin al final de la misma:

Nos aparecer una pantalla de inicio de sesin como esta, en la cual

tendremos que introducir las credenciales (nombre de usuario
administrador y contrasea) que especificamos anteriormente, durante
la instalacin de WordPress en Hostinger:

10

Una vez dentro, veremos algo as:

Panel de administracin de WordPress

El panel de administracin de WordPress nos permite dar forma a

nuestro sitio web. En la parte izquierda de la pantalla podemos observar
un men con distintos apartados. Veamos brevemente cada uno de ellos,
uno por uno:

4.1.

Escritorio.

Este apartado nos permite volver al men de Inicio

(Imagen anterior) o visualizar un men de
Actualizaciones, donde WordPress nos informar si
tenemos actualizaciones pendientes de realizar, ya sea
de plugins (los veremos ms adelante), de la plantilla
que estemos usando, o del propio gestor, WordPress.
En este apartado no profundizaremos ms, pues solamente
necesitaremos acceder a l cuando haya actualizaciones por instalar, las
cuales se nos notificarn con un nmero al lado del propio apartado.
11

4.2.

Entradas.
WordPress es, en principio, un sistema de publicacin
web basado en entradas. El apartado Entradas recoge
todo lo relacionado con la gestin de publicaciones de
nuestro sitio web. Aunque para una tienda online no
es imprescindible el uso de entradas, vamos a
explicarlas brevemente.

En nuestro sitio web podremos distinguir, muy bsicamente, dos tipos de

estructuras a la hora de mostrar contenido, las entradas y las pginas. Las
entradas son publicaciones que generalmente usaremos para noticias,
novedades, o cualquier tipo de contenido que sea variable y se actualice
continuamente. Las pginas, las cuales veremos ms adelante, son
estructuras estticas que usaremos para construir los apartados de
nuestra web.
Nuestro sitio web podra disponer de un apartado para mostrar nuestra
fuente de informacin actualizada. En ese apartado se mostraran las
entradas que publicsemos desde este men.
Para crear una entrada, tan solo debemos hacer clic en Aadir nueva:

Panel de redaccin de una entrada

12

Una vez en este panel, podremos asignarle un ttulo y contenido a

la entrada que queramos publicar, as como una categora.
Las categoras sirven para tener organizadas las entradas que
publicamos. Por ejemplo, podemos tener una categora denominada
cine, donde se agruparn las entradas referentes a ese tema, y otra
llamada deportes, donde lo harn todas las relacionadas con los
deportes. Todo esto, como es lgico, depender de las necesidades de
nuestro sitio web y de cmo queramos organizarlo.

Panel de creacin de categoras

13

El ltimo apartado a conocer, dentro del men de entradas, son las

etiquetas. Las etiquetas representan las palabras con las que queremos
identificar nuestras entradas. Nos ayudan a clasificar las publicaciones en
diferentes temas. Por ejemplo, siguiendo el ejemplo anterior, podemos
tener una publicacin sobre surf dentro del apartado deportes, que a su
vez contenga las etiquetas deporte acutico y surf.

Panel de creacin de etiquetas

14

4.3.

Medios.
El apartado Medios ser donde se agruparn todas las
imgenes, vdeos, documentos, etc. que utilicemos en
nuestro sitio web.

Dentro de este apartado tenemos dos opciones, la

Biblioteca, el lugar donde se agrupan todos los elementos multimedia, y
Aadir nuevo, que nos servir para agregar nuevos elementos a la ya
mencionada biblioteca.

Biblioteca multimedia con imgenes en ella

Mtodo de subida de elementos multimedia a la biblioteca

Los elementos multimedia que tengamos en la biblioteca podremos

usarlos en entradas, pginas, como logo de la web etc.
15

4.4.

Enlaces.
Este apartado sirve para aadir enlaces a otras
direcciones web para posteriormente mostrarlos en
un widget dentro de nuestro sitio, los cuales veremos
ms adelante.

En este caso, el widget utilizado sera de enlaces, y

podramos situarlo en las ubicaciones de la web en las que la plantilla nos
permita establecer widgets.

Pantalla de creacin de enlaces

Al igual que las entradas, los enlaces podemos agruparlos en categoras.

16

4.5.

Pginas.
Las pginas son ideales para estructurar el sitio web.

Como vimos anteriormente, las entradas podamos

usarlas para mostrar noticias, novedades, y cosas del
estilo. Pues bien, las pginas las usaremos para crear
los distintos apartados estticos de nuestra pgina web (Por ejemplo:
Inicio, Contacto, Productos).
En el men Pginas tan solo nos encontramos con dos apartados, Todas
las pginas y Aadir nueva. En el primero podremos visualizar las
pginas que conforman nuestro sitio:

Ejemplo de pginas creadas en un sitio web

Mientras que Aadir nueva, ser, como es lgico, para crear una nueva
pgina.

17

4.6.

Comentarios.
El apartado Comentarios agrupa los comentarios que
realizan los usuarios que visitan nuestra pgina. Los
comentarios pueden deshabilitarse completamente, o
permitirse en determinadas secciones de la pgina en las que
queramos que los visitantes realicen sus aportaciones.
En este apartado podemos gestionar y visualizar los comentarios
realizados.

4.7.

Apariencia.
Este men es de gran importancia. En l,
dependiendo de la plantilla que estemos utilizando,
podemos tener ms o menos apartados.
El men agrupa todos los apartados referentes a la
edicin de la apariencia del sitio, tanto esttica como
estructural.

El apartado Temas, agrupa los temas (plantillas) que

tengamos instalados, estemos o no usndolos. La
eleccin de un tema para nuestro sitio web es quiz una de las decisiones
ms importantes que debemos tomar.

Pantalla de temas instalados con el tema Divi

18

Podemos buscar temas por Internet o usar el buscador integrado dentro

de WordPress, haciendo clic en Aadir nuevo:

Ejemplo de temas para aadir

19

El apartado Personalizar variar

totalmente dependiendo del tema que
estemos utilizando. Usando de ejemplo
el tema Divi (un tema Premium de
ElegantThemes), nos aparecer el
siguiente men de personalizacin.
Como se puede observar en la imagen, el
tema en cuestin nos proporciona
numerosas opciones para adaptar la
apariencia del sitio a nuestras
necesidades.
Una caracterstica de este men es que
se trata de una barra lateral, por lo que
cuando accedamos a l, veremos a
nuestra derecha nuestro sitio web, sin
embargo, los cambios no se efectan en
tiempo real segn los realizamos, por lo
que para poder verlos debemos hacer
clic en el botn azul de Guardar.

Men de personalizacin

20

Otro de los apartados a destacar es el apartado Widgets, este apartado

tambin se ver influenciado por el tema que usemos, pues del tema
dependern las ubicaciones en las que podremos situar o no widgets.
Los widgets son mdulos que se muestran en nuestro sitio web, ya sea en
barras laterales, pies de pgina (depender, como dijimos, de la plantilla),
que nos permitirn aadir funcionalidades a dichas ubicaciones del sitio.

Pantalla de widgets

21

El siguiente apartado es Mens, y es de gran importancia estructural para

nuestra pgina web. Este apartado nos servir para estructurar el men o
mens de navegacin de nuestro sitio web.
El men de un sitio web puede estar formado por pginas o enlaces. Esto
quiere decir que las pginas que hayamos creado en el apartado Pginas
podrn ser aadidas al men de navegacin, as como tambin podremos
crear apartados del men que, por ejemplo, enlacen a sitios web externos.

Panel de mens. Editando men principal

Vista preliminar del men principal, con logotipo en el centro

22

4.8.

Plugins.
Los plugins son programas que podemos instalar en
nuestro WordPress para ampliar la funcionalidad del
mismo.

Gracias a estos, podemos implementar casi cualquier

cosa en nuestro sitio web. Existen una infinidad de
plugins a los que podemos recurrir segn nuestras necesidades.
Algunos plugins a destacar son, por ejemplo:
TinyMCE Advanced, para mejorar el panel
de edicin de entradas/pginas.
One-Click Child Theme, para crear un tema
hijo. Un "tema hijo" en WordPress es un
tema que hereda la funcionalidad de otro
tema, llamado "tema padre". Los temas hijos
permiten modificar
o
aadir
las
funcionalidades del tema padre. Un tema
hijo es la forma ms segura y fcil de
modificar un tema existente, tanto si se
quiere hacer pequeos cambios como otros
ms amplios. En lugar de modificar los
archivos del tema directamente, es posible
crear un tema hijo y hacerlo prevalecer
sobre el tema padre.
WooCommerce, para crear nuestra tienda
online.

Apartado de plugins instalados

23

4.9.

Ajustes.
En este men podemos acceder a la configuracin del
sitio. En General podremos cambiar su ttulo,
descripcin, correo electrnico asociado (para
notificaciones), zona horaria, formato de la fecha y
hora, etc.
Otro apartado importante de este men es Enlaces
permanentes. Un enlace permanente es una URL que
hace referencia a una entrada o pgina.

Por defecto WordPress utiliza URLs que tengan signos de interrogacin y

montones de nmeros, sin embargo WordPress ofrece la posibilidad de
crear una estructura de URL personalizada para los enlaces permanentes
y archivos. Esto puede mejorar la esttica, usabilidad y compatibilidad
futura de los enlaces.

Distintas posibilidades de estructuras de enlaces permanentes

24

5. Puesta a punto de la pgina web.

Ahora que ya hemos visto brevemente los distintos apartados del
panel de administracin de WordPress, comenzaremos con la puesta a
punto de nuestro sitio web.
A modo de ejemplo, en esta gua vamos a crear una pgina web
para una pizzera.

5.1.

Eleccin e instalacin de plantilla/tema.

Lo primero que haremos ser seleccionar el tema deseado, en este

caso vamos a usar el tema Divi. Para instalarlo, iremos a
Apariencia>Temas y subiremos el archivo con el tema. Como dijimos
anteriormente, la eleccin del tema es muy importante, por lo que es
mejor que te tomes tu tiempo hasta dar con el que mejor se adapte a tus
necesidades.

Aspecto inicial del tema Divi, recin instalado

25

5.2.

Creacin de tema hijo (child theme).

Antes de comenzar a hacer cualquier cosa, y una vez instalado

nuestro tema, debemos crear un tema hijo.
El tema hijo nos permitir realizar cambios sin que el tema padre (el
principal) se vea afectado directamente. De forma que si en un momento
dado tenemos que actualizar nuestro tema, los cambios efectuados no se
pierdan, o si realizamos un cambio desafortunado que implique la prdida
de funcionalidad del sitio, podamos revertirlo sin problemas, pues no
estaremos trabajando directamente sobre el tema principal.
Para crear un tema hijo de forma sencilla, utilizaremos un plugin.
Para ello, iremos a Plugins>Aadir nuevo e introduciremos en el
recuadro de bsqueda: one click child theme

Existen numerosos plugins para realizar la funcin de creacin de

temas hijos, nosotros hemos elegido este.

Tras instalarlo y activarlo, podremos verlo en Plugins>Plugins

instalados.
26

Algunos plugins crean accesos directos en otros apartados del

panel de administracin para su uso. Es el caso de este. Si echamos un
vistazo al men Apariencia, podremos ver que ha aparecido un nuevo
apartado, Child Theme.

Crear un tema hijo es ahora realmente sencillo. Tan solo debemos ir

a Apariencia>Child Theme, ponerle un nombre al tema hijo y seleccionar
Create Child.

27

Una vez creado y activado, si volvemos al men

Apariencia>Temas, comprobaremos que ahora tenemos dos temas
instalados, el original (Divi en nuestro caso) y el tema hijo que acabamos
de crear, que deber ser el tema Activo.

28

5.3.

Estructuracin del sitio pginas y mens.

Nuestro sitio web, en estos momentos, carecer de pginas y de

men principal. A continuacin vamos a crear los distintos apartados
(pginas) de los que queremos que conste nuestro sitio.
Lo primero que tenemos que hacer es crear las pginas.
Podemos crearlas desde Pginas>Aadir
nueva. De momento no es necesario que
tengan contenido, podremos rellenarlas ms
adelante. Tan solo estableceremos el ttulo y
haremos clic en Publicar.

Si vamos a Pginas>Todas las pginas, veremos las pginas que

acabamos de crear.
Ahora necesitamos colocar las pginas que acabamos de crear en
mens.
Para ello, iremos a Apariencia>Mens y crearemos dos mens, a
los cuales tendremos que dar nombre. En este caso los llamaremos Men
principal y Men secundario.

29

Una vez creados los mens, debemos agregar apartados (pginas).

Para hacerlo, debemos ir al recuadro de la izquierda que dice Pginas,
dentro del mismo apartado, en Apariencia>Mens. Una vez localizado,
seleccionamos las pginas que queremos aadir al men que tengamos
elegido en ese momento (recordemos que, en este caso, hemos creado
dos), y las aadimos con el botn Aadir al men.

El men que acabamos de hacer es un men sin jerarqua, todos los

apartados estn al mismo nivel. Si queremos que un men tenga, por
ejemplo, un apartado desplegable con distintas opciones, es muy sencillo.

30

A modo de ejemplo, vamos a hacer que el apartado Contctanos

cuelgue de Quines somos. Para conseguir esto, solo tenemos que
arrastrar el bloque del men Contctanos manteniendo pulsado el botn
izquierdo del ratn, y situarlo bajo Quines somos, ligeramente metido
hacia la derecha:

Como podemos observar, al lado de Contctanos aparece

subelemento, lo que quiere decir que Quines somos es ahora un men
desplegable del que cuelga el apartado Contctanos.
El resultado final sera el siguiente:

31

Para aadir pginas al men inferior utilizaremos exactamente el

mismo sistema, la nica diferencia es que tendremos que seleccionar o
crear otro men y marcar la casilla correspondiente para situarlo en
nuestro tema:

La cantidad de ubicaciones de mens depender tambin del tema

que estemos utilizando, en nuestro caso, el tema dispone de tres posibles,
principal, secundario e inferior.

32

Hasta ahora hemos explicado cmo agregar pginas a los mens,

pero tambin existe la posibilidad de tener apartados de men que
enlacen a sitios web externos o a categoras de entradas.
Si desplegamos los apartados Enlaces personalizados o
Categoras, podremos hacer uso de esas funcionalidades.

Los enlaces personalizados nos servirn para crear apartados de

men que apunten a la direccin web que especifiquemos en el campo
URL. El campo texto del enlace ser el nombre del apartado del men.
Las categoras, como explicamos anteriormente, son para
organizar las entradas que publicamos. En este caso, podramos crear un
apartado de men que mostrase solamente una determinada categora
de entradas.

33

CONSEJO:
A veces surge la necesidad de querer tener un apartado de men en el que al hacer clic no lleve a ningn
sitio. Esto es especialmente til cuando se quiere realizar un men desplegable con varias opciones y
no queremos que ese apartado del que cuelgan los dems contenga nada. Para hacerlo, podemos crear
el apartado superior como enlace personalizado, escribiendo # en el lugar donde debera ir una URL.

5.4.

Instalacin de plugins.

Ahora que tenemos el sitio ms o menos estructurado, es momento

de ir instalando plugins para facilitarnos un poco las cosas.
Recordemos que para instalar plugins debemos ir a Plugins>Aadir
nuevo y utilizar el buscador. Tambin podemos descargarlos de otras
pginas y subir el fichero manualmente.
Existen plugins de muy diversa ndole, segn las necesidades del
sitio necesitars unos u otros. A continuacin te presentamos una serie de
plugins que pueden resultarte de utilidad:

Jetpack by WordPress.com es un plugin indispensable para cualquier

instalacin de WordPress. Este plugin nos provee de una serie de mdulos
con diferentes funciones, los cuales podremos activar y desactivar segn
nuestras necesidades.

34

TinyMCE Advanced es un plugin que aumentar la capacidad de edicin

de nuestro texto en entradas y pginas.

WooCommerce es el plugin que usaremos para poner en marcha nuestra

tienda online en el sitio web. Lo veremos a fondo ms adelante.

35

6. WooCommerce.
WooCommerce es el plugin que usaremos para poner en marcha
nuestra tienda.
Podemos instalarlo desde el buscador de plugins o descargndolo
previamente desde la pgina oficial del producto.
El propio sitio pone a disposicin de los usuarios una serie de vdeos
explicativos acerca de cmo funciona este plugin. Podis encontrar los
vdeos aqu.

6.1.

Instalacin de WooCommerce.

Para instalar WooCommerce, iremos a Plugins>Aadir nuevo.

Una vez ah, escribiremos en la barra del buscador: woocommerce y nos
aparecer el producto para instalar.

36

Tras la instalacin, activaremos el plugin. Una vez activado nos

aparecern una serie de mensajes. En primer lugar y si deseamos tenerlo
en espaol, le damos a Install Translation. Una vez hecho, continuamos.

37

El siguiente paso es la creacin automtica de una serie de pginas

esenciales para el funcionamiento de WooCommerce. Estas pginas
aparecern en el men de pginas de WordPress:

Los pasos que estamos realizando y los que vienen a continuacin

son reversibles, por lo que no debemos preocuparnos en caso de que no
sean los definitivos, pues se podrn cambiar ms adelante.

38

A continuacin, ms especificaciones, en este caso, referentes a la

localizacin de nuestra tienda y a los envos e impuestos:

39

El ltimo paso de la preconfiguracin de WooCommerce es el

apartado de Pagos.

Aqu podremos establecer

el mtodo de pago que
queremos permitir en
nuestra tienda rellenando
los campos pertinentes.

Y listo, el siguiente paso nos

redirigir directamente a la
creacin de un producto.

40

6.2.

Vistazo general.

Ahora que tenemos WooCommerce instalado, vamos a echar un

vistazo general a todas las opciones de este plugin.
Lo primero que veremos una vez instalado
WooCommerce son dos nuevos apartados en la barra
del men del panel de control, los apartados
WooCommerce y Productos.
A continuacin, vamos a repasar brevemente cada
uno de los subapartados que contienen estos dos
nuevos apartados.

WooCommerce>Pedidos:
Muestra un listado de los pedidos realizados en la tienda online y permite
la gestin de los mismos.
WooCommerce>Cupones:
Permite crear cupones de descuento para los productos que designemos.
WooCommerce>Informes:
Nos permite ver el estado de la tienda online.
WooCommerce>Ajustes:
Aqu podremos configurar detalles de nuestra tienda online tales como
formatos de moneda, pesos, medidas, impuestos etc.
41

WooCommerce>Estado del Sistema:

Nos muestra informacin del sistema.
WooCommerce>Add-ons:
Aqu veremos una serie de plugins adicionales que podemos instalar en
nuestro WooCommerce.
Productos>Productos:
Muestra un listado de los productos disponibles en nuestro sitio web.
Productos>Aadir Productos:
Nos permite la creacin de un nuevo producto.
Productos>Categoras:
Aqu podremos gestionar las categoras de los productos de nuestro sitio.
Productos>Etiquetas:
Nos permite establecer etiquetas a los productos. Otra forma ms, adems
de las categoras, de organizar nuestros productos.
Productos>Clases de envo:
En este apartado podremos agrupar los productos que sean similares para
generar mtodos de envo comunes, especialmente til si queremos tener
distintos mtodos de envo segn el producto.
Productos>Atributos:
Nos permite crear atributos para asociar a los productos. Estos atributos
pueden ser: color, tamao etc., de forma que el usuario pueda
interactuar y elegir el atributo deseado.

42

6.3.

Configuracin de la tienda.

A continuacin, vamos a configurar WooCommerce. Para ello,

iremos a WooCommerce>Ajustes.
Algunas de las opciones que veremos ahora puede que ya hayan
sido establecidas anteriormente, durante los pasos de preconfiguracin
de WooCommerce, tras instalarlo por primera vez.

IMPORTANTE: Cada cambio que realicemos en cada una de las

pestaas que veremos a continuacin debe guardarse antes de pasar
a otra pestaa para que se conserven los cambios.

Opciones Generales:
En la pestaa Generales, lo primero que podemos especificar es
dnde est ubicada nuestra tienda online.

De esta manera podremos definir los impuestos que se aplicarn a

los productos.
Seguidamente, podremos escoger a qu pblico venderemos
nuestros productos (si a todos los pases, o a algn pas concreto).

43

El siguiente desplegable nos permite elegir la direccin del cliente,

la cual podr ser la direccin base de la tienda, ninguna, o una direccin
por geolocalizacin (esta ltima vendra dada por la IP con la que el
usuario se conectara a nuestra pgina).

A continuacin, siguiendo en el mismo apartado, podemos

configurar la forma en que se mostrarn los precios en nuestros
productos:

44

Productos:
La siguiente pestaa del men de Ajustes es Productos. En este
apartado dispondremos de un pequeo men.

Productos>Generales:
Podremos, en primer lugar, definir las unidades de peso y
dimensiones.

Tambin podremos establecer opciones referentes a las reseas de

los productos, pues los productos podrn disponer de una caja de
comentarios si as lo deseamos.

Productos>Mostrar:
Aqu podremos configurar cmo se vern nuestros productos en la
pgina y dnde lo harn.
45

Lo primero que podremos cambiar es la Pgina de la tienda, que

por defecto, si hemos instalado las pginas de WooCommerce, ser
TIENDA.

Lo siguiente a configurar es la presentacin de nuestros productos

en la pgina de la tienda, podemos elegir que lo primero que se vean sean
las categoras, simplemente los productos, o ambos.

Otra de las cosas a configurar son las dimensiones de las imgenes

de los productos:

46

Productos>Inventario:
El apartado inventario nos servir para gestionar el stock de
nuestros productos. Aqu podremos activar la recepcin o no de
notificaciones si nuestro stock es bajo.

Productos>Productos descargables:
Este apartado solo nos interesara si fusemos a vender productos
digitales, pues nos sirve para establecer mtodos de descarga para los
mismos.

Impuestos:
En esta pestaa podremos definir los impuestos, en caso de querer
aplicarlos o no, de nuestro sitio. La configuracin de este apartado viene
desglosada en cuatro apartados distintos.

47

Finalizar compra:
En este apartado, lo primero que podemos habilitar es el uso de
cupones.

En caso de habilitarlo, al visualizar el carrito de la compra veramos

lo siguiente:

Otro detalle importante que podemos configurar aqu es la pgina

de trminos y condiciones de servicio. Para establecer una pgina aqu,
primero deberemos crearla como una pgina ms de WordPress.

48

Finalmente, podremos modificar las pasarelas de pago que deseemos

tener establecidas en nuestro sitio:

Envo:
Finalmente, en esta pestaa vamos a poder definir las formas de
envo que permitiremos en nuestro sitio.

Segn el tipo de envo que vayamos a realizar de nuestros

productos, deberemos habilitar un envo u otro y configurarlo
apropiadamente.

49

ANEXO DE VDEOS

- CREACIN DE ENTRADAS
- CREACIN DE PGINAS
- CREACIN DE MENS
- CREACIN DE UN PRODUCTO
- CREACIN DE UN PRODUCTO VARIABLE

50