Tienda Online WordPressAprende cómo montar tu propia tienda online con WooCommerce (Actualizado Junio 2018)

 

Hay muchas opciones entre las que elegir la mejor plataforma a la hora de montar una tienda online. Algunos ejemplos son Prestashop, Magento, WooCommerce, Shopify, etc. Para elegir la que mejor se adapta a tí hay varias cuestiones que debes plantearte.

¿Gratuito o de pago?

Aquí debemos valorar el tamaño de nuestra tienda. Si tenemos intención de crear una tienda de cero, o crear la tienda online de una tienda física ya existente, la mejor opción es una gratuita. Algunas opciones son WooCommerce, Prestashop, Magento (no la versión Enterprise), etc. En este artículo vamos a tratar con WooCommerce.

Si se quiere montar una tienda online con un gran volumen de ventas, posiblemente se necesitará una opción de pago.
Un ejemplo puede ser cuando se crea una tienda online de una franquicia de tiendas.
En ese caso, se necesitará probablemente una opción como Magento Enterprise, que aunque es muy cara, ofrece una gran cantidad de funcionalidades que no ofrecen las plataformas gratuitas.

¿Tipo de hosting?

Aquí decidiremos si queremos una plataforma que se monte sobre un hosting que contratemos, o por el contrario queremos una tienda que se aloje en un hosting propio en el que no tengamos acceso.

Si se quiere montar una tienda propia, la mejor opción es contratar un hosting y alojar ahí la web. Al alojar la web en un hosting contratado podremos tener el control sobre todos los aspectos de nuestra tienda.

Dependiendo del volumen de ventas que esperamos tener, y de la plataforma elegida, necesitaremos un tipo de hosting u otro. Ya indicamos anteriormente los tipos de hosting que hay.

Si no se necesita tener el control de todo, sino simplemente los productos, la plantilla utilizada en la web, formas de pago y el transporte, puede utilizar Shopify, que no requiere de la contratación de un hosting.

No vamos a indicar cómo contratar un hosting ni qué tipo de hosting es el adecuado para cada plataforma. En cambio sí vamos a indicar que WooCommerce, que es la plataforma que vamos a utilizar, funciona bien con un hosting compartido (ya depende de cada uno comprobar si las características que ofrece un hosting son las adecuadas para montar una tienda).

Facilidad de uso

Cuanto más fácil de utilizar una plataforma, mejor. También queremos que sea funcional, así que debemos elegir una plataforma que tenga un equilibrio entre facilidad de uso y funcionalidad.

Puedes contratar un hosting administrado para que sea la empresa la que se encargue de lidiar con todos los problemas relacionados con el hosting. Nuestro Hosting WordPress Administrado está optimizado para el uso de WordPress, que por extensión también lo está para el uso de WooCommerce.

Razones para elegir WooCommerce

Para empezar es gratuito. Es además el plugin de ecommerce más popular de WordPress, por lo que puedes intuir que tendrá una gran comunidad detrás para ayudarte a subsanar cualquier duda o problema que tengas.

Como ya hemos indicado, es un plugin de WordPress. Y no solo eso, sino que además el funcionamiento de WooCommerce es una extensión de WordPress, por lo que si ya habías trabajado anteriormente con WordPress, te va a resultar muy fácil adaptarte a WooCommerce.

Aunque tiene plugins adicionales de pago (al igual que WordPress), se puede montar una tienda online funcional sin necesidad de adquirir estos plugins.

Guía para aprender a montar una tienda online con WooCommerce y WordPress

Antes de comenzar con la guía, vamos a poner un pequeño índice para que te sea más fácil llegar a los apartados de la guía.

A continuación vamos a comentar cómo montar una tienda online con WooCommerce.

1.- Instalación del plugin WooCommerce en WordPress

Ya comentamos en otro artículo cómo instalar WordPress en Linux, y también cómo instalar WordPress en Windows.

Después de instalar WordPress, vamos a instalar WooCommerce.
Para ello vamos a ir a Plugins > Añadir Nuevo e instalamos el plugin.

Instalar WooCommerce

Añadir el plugin 'WooCommerce'.

2.- Configuración inicial de WooCommerce

Tras instalarlo, actívalo. Se te abrirá un asistente para configurar el plugin.
Antes de seguir debes saber que este asistente es para hacer una configuración inicial muy básica de WooCommerce, por lo que si te equivocas en algún paso o te saltas un paso no pasa nada, pues podrás cambiar todo esto en Ajustes.

Deberás rellenar los campos que se te indican.

Configuración de la tienda

Configuración básica de WooCommerce - Paso 1.

En primer lugar se te pedirá que indiques dónde está ubicada tu tienda, la dirección, ciudad, código postal, la moneda utilizada y qué vas a vender (productos físicos y/o digitales).
Al terminar de rellenar los campos pulsamos "¡Vamos allá!".

El siguiente paso es indicar los métodos de pago aceptados.

Métodos de pago aceptados

Configuración básica de WooCommerce - Paso 2.

Tras indicar los métodos de pago que queremos, pulsamos "Continuar".

Después se nos indicará si queremos añadir un recargo al enviar los pedidos, y la cantidad de éste. También podremos elegir las unidades de medida de peso y tamaño.

Gastos de envío

Configuración básica de WooCommerce - Paso 3.

Tras rellenar todos los campos, pulsamos en "Continuar".

Después se nos indicará si queremos instalar un tema preparado para el uso de WooCommerce o si queremos que se apliquen las tarifas automáticas. Nosotros hemos decidido utilizar el tema por defecto (twenty-seventeen), pero para empezar sería recomendable activar el tema de Storefront.

Extras recomendados de WooCommerce

Configuración básica de WooCommerce - Paso 4.

Al terminar pulsamos en "Continuar".

Si tenemos instalado Jetpack, nos interesa conectar WooCommerce con Jetpack. Si es así, pulsad en "Seguir con Jetpack". De lo contrario, pulsad en "Saltar este paso".

Conectar con Jetpack

Configuración básica de WooCommerce - Paso 5.

En la última pestaña podemos suscribirnos al boletín de WooCommerce. Si queremos, podemos crear un producto o importar los que queramos de un .csv.

Finalización del asistente de configuración

Configuración básica de WooCommerce - Paso 6.

Si has omitido algo durante el asistente de configuración, puedes lanzarlo otra vez. Para ello ve a Productos, a la izquierda, después en Ayuda, ariba a la derecha, Asistente de configuración a la izquierda y finalmente Asistente de configuración.

Relanzar asistente de configuración

Relanzar asistente de configuración de WooCommerce.

3.- Configuración de los ajustes de WooCommerce

Ahora vamos a ir a los ajustes de WooCommerce para configurar el plugin a nuestro gusto.
Para ello vamos al panel de nuestro WordPress, y pulsamos en WooCommerce > Ajustes.

3.1.- General

En esta pestaña podemos configurar la "Dirección de la tienda", las "Opciones Generales" y las "Opciones de moneda".

En "Dirección de la tienda", debemos indicar la dirección (podemos añadir dos), la ciudad, el país y la provincia y por último el código postal.

General - Productos

Configuración de la dirección de la tienda.

En "Opciones Generales" indicamos dónde queremos vender, a qué países realizamos envíos y la ubicación por defecto del cliente. También podemos activar los impuestos y los cupones, y si al aplicar varios cupones, éstos se aplican al precio completo o al resultante de los cupones anteriores.

Opciones generales

Opciones generales de WooCommerce.

En "Ubicaciones de venta", podemos seleccionar si queremos vender a todos los países, a todos los países excepto una lista que nosotros le indiquemos o si queremos vender a unos países en concreto.

En "Ubicaciones de envío", indicamos si realizamos envíos a todos los países, a todos en los que vendemos, a una lista de países concretos o si queremos desactivar los envíos.

En "Ubicación del cliente por defecto" podemos no asignar una ubicación por defecto, indicar que la ubicación sea misma que la de su negocio principal o localizar al cliente geográficamente (además podemos indicar si queremos que se cachee su localización o calcularla en cada ocasión).

También podemos activar los impuestos y los cálculos de impuestos activando la casilla de "Activar impuestos".

En "Opciones de moneda" podemos indicar la divisa (generalmente será en euros), la ubicación del símbolo de la moneda (€8 o 8€), el separador de miles y decimales (por lo general un punto para uno y una coma para el otro). También podemos indicar el número de decimales (por lo general 2).

General - Opciones de moneda

Configuración de las opciones de moneda

3.2.- Productos

En la pestaña Productos, en la opción de General, podemos configurar los campos de "Páginas de la tienda", de "Mediciones" y de "Valoraciones".

Productos - General

Configuración de la página de la tienda, de las mediciones y de las valoraciones.

Podemos indicar la página base de nuestra tienda en "Página de la tienda", así como si queremos que se redirija al carrito cada vez que se añada un producto al carrito o si queremos que aparezca un enlace para ir al carrito tras añadir un producto al carrito. Si desactivamos las dos opciones aparecerá un mensaje indicando que se ha añadido el producto al carrito y un enlace para ir al carrito.
En "Mediciones", podemos indicar si queremos que el peso de los productos se mida en kilogramos, gramos, libras o en onzas. Las dimensiones podemos medirlas en metros, centímetros, milímetros, pulgadas o yardas.
En cuanto a las "Valoraciones", podemos activar las valoraciones, y también podemos elegir si queremos restringir las valoraciones a los usuarios verificados o si las puede hacer cualquiera. También podemos hacer que las valoraciones se muestren con estrellas.

En Inventario podemos activar la gestión de inventario, y si lo activamos, podemos indicar si queremos que los carritos se guarden, y durante cuánto tiempo (en minutos). También podemos hacer que nos envíe un email cuando queden pocas existencias o ninguna de algún producto (podemos definir el número de unidades que consideramos que son "pocas existencias".
Tenemos la opción de ocultar los productos agotados o no.
Como última opción del "Inventario", podemos hacer que se muestre siempre la cantidad de unidades disponibles, que se muestre sólo cuando quedan pocas existencias, o que no se muestre nunca.

Productos - Inventario

Configuración del inventario.

Si tenemos productos descargables, podemos forzar las descargas (oculta la url), redirigir (se abre una pestaña en blanco y se empieza a descargar el archivo) o permitir descargar los archivos con X-Accel-Redirect y X-Sendfile (cabeceras procesadas por el servidor (no llegan al cliente) que permiten enviar archivos pesados de forma más eficiente que con las descargas tradicionales).
También podemos permitir al usuario descargar el archivo en cuanto realiza el pago, sin necesidad de esperar a que nos llegue el dinero.

Productos - Productos descargables

Configuración de los productos descargables.

3.3.- Impuesto

En Opciones de impuestos, podemos indicar si los precios que introducimos de cada producto llevan los impuestos incluídos o si se aplican después, si queremos calcular los impuestos en función de dónde vive el cliente, de dónde sale el paquete o de dónde está nuestro negocio.
Podemos indicar el tipo de impuesto que se aplica (en general o si depende del producto).
También podemos decidir si el redondeo se aplica en cada producto o al conjunto de la compra.
Podemos indicar si los precios que se muestran al cliente incluyen los impuestos o no.
Por último podemos mostrar un mensaje después del precio (por ejemplo "por unidad"), y si queremos mostrar un informe detallado o de los impuestos que se aplican o un valor que resulta de la suma de todos los impuestos.

Impuesto - Opciones de impuestos

Configuración de los impuestos.

En Tarifas estándar, Tarifas Tasa reducida y Tarifas Tasa cero podemos indicar qué impuestos que se aplican a cada tipo de tarifa. Podemos crear las reglas o bien importar de un .csv.

3.4.- Envío

En Zonas de envío indicamos el coste del envío de los productos. Podemos aplicar un envío a un país, a un conjunto de países o a todos.

Envío - Zonas de envío

Configuración de las zonas de envío.

En Opciones de envío podemos mostrar el coste de los gastos de envío en todo momento u ocultarlos hasta que el cliente introduzca una dirección, la dirección de envío por defecto y activar el modo depuración.

Envío - Opciones de envío

Configuración de las opciones de envío.

En Clases de envío podemos definir tasas de envío que se apliquen a una clase de productos y no a otras, aunque es en la creación del producto donde se indica qué clase de producto es.

Envío - Clases de envío

Lista de las clases de envío.

3.4.1.- Crear tipo de envío adicional

Podemos crear varias opciones de envío. Para ello vamos a Zonas de envío y editamos la zona en la que queremos incluir más opciones de envío. Luego pulsamos en "Añadir método de envío" y metemos una nueva opción que queramos incluir.
En la captura hemos agregado el tipo "Urgente".

Envío - Zonas de envío - España

Añadir nuevo método de envío.

Le hemos hemos puesto un precio de 25€ al envío urgente. Si se han creado clases de envío, también se les puede añadir una tasa aquí.

Ajustes de precio fijo

Configurar método de envío.

En la captura anterior hemos hecho un ejemplo simplemente para mostrar cómo funcionan las clases de envío.
En la siguiente captura podemos ver cómo afectan las tasas que hemos creado. La camiseta tiene un precio de 18€, a la que se le suma el envío "Urgente", que son 25€ más, y a su vez se le aplica la tasa de "Camisetas", de 2€. En total 45€. No hemos implementado los gastos de envío para simplificar el ejemplo.

Comprar producto - Clase de envío

Aplicación de la tasa de envío (camiseta) más el tipo de envío (urgente).

3.5.- Pagos

Aquí podemos ver los métodos de pago que tenemos disponibles. No vamos a comentar las formas de pago, ya que dependiendo de los plugins que hayas instalado tendŕas disponibles unas formas u otras. Podemos indicar el orden en que aparecen las pasarelas de pago que tengamos activadas arrastrándo las formas de pago en el lugar en el que queremos ponerlo.

Pagos

Métodos de pago.

Si pulsas en Configuración o Gestionar puedes configurar la forma de pago que hayas seleccionado.
En la siguiente captura puedes ver la página de configuración de Stripe.

Pagos - Stripe

Configuración del método de pago 'Stripe'.

Vamos a comentar algunos de los métodos de pago más habituales en las tiendas online.

En Transferencia bancaria podemos activar el pago por transferencia bancaria. Para ello debemos meter los datos que le llegarán al cliente para que pueda realizar la transferencia bancaria.

Pagos - Transferencia bancaria directa

Configuración del método de pago 'Transferencia bancaria'.

En Contra reembolso podemos activar el pago contra reembolso. Podemos hacer que el pago contra reembolso sólo esté disponible para ciertos métodos de envío. También podemos permitir el pago contra reembolso para productos virtuales (no recomendado).

Pagos - Contra reembolso

Configuración del método de pago 'Contra reembolso'.

En PayPal podemos activar el pago con PayPal. Con introducir el correo de nuestra cuenta de PayPal vinculamos nuestra tienda con nuestra cuenta de PayPal. Podemos permitir el entorno de pruebas para comprobar que se pueden realizar pagos correctamente.

Pagos - Paypal

Configuración del método de pago 'Paypal'.

Sigue nuestra guía para aprender a integrar un TPV de Redsys en WooCommerce.

3.6.- Cuentas y privacidad

En este apartado podemos definir el comportamiento de WooCommerce con respecto a la privacidad.
En "Pago como invitado" podemos permitir o denegar que los clientes sin registrar puedan comprar o iniciar sesión al finalizar una compra si ya tienen una cuenta.
En "Creación de cuenta" podemos permitir o denegar a los usuarios crear cuentas al finalizar una compra o en la página "Mi cuenta".
En "Solicitudes de borrado de cuenta" podemos decidir si queremos eliminar los datos personales que ya no sean necesarios. Esta es una de las opciones implementadas para permitirnos cumplir con el RGPD. También podemos denegar el acceso a las descargas a los usuarios que hallan borrado su cuenta.

Cuentas y privacidad

Configuración de las cuentas.

En breve realizaremos una guía para adaptar una tienda en WooCommerce al RGPD. Hasta entonces, puedes seguir nuestra guía para adaptar un blog en WordPress al RGPD, que es muy similar a adaptar un WooCommerce.

En la siguiente captura podemos ver la configuración de la privacidad. En la sección de Política de privacidad, podemos definir la página de nuestra Política de Privacidad y las coletillas legales que se muestran a los usuarios al registrarse o al realizar una compra.
Estas coletillas se pueden complementar con una check box que solicite aceptar la Política de Privacidad. Esta check box se puede realizar con plugins, como por ejemplo WP GDPR Compliance.

En la sección Conservación de datos personales, podemos definir el tiempo de conservación de los datos que ya no necesitamos. También es una medida implementada para ayudar a cumplir con el RGPD.

Cuentas y privacidad

Configuración de la privacidad.

3.7.- Correos electrónicos

Aquí podemos indicar que se envíe un correo cuando suceden ciertas acciones.

Correos electrónicos

Configuración de los avisos por correo electrónico en función de los eventos.

3.8.- Avanzado

En esta pestaña podemos definir páginas de WooCommerce y las variables que se mostrarán en la URL al llevar a cabo ciertas acciones.
En "Instalación de páginas podemos definir las páginas para el carrito, la página de pago, la de cuenta y la de términos y condiciones.

En "Variables de finalización de compra" podemos indicar el slug que se añade a la URL al realizar acciones tales como pagar, añadir o eliminar un método de pago, etc.

Avanzado - Instalación de páginas

Definir páginas y variables de finalización de compra.

En "Variables de la cuenta", indicamos la variable que aparecerá como slug en la URL dependiendo de a qué página se quiere acceder. Estas páginas son pedidos, ver pedido, descargas, editar cuenta, etc.

Avanzado - Instalación de páginas

Definir variables de la cuenta.

4.- Crear un nuevo producto

Es importante que antes de crear nuestro primer producto definamos cómo vamos a organizar nuestros productos. Para ello separamos los productos en categorías, y además asignaremos etiquetas a los productos.

Una vez hecho esto, vamos a crear nuestro primer producto. Para crear un producto vamos a Producto > Añadir nuevo.

Crear un nuevo producto

Añadir un nuevo producto.

4.1.- Nombre del producto

En primer lugar debemos darle un nombre al producto. En este ejemplo nuestro producto va a ser una camiseta blanca.

Nombre del producto

Nombre del producto.

4.2.- Descripción del producto

Un poco más abajo tenemos un cuadro de texto en el que debemos introducir la descripción del producto. Esta es la descripción larga, así que no escatimes en detalles; además puedes introducir imágenes y vídeos.

Descripción del producto

Descripción del producto.

4.3.- Organizar el producto

A continuación debemos organizar el producto. En este caso se trata de una camiseta, por lo que la categoría será "Camisetas", y la etiqueta debe ser algo que ayude a diferenciar el producto de otros productos que se encuentren en la misma categoría, por lo que hemos elegido "Camiseta manga corta".

Categorías y etiquetas del producto

Categorías y etiquetas del producto.

4.4.- Imagen del producto

Una imagen del producto que se vende siempre ayuda, así que elige como imagen principal la imagen que muestre mejor el producto. Abajo puedes poner una galería con varias imágenes (fotos desde distintos ángulos, distintos colores, etc.).

Imagen del producto

Imagen destacada y galería del producto.

4.5.- Datos del producto

En la parte de abajo, puedes definir las características del producto (como por ejemplo si se trata de un producto virtual o descargable). Si no lo es no marques ninguna casilla.

4.5.1.- Producto simple

En la pestaña General puedes indicar cuál es el precio normal y el precio con descuento (en "Horario" puedes indicar cuándo está activa la oferta, si no marcas nada el producto estará en oferta hasta que quites el precio con descuento).
También puedes indicar qué clase de impuestos se aplican al producto.

Datos del producto - Producto simple - General.

General.

En la pestaña Inventario definimos el SKU (Stock-keeping unit), que es un código único que sirve para identificar un producto. En el ejemplo hemos elegido "CCXLB01" para identificar el producto "Camiseta de manga corta talla XL color Blanco número 01".

Datos del producto - Producto simple - Inventario

Inventario.

Podemos definir las dimensiones del producto y su peso en la pestaña Envío, así como si se le aplica un impuesto en función de la clase de envío del producto.

Datos del producto - Producto simple - Envío

Envío.

La pestaña de Productos vinculados sirve para indicar artículos relacionados al producto. Cuando un cliente está en la página de un producto, le saldrán varios productos relacionados, que son los que se definen aquí.

Datos del producto - Producto simple - Productos vinculados

Productos vinculados.

En la pestaña Atributos definimos los atributos que tiene un producto.

Datos del producto - Producto simple - Atributos

Atributos.

En Avanzado podemos indicar una nota que se le enviará automáticamente al cliente cuando compre el producto.
También podemos establecer el orden en el que se mostrará el producto. Primero se mostrarán los que tengan '0', luego '1' y demás. Si dos o más productos tienen el mismo valor, esos productos se mostrarán por orden alfabético. Si cambias manualmente la posición, luego no podrás ordenarlos alfabéticamente. Esto es, si más tarde quieres ordenarlos alfabéticamente, tendrás que entrar uno a uno a todos los productos y asignales el mismo valor (por defecto es '0').
También puedes activar o desactivar las valoraciones de ese producto.

Datos del producto - Producto simple - Avanzado

Avanzado.

4.5.2.- Producto variable

Si un producto tiene varias versiones (tallas y colores, por ejemplo), en lugar de crear un producto con cada variación, se puede crear un sólo producto y meter en la pestaña de Atributos los valores que pueda tener el producto.
Por ejemplo, si tenemos una camiseta de manga corta para hombre, podríamos definir el atributo "Talla" con valores "M", "L", "XL" y "XXL" y otro atributo "Color" con valores "Blanca","Negra","Azul","Verde", "Roja," y "Amarilla".
En lugar de "Producto simple", elige "Producto variable", ve a la pestaña Atributos e introduce los atributos correspondientes (Talla y Color) junto a los valores que puede tomar (separa los diferentes valores con '|', que es la combinación de teclas ALT GR + 1).

Datos del producto - Producto variable - Atributos

Atributos (producto variable).

Guarda y ve a la pestaña Variaciones. En el desplegable que hay, selecciona "Crear variaciones para todos los productos" y pulsa en "Ir". Espera un momento que cree todas las variaciones posibles entre los atributos (máximo 50). No te pases metiendo variaciones, pues al seleccionar esta opción crea productos cruzados, es decir, por cada valor de un atributo, creará una variación de ese valor con cada uno de los valores de los demás atributos.
Para simplificar, en el ejemplo que hemos hecho, se crearán las siguientes variaciones de camiseta:

Color Talla
Blanca M L XL XXL
Negra M L XL XXL
Azul M L XL XXL
Verde M L XL XXL
Roja M L XL XXL
Amarilla M L XL XXL

Esta combinación ha creado 24 variaciones del producto. Si creas otro atributo, por cada valor que tenga ese atributo creará 24 variaciones.

Datos del producto - Producto variable - Variaciones - Variaciones de productos

Lista de opciones en Variaciones (producto variable).

Si no tienes alguna combinación de los atributos, elimina la variación correspondiente. Por ejemplo, si sólo tienes camisetas negras de talla XXL, debes borrar las tres variaciones que no tienes (camiseta negra de talla M, negra de talla L y negra de talla XL).

Cuando cambias a un producto variable, el precio deja de estar en la pestaña General.

Datos del producto - Producto variable - General

General (producto variable).

Además, si ya habías creado el producto anteriormente verás que está sin existencias.
En la pestaña Variaciones, en el desplegable gestionas el producto.
Para asignar un precio al producto, selecciona "Introducir precios normales" y te saldrá una venta para que introduzcas el precio. Si quieres introducir el precio rebajado, selecciona "Establecer precios rebajados". Para poder poner el producto a la venta, debes seleccionar "Inventario" e introducir la cantidad disponible.

Datos del producto - Producto variable - Variaciones - Lista de acciones

Variaciones (producto variable).

A la hora de comprar el producto, se podrá elegir entre la combinación de atributos elegidos.

Tienda - Página del producto - Producto variable

Comprar producto variable.

En el carrito se mostrará el producto junto a los atributos elegidos.

Tienda - Carrito - Producto variable

Carrito con productos variables.

4.6.- Descripción corta del producto

Abajo del todo vemos un cuadro de texto en el que debemos escribir una descripción breve del producto. Esta descripción aparece al lado del producto.

Descripción corta del producto

Descripción corta del producto.

Cuando termines de crear el producto, dale a "Publicar" para que esté disponible en la tienda.

4.7.- Página del producto

En la página del producto, podemos ver la imágen a la izquierda, y debajo la galería de imágenes que hemos metido.
A la derecha de la imagen vemos el título y debajo el precio. Más abajo está la descripción corta, la cantidad disponible (si se ha habilitado en los ajustes), el botón de añadir al carrito y el SKU junto a las categorías y las etiquetas.

Tienda - Página del producto - Producto simple

Página del producto (simple).

Un poco más abajo podemos ver la descripción (la larga).

Tienda - Página del producto - Producto simple - Descripción larga

Descripción larga en la página del producto.

Al lado la información del producto, que viene de las medidas (en la pestaña Envío de los datos del producto) y de los atributos (pestaña Atributos).

Tienda - Página del producto - Producto simple - Información adicional

Información adicional en la página del producto.

También podemos ver las valoraciones. En este caso aun no ha habido ninguna.

Tienda - Página del producto - Producto simple - Valoraciones

Valoraciones en la página del producto.

Más abajo tenemos las recomendaciones y los productos relacionados que ya pusimos en la pestaña Productos vinculados de los datos del producto).

Tienda - Página del producto - Producto simple - Productos relacionados

Productos recomendados y relacionados.

Y con ésto hemos terminado de crear nuestro primer producto.

Si has elegido instalar el tema "Storefront", se habrá creado un menú por defecto. Si has decidido no instalar el tema "Storefront", no tendrás ningún menú, por lo que no podrás acceder a la tienda a menos que escribas la url en el navegador.

Para crear un menú con las distintas páginas de la tienda, en el panel de WordPress, ve a Apariencia > Menús. Escribe el nombre del menú y pulsa en "Crear menú".

Crear menú

Crear un menú.

Tras crear el menú, agregamos las páginas que queremos al menú. Para ello seleccionamos las páginas y pulsamos en "Añadir al menú".
Después activamos la check box "Menú superior" (si deseamos que se vea ahí) y pulsamos en "Guardar menú".

Añadir páginas

Definir estructura del menú.

En el desplegable "Variables de WooCommerce" podemos añadir otras páginas adicionales.

Añadir páginas adicionales

Añadir páginas adicionales

Así es como se ve el menú que acabamos de crear.

Menú de la tienda

Menú de la tienda.

Por defecto, WordPress asigna la url simple a los posts, esto es, el nombre de una página es su identificador (www.example.com/?p=5). En el panel de WordPress, nos vamos a Ajustes > Enlaces permanentes. Ahí seleccionamos la opción "Nombre de la entrada".

Cambiar estructura de enlaces permanentes

Cambiar estructura de enlaces permanentes.

Tras hacer esto, tendremos URL más fáciles de comprender. El carrito, por ejemplo, ahora pasará a ser www.example.com/carrito en lugar de www.example.com/?p=5.

URL nueva

URL del carrito tras cambiar la estructura de enlaces permanentes.

También podemos cambiar el nombre de las páginas manualmente. Para ello antes debemos haber cambiado los "Enlaces permanentes" a "Nombre de la entrada". Luego vamos a Páginas > Todas las páginas. Pon el puntero encima de la página a la que quieres cambiarle el nombre y pulsa en "Edición rápida". El nombre de la url se pone en "Slug".

Cambiar URL página

Cambiar URL (slug) a la página del carrito.

En el ejemplo hemos cambiado el nombre de "carrito" a "cart".

URL cambiada

Nueva URL para el carrito.

7.- Poner la página de la tienda como portada

Para elegir la tienda como página principal, en el panel de tu WordPress, pulsa en Apariencia > Personalizar. Luego pulsa en Ajustes de portada y en la opción de "Página de inicio", selecciona Tieda.

Cambiar portada

Definir la página de la tienda como portada.

Tras definir la página "Tienda" como página principal, pulsa en "Publicar", en la parte de arriba.

Ahora la página principal será la tienda, y la url de la tienda será la canónica de la página web.

Página principal

Tienda en la página principal.

8.- Gestionar los pedidos de la tienda

Podemos gestionar los pedidos de los clientes y ver qué han comprado, si han aplicado cupones, el precio de la compra, si se ha completado el pago, se ha cancelado, etc.
Para ello vamos a WooCommerce > Pedidos.

Lista de pedidos

Lista de pedidos.

Para ver con detalle el pedido del cliente, pulsa sobre el ojo que aparece al lado del pedido que quieras ver y se te abrirá una ventana con la información del pedido (Detalles de facturación y de envío, así como los productos).

Detalles del pedido

Detalles de un pedido.

Podemos cambiar el estado de un pedido. Para ello pulsamos sobre el pedido cuyo estado queremos cambiar, y en el desplegable de "Estado", seleccionamos el que queremos, y al terminar pulsamos en "Actualizar".

Cambiar estado del pedido manualmente

Cambiar estado de un pedido manualmente.

También podemos añadir o quitar productos al pedido. Para ello vamos a la parte de abajo y pulsamos en "Añadir artículo(s)". Para quitarlos, dejamos el puntero sobre el producto que queremos eliminar y pulsamos sobre la X. También podemos editar el producto para variar la cantidad o el precio. Dependiendo del estado del producto, es posible que no se pueda editar.

Editar carrito del cliente

Pedido del cliente editado.

9.- Crear cupones de descuento

Podemos añadir cupones de descuento y configurar cómo se aplican. En el panel de WordPress, vamos a WooCommerce > Cupones.
Para crear un cupón, pulsamos en "Crea tu primer cupón".

Crear un cupón

Crear cupón de descuento.

Al crear un cupón le indicamos el nombre y la descripción.
En la pestaña General seleccionamos el tipo de descuento. Este descuento puede ser una rebaja fija, tanto de un producto como de todo el carrito, y el otro tipo de descuento es porcentual.
También debemos indicarle de cuánto es el descuento y si el cupón permite el envío gratuíto. Por último le indicamos hasta qué fecha está activo el cupón.

Definir descuento del cupón

Definir descuento del cupón.

En la pestaña Restricción de uso podemos indicar si queremos que para poder aplicar el cupón se requiera de un gasto mínimo o si queremos que el cupón no se aplique cuando el coste pasa de cierta cantidad.
Si queremos, podemos hacer que los cupones no se puedan aplicar en conjunto con otros marcando la casilla "Uso individual". La casilla "Excluir los artículos en oferta" sirve para hacer que los cupones no se puedan aplicar a los artículos en oferta.
En los cuadros de abajo, podemos indicar los productos a los que sí se aplica el cupón (dejar en blanco para que se apliquen a todos), los productos a los que no (en blanco para no excluir ninguno), así como las categorías que se quieren incluir y excluir.

Restricción de uso del cupón

Restricciones de uso del cupón.

En la pestaña Límites de uso podemos indicar las veces que se puede utilizar el cupón (en total, si se llega a la cantidad especificada nadie podrá usar dicho cupón).
Si queremos limitar el uso a un número determinado de artículos podemos hacerlo también (por ejemplo, que no se pueda aplicar a un carrito que exceda de 10 productos), y por último podemos indicar el límite de veces que cada usuario puede usar el cupón.

Límites de uso del cupón

Límites de uso del cupón.

A la hora de realizar la compra, podemos aplicar el cupón metiendo el código del cupón (en el ejemplo es "desc10") y darle a "Aplicar cupón". Si quedan cupones disponibles nos saldrá un mensaje indicándonos que el cupón se ha aplicado correctamente y el descuento aparecerá en el carrito.

Cupón aplicado correctamente

Código del cupón aplicado.

Si no quedan cupones disponibles nos saldrá un mensaje indicando que se ha alcanzado el límite de cupones utilizados.

Cupón agotado

Límite de usos del cupón alcanzado.

10.- Ver informes de la tienda

Hay un apartado en WooCommerce que te permite ver el estado de tu tienda en forma de gráficas. Para ello ve a WooCommerce > Informes.
Las gráficas pueden verse en distintos períodos de tiempo, que son todo el año, el mes pasado, el mes actual y los últimos 7 días.

10.1.- Pedidos

Puedes ver una gráfica con las Ventas por fecha. En esta gráfica puedes ver tanto las ventas brutas como las netas, el promedio de ventas diarias, los pedidos realizados, los artículos comprados, los gastos de envío, el dinero ahorrado en cupones y el dinero reembolsado.

Informe de pedidos - Ventas por fecha

Ventas por fecha.

También se muestran las Ventas por producto. En este apartado puedes seleccionar el producto que quieras.
Puedes ordenarlos por el número de ventas o los más rentables.

Informes de pedidos - Ventas por fecha - Los más vendidos

Productos más vendidos (por fecha).

Informes de pedidos - Ventas por fecha - Los más rentables

Productos más rentables (por fecha).

Selecciona el producto que quieras para ver cómo se ha vendido ese producto a lo largo del tiempo seleccionado.

Informes de pedidos - Ventas por producto

Ventas por producto.

Si quieres ver la venta de los productos agrupadas por categorías, pulsa en Ventas por categoría.

Informes de pedidos - Ventas por categoría

Ventas por categoría

En Cupones por fecha puedes ver la cantidad de dinero que se ha descontado con el uso de cupones, el número de cupones utilizados (no el número de veces que se ha aplicado) y una lista de los cupones más populares.

Informes de pedidos - Cupones por fecha

Cupones por fecha.

En Descargas del cliente puedes ver las descargas de los clientes, si las hay.

10.2.- Clientes

En Clientes o invitados puedes ver la cantidad de clientes tanto registrados como invitados que han comprado en tu tienda.

Ventas por Clientes - Clientes o invitados

Ventas por clientes (registrados o invitados).

En Listado de clientes puedes ver todos los clientes registrados que han comprado en tu web junto a los pedidos que han hecho y el dinero gastado.

Ventas por Clientes - Listado de clientes

Listado de clientes.

10.3.- Inventario

En esta pestaña puedes ver los productos que se encuentren en estado de Casi sin existencias, Agotado y Con más existencias.

Informes de Inventario

Inventario con más existencias.

10.4.- Impuestos

Se pueden ver de dos formas. La primera es Impuestos por código, donde se ve una lista de todos los impuestos aplicados y el coste que ha tenido cada tipo de impuesto.

Informes de impuestos - Impuestos por código

Impuestos por código.

La segunda es Impuestos por fecha, y en ella se pueden ver las ventas totales, el coste de todos los envíos, la suma de todos los impuestos aplicados y el beneficio neto.

Informes de impuestos - Impuestos por fecha

Impuestos por fecha.

11.- Comprobar el estado de la instalación de WooCommerce

Puedes comprobar que WooCommerce funciona correctamente en WooCommerce > Estado.

11.1.- Estado del sistema

En esta pestaña podemos ver el entorno de WordPress, del servidor, la base de datos y cualquier otro campo relacionado.
Si hay algún fallo, en esta pestaña la veremos.

Este es el entorno de WordPress.

Estado - Entorno de WordPress

Entorno de WordPress.

Y este es el entorno del servidor.

Estado - Entorno del servidor

Entorno del servidor.

En la "Base de datos", vemos un error debido a que hemos activado la geolocalización, pero no hemos creado la base de datos.

Estado - Base de datos

Base de datos.

El mensaje de error nos da la solución.
Primero vamos a la página que nos indica y descargamos el fichero que nos dice.

Descarga GeoLite2 Country

Descarga GeoLite2 Country.

Si tenemos acceso por SSH, podemos ejecutar los siguientes comandos para resolver el problema.

wget http://geolite.maxmind.com/download/geoip/database/GeoLite2-Country.tar.gz
tar xzvf GeoLite2-Country.tar.gz
mv GeoLite2-Country_*/GeoLite2-Country.mmdb wp-content/uploads/
rm -rf GeoLite2-Country*

Nota: No te sitúes en el directorio wp-content/uploads, pues al ejecutar los comandos anteriores, borrarás también el fichero GeoLite2-Country.mmdb.

Estado - Base de datos

Base de datos corregida.

En "Seguridad" te saltará un error si no estás usando HTTPS. Hemos cambiado el protocolo a HTTPS y así es como se muestra:

Estado - Seguridad

Seguridad.

En "Plugins activos" se te indicará un mensaje de error si algún plugin no es compatible con WooCommerce, si está desactualizado o si no se ha comprobado la compatibilidad.

Estado - Plugins activos

Plugins activos.

En "Ajustes" hay un resumen de la configuración que has puesto en WooCommerce > Ajustes.

Estado - Ajustes

Ajustes del sistema.

En "Páginas de WC" te saldrán las páginas que tiene WooCommerce y si hay algún error con ellas.

Páginas de WooCommerce

Páginas de WooCommerce.

Para definir la página de "Términos y Condiciones", vamos a ir a Páginas > Añadir nueva y creamos nuestra página en la que indicamos los términos y condiciones de la tienda.
Cuando la hayamos terminado, nos vamos a WooCommerce > Ajustes, a la pestaña Finalizar compra y en la sección "Páginas de finalizar compra", ponemos en el desplegable de "Términos y condiciones" la página que acabamos de crear.
Tras guardar los cambios, nos vamos nuevamente a WooCommerce > Estado para ver que ya no nos salta el error que teníamos.

Estado del sistema - Páginas de WooCommerce corregida

Páginas de WooCommerce.

En "Temas" puedes ver el tema que estás utilizando y si es compatible con WooCommerce.

Estado del sistema - Tema

Información del tema utilizado.

Sigue nuestra guía para aprender a crear un tema hijo.

Estado del sistema - Tema corregido

Información del tema utilizado tras cambiarlo a tema hijo (child theme).

11.2.- Herramientas

En esta pestaña WooCommerce te proporciona ciertas herramientas para ayudarte a gestionar tu tienda online.

Herramientas

Herramientas.

11.3.- Registros

En esta pestaña podemos ver los logs de algunos ficheros (para ver si se han completado los pagos y demás).

Registros

Registros.

Características de WordPress que se aplican a WooCommerce

Recuerda que WooCommerce es un plugin de WordPress, por lo que se le aplicará lo mismo que a WordPress.

Entre las características está optimizar WordPress y mejorar el SEO, como ya indicamos en los artículos en los que dábamos consejos para optimizar WordPress y para mejorar el SEO de WordPress. También incrementar la seguridad, como indicamos en el artículo en el que explicamos cómo mejorar la seguridad de tu WordPress. Además puedes hacer backups con plugins o backups sin plugins, es decir, manualmente.
Como ya hemos dicho en este artículo, muchos de los cambios que se deben hacer para adaptar un blog en WordPress al RGPD son los mismos que para adaptar una tienda en WooCommerce.

Otros enlaces de interés

A continuación vamos a poner otros enlaces de interés relacionados con WooCommerce.

Conclusión

WooCommerce es una herramienta gratuita, potente y fácil de usar. Sirve tanto para la gente que apenas tiene conocimientos sobre WordPress, hosting y demás como para la gente con conocimientos avanzados.

Hay una grandísima cantidad de gente que lo utiliza, por lo que la comunidad que hay detrás puede ayudar a la hora de resolver cualquier problema que se pudiera tener con WooCommerce.

Es una extensión de WordPress, por lo que cualquier persona que ya haya trabajado con WordPress se va a adaptar a WooCommerce perfectamente, puesto que el uso es muy similar. Por ejemplo, la creación de un producto se hace igual que cuando se crea una entrada o artículo, solo que hay varios campos adicionales con respecto a un artículo.

WooCommerce tiene una gran cantidad de plugins ajenos que mejora notablemente la funcionalidad base de WooCommerce, muchos de ellos gratuitos, por lo que si montamos una tienda, vamos a poder hacerlo tal y como nos gustaría.

En resumen, si buscas una plataforma fácil de usar y lo suficientemente potente como para montar una tienda online funcional y escalable, WooCommerce es una gran elección.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


* Campo obligatorio.

Utilizamos cookies propias para garantizar el correcto funcionamiento de la web. Accede a nuestra Política de Cookies para más información. Aceptar y Continuar
Suscríbete y recibe nuestra newsletter GRATUITA con novedades en nuestro Hosting y consejos de WordPress para hacer tu negocio más rápido, más fuerte y más seguro