¿Cómo crear una tienda online con WordPress?

Actualizado: marzo/2018 Versión: 4.9.x  Nivel: Básico

Antiguamente las personas tenían que abrir tiendas físicas donde poder vender sus productos pero esto implicaba afrontar altos costes de alquiler, mantenimiento y empleados y no era tarea fácil sacar adelante este tipo de negocios. Con el pasar del tiempo y, gracias a la evolución de la tecnología, se comenzó a emplear el comercio electrónico (eCommerce) el cual lleva funcionando aproximadamente desde el año 1995 para acelerar su uso entre las empresas de todo el mundo.

Hoy en día ya no es necesario abrir una tienda física ni ser empresa para vender productos y servicios por internet. Crear una tienda online es muy sencillo y económico (por no decir gratis) y, por medio de WordPress, te permitirá vender tanto productos físicos como productos virtuales con solo un clic y desde la comodidad de tu casa.

1. ¿Por qué crear una tienda online con WordPress?

  1. Es sencillo. Es mucho más fácil de usar que otras plataformas como Prestashop o Magento.
  2. Es potente. Existen multitud de extensiones y plugins, gratuitos y de pago, diseñados para WooCommerce.
  3. Es gratis. Tanto la plataforma WordPress como el plugin WooCommerce son gratuitos.
  4. Es flexible. El plugin WooCommerce es compatible con casi todas las plantillas, con lo cual puedes añadir tu tienda online a una web que ya tengas hecha previamente sin dificultad ni coste adicional.
  5. Es versátil. Puedes usar plantillas premium realmente espectaculares y profesionales y casi el 100% de estas plantillas son compatibles para crear una tienda online.
  6. Es muy favorable para el SEO, ya que tanto WordPress como WooCommerce están muy enfocados al posicionamiento en Google.
  7. Se puede personalizar por completo gracias a la filosofía del código abierto.
  8. Existe una amplísima comunidad de desarrolladores y expertos añadiendo mejoras y solucionando problemas.
  9. Es profesional. Cada vez hay más empresas importantes que optan por WordPress y WooCommerce para vender productos por Internet.
  10. Porque WordPress es hoy en día la herramienta más importante y extendida en el mundo para crear páginas web profesionales.

2. Requisitos para crear una tienda online con WordPress

Para crear una tienda online con WordPress, será necesario cumplir con los siguientes requisitos:

  1. Tener un dominio y servidor para instalar WordPress. Anteriormente recomendaba el uso de un servidor local pero, debido a que suele dar muchos problemas con los sistemas operativos y algunos plugins no funcionan en local, no es recomendable su uso. Lo recomendable es utilizar un servidor remoto (online) con el cual puedas realizar pruebas. Puedes utilizar el servidor que recomiendo en el artículo hosting gratis que, por muy poco, puedes tener un dominio y un hosting por 1 año para que pongas en marcha tu proyecto con WordPress .
  2. Descargar WordPress desde wordpress.org. Para esta entrada voy a utilizar la versión de WordPress 4.9.4 y la plantilla Twenty Twelve que puedes instalar gratis desde el repositorio de plantillas de WordPress.
  3. Instalar WordPress en el servidor. En el artículo instalar WordPress paso a paso tienes toda la información para que puedas instalar WordPress desde cero.

Como complemento, puedes leer el artículo crear una página web con WordPress para que te familiarices con la creación de páginas y menús.

Una vez hayas instalado WordPress, inicia sesión con el usuario y la contraseña que has indicado en la instalación y accede al panel de administración de WordPress.

¿Cómo crear una tienda online con WordPress?

Escritorio en WordPress

3. Panel de Administración y configuración de WordPress

En el artículo qué hacer después de instalar WordPress, tienes explicado al detalle la configuración básica de una instalación en WordPress. Esta configuración es válida tanto para usar WordPress como página como para blog e incluso si vas a crear una tienda online.

Además, para que puedas crear una tienda online más optimizada, puedes leer el artículo plugins para WordPress. Te recomiendo instalar los plugins Custom Permalinks y Yoast SEO para que, a medida que vayas leyendo el artículo, aprendas a crear la tienda online ya optimizada para SEO.

4. Instalación del plugin Woocommerce

Nativamente WordPress puede funcionar como un blog o página sin necesidad de hacer nada más. Para funcionar como una tienda online es necesario la instalación de un plugin: WooCommerce.

Este plugin ha sido desarrollado por Auttomatic, los mismos creadores de WordPress, por lo que es 100% compatible y se integra perfectamente incluso si ya tienes funcionando una página y/o un blog.

Para instalar WooCommerce, dirígete al apartado Plugins >> Añadir nuevo y escribe en el buscador WooCommerce. Verás muchos plugins que coinciden con la búsqueda. Lo normal es que el “plugin oficial” sea el primero que te aparece y, para que estés segur@, tiene que indicar Por Automattic que es el autor del plugin.

Voy a instalar la versión 3.3.3 de WooCommerce que es la última versión para la fecha de creación de esta entrada. Es importante que lo sepas ya que hay muchos tutoriales para crear una tienda online en Internet y este plugin suele variar las opciones según la versión del momento.

¿Cómo crear una tienda online con WordPress?

WooCommerce: plugin para crear una tienda online con WordPress

Haz clic en el botón Instalar ahora y luego en Activar. WordPress te llevará a una ventana donde podrás realizar una configuración rápida del plugin mediante su propio asistente de configuración.

Puedes saltártelo haciendo clic en el enlace Ahora no ubicado en la parte inferior de la página. Todas las opciones que puedes configurar mediante este asistente, las puedes configurar desde los ajustes avanzados de WooCommerce más adelante.

Así que, para no duplicar el trabajo, puedes saltarte esta ventana y configurar la tienda desde los ajustes avanzados. Si eres curios@, puedes realizar la configuración mediante el asistente. Verás que el proceso es muy intuitivo y sencillo aunque luego tendrás que acceder a los ajustes avanzados para ajustar otras opciones.

¿Cómo crear una tienda online con WordPress?

Asistente de configuración de WooCommerce

Una vez canceles el asistente de configuración, veras que te muestra un recuadro con el aviso Bienvenido a WooCommerce – Ya estás casi listo para empezar a vender y dos botones: Ejecutar el asistente de configuración y Saltar configuración. Haz clic en el botón Saltar configuración para que no lo muestre más.

¿Cómo crear una tienda online con WordPress?

Saltar el asistente de configuración

5. Configuración avanzada de Woocommerce

En el menú principal de WordPress se ha creado un nuevo apartado: WooCommerce. Este apartado está compuesto por 6 subapartados:

  • Pedidos. En este apartado es donde se listan todas las ventas para que gestiones los pagos y envíos a tus clientes.
  • Cupones. Este apartado se utiliza para la creación y gestión de cupones de descuento para campañas promocionales.
  • Informes. En este apartado podrás ver las estadísticas de las ventas mensuales, anuales o por fechas personalizadas.
  • Ajustes. En este apartado podrás configurar todos los ajustes de la tienda como moneda, países, impuestos, envíos, formas de pago entre otros.
  • Estado. Este apartado te muestra básicamente los detalles técnicos de tu instalación en general y detalles relativos al servidor.
  • Extensiones. En este apartado, WooCommerce te ofrece aplicaciones adicionales con las que puedes personalizar tu tienda online: suscripciones, reservas online, membresías entre otros. La mayoría son de pago y su uso dependerá del funcionamiento adicional que quieres que tenga tu tienda.

WooCommerce, para funcionar como tienda online, necesita crear 4 páginas adicionales: Tienda, Mi cuenta, Carrito y Finalizar compra. Estas páginas son necesarias para la configuración de la tienda.

En el asistente de configuración se pueden crear estas páginas. Si te has saltado el asistente, no te preocupes, ya que WooCommerce dispone de una herramienta para crearlas.

Dirígete al apartado WooCommerce >> Estado. En la pestaña Herramientas busca la opción Crea las páginas por defecto de WooCommerce y haz clic en el botón Crear páginas. Ahora dirígete al apartado Páginas y verás que se han creado las 4 páginas necesarias para el funcionamiento de WooCommerce.

Una vez realizado este paso, dirígete al apartado WooCommerce >> Ajustes.

5.1 General

  • Dirección de la tienda. Indica la ubicación de tu tienda (será el lugar desde donde realizarás los envíos de tus productos).
  • Opciones generales. Selecciona los países a los que quieres vender y activa los impuestos en caso que sea necesario.
  • Opciones de moneda. Selecciona la moneda en la que quieres operar.

Si te fijas, al lado de cada una de las opciones, hay un icono de ayuda “?” que te ofrece información para que puedas rellenar o seleccionar la opción correctamente. Haz clic en el botón Guardar los cambios.

¿Cómo crear una tienda online con WordPress?

Ajustes generales de WooCommerce

5.2 Productos

Esta pestaña se compone de 3 subpestañas:

I. General.

  • Páginas de la tienda. Aquí es donde deberás seleccionar la página de la tienda, Tienda, que se puede crear en el asistente de configuración o manualmente. La opción Redirigir a la página del carrito tras añadir productos con éxito lo que hace es redirigir al usuario al carrito directamente una vez hace clic en Añadir al carrito en cualquier producto.
  • Mediciones. Indica las unidades de peso y longitud de tus productos. Esto se suele utilizar para los atributos de los productos.
  • Valoraciones. Las valoraciones son como los comentarios en un blog. El cliente tendrá la posibilidad de añadir un comentario y hacer una valoración mediante estrellas, del 1 al 5, según su grado de satisfacción con el producto.
¿Cómo crear una tienda online con WordPress?

Ajustes de productos de WooCommerce

II. Inventario.

En esta subpestaña puedes configurar el inventario de tu tienda en el caso que vendas productos con existencias limitadas. Avisará tanto al cliente como al administrador de la tienda la cantidad de unidades existentes por cada producto.

¿Cómo crear una tienda online con WordPress?

Ajustes de inventario de WooCommerce

III. Productos descargables.

En el caso que vendas “productos virtuales” que puedan ser descargados desde la tienda, en esta subpestaña podrás configurar su funcionamiento.

¿Cómo crear una tienda online con WordPress?

Ajustes de productos descargables de WooCommerce

5.3 Impuesto

Esta pestaña se compone de 4 subpestañas:

I. Opciones de impuestos.

En esta pestaña podrás configurar el comportamiento de los impuestos en tu tienda. Si quieres que los precios se muestren con impuestos o no, si los impuestos se muestran en el carrito o si se muestran en la página Finalizar compra cuando el cliente indica la dirección de envío.

Tienes muchas combinaciones que puedes aplicar según las necesidades de tu tienda.

¿Cómo crear una tienda online con WordPress?

Ajustes de impuestos de WooCommerce

II. Tarifas estándar.

En esta pestaña podrás configurar el valor del impuesto de los productos en tu tienda.

  • Haz clic en el botón Insertar fila.
  • En el campo Código del país indica el código del país en el que venderás tus productos. Si no sabes que código usar, puedes consultar este enlace. El código corresponde con la columna Alpha-2 code de la tabla.
  • En el campo Tarifa ingresa el valor del impuesto. Si es 21%, escribe solo 21.
  • Indica el Nombre del impuesto, por ejemplo: IVA.
  • En el campo Envío, si marcas la casilla, el valor del impuesto se aplicará también a los costos del envío. Esto dependerá del tipo de tarifa que te ofrezca la empresa de envíos con la que decidas trabajar; si es con impuesto o no.
  • El resto de campos los puedes rellenar a tu conveniencia dependiendo de como quieres aplicar el impuesto. Recuerda que tienes el icono de ayuda “?” para hacerte una idea más clara de que hacer en cada opción.
  • Has clic en el botón Guardar los cambios.

Puedes añadir más filas con diferentes configuraciones en el caso que quieras vender a más países. Recuerda que cada país suele manejar un impuesto diferente y, dependiendo del tipo de producto que vendas, se aplica otro impuesto incluso dentro del mismo país. Por ejemplo, en España, el IVA general es del 21% pero para alimentos y medicinas se aplica un IVA reducido del 10%.

¿Cómo crear una tienda online con WordPress?

Ajustes de impuestos (Tarifa estándar) de WooCommerce

III. Tarifas Tasa reducida y Tarifas Tasa cero.

Como te acabo de indicar en el punto anterior, con el ejemplo de los impuestos en España, dependiendo del tipo de producto que desees vender, se aplicará un impuesto u otro. En estas subpestañas, podrás indicar este tipo de impuestos, con tarifa reducida o productos exentos de impuestos.

En Woodemia he encontrado esta pedazo de guía de Antonio Cantero donde explica al detalle como configurar los impuestos en una tienda online en España y algunas zonas de Europa. Aunque no te encuentres en Europa, el procedimiento es el mismo adaptándolo a tu zona.

5.4 Envío

Esta pestaña se compone de 3 subpestañas:

I. Zonas de envío.

En esta pestaña puedes crear las zonas a donde vas a enviar tus productos. Tiene relación con la opción Vender a países específicos que has configurado en la pestaña General.

¿Por qué no crear solo una? Podrías, pero dependerá de los costos del envío según la distancia. Ten en cuenta que no cuesta lo mismo enviar un paquete desde Madrid a Toledo que desde Madrid a Barcelona a menos que la empresa de envío te haya ofrecido una tarifa fija sin importar el destino. Y si vendes en otros países, serán más las variaciones, que tengas que configurar, según el país y las ciudades.

Por lo tanto deberás configurar cada una de las zonas según la distancia entre tu tienda y el destino. Para crear las zonas de envío, te pondré un ejemplo:

Tu tienda se encuentra ubicada en Madrid, España. Un par de empresas de envío te han facilitado sus tarifas según 5 zonas: Madrid, Zona Norte (A Coruña, Bilbao y Navarra), Zona Sur (Sevilla, Málaga y Cádiz), Zona Este (Barcelona, Valencia y Alicante) y Zona Oeste (Badajoz, Cáceres y Salamanca). A Ceuta, Melilla y las islas no se realizan envíos y además, a partir de 100 € en compras, realizas envíos gratuitos.

Te indico 3 provincias por zona para no hacer tan larga esta entrada pero lo suyo es que las indiques todas. No te dejes ninguna ya que, si por ejemplo, no indicas Cantabria, y un cliente desde esta provincia quiere hacer una compra, no la podrá realizar y perderás esa venta.

Deberás conocer muy bien la geografía del país al que haces los envíos. Puedes ayudarte de un mapa donde te indique los estados, departamentos o provincias.

Ubícate en la pestaña Envío y haz lo siguiente:

  • Has clic en el botón Añadir zona de envío.
  • En el campo Nombre de la zona, escribe MADRID.
  • En el campo Región(es) de la zona, escribe madrid. Verás que el campo te dará las opciones si las tiene disponibles. Haz clic sobre la opción Madrid.
  • En Métodos de envío has clic en el botón Añadir método de envío:
    • Precio fijo. Esta opción es para indicar el precio del envío.
    • Envío gratuito. Para envíos gratuitos.
    • Recogida local. Si tu tienda está en Madrid. puedes ofrecer esta opción para que los clientes en Madrid puedan recoger su producto donde tu les indiques y así ahorrarse los gastos de envío.
  • Selecciona Precio fijo y has clic en el botón Añadir método de envío.
  • En la columna Título del método de envío haz clic sobre el enlace Precio fijo.
    • Título del método. Puedes indicar el nombre de una de las empresas de envíos junto con el tiempo de entrega. Por ejemplo: UPS (1 a 2 días) y luego, crear otra, DHL (3 a 5 días).
    • Estado del impuesto. Si seleccionas Imponible se aplicará el IVA al precio del envío.
    • Coste. El precio del envío que te ha ofrecido la empresa de envío.
¿Cómo crear una tienda online con WordPress?

Ajustes de precio fijo en WooCommerce

  • Haz clic en el botón Añadir método de envío. Selecciona Envío gratuito y haz clic en el botón Añadir método de envío.
  • Haz clic en el enlace Envío gratuito. En el selector El envío gratuito requiere… verás las siguientes opciones:
    • Un cupón válido de envío gratuito. Puedes crear un cupón en el apartado WooCommerce >> Cupones donde ofrezcas envíos gratuitos por alguna campaña en especial (navidad, san valentin…).
    • Una cantidad mínima de pedido. Si la suma de los productos en el carrito es igual o superior a la cantidad que indiques en este campo, se ofrecerá el envío gratuito.
    • Una cantidad mínima de pedido O un cupón. Si se cumple alguna de las opciones anteriores.
    • Una cantidad mínima de pedido Y un cupón. Si se cumplen las 2 opciones anteriores.
  • Para el ejemplo, selecciona Una cantidad mínima de pedido y, en el campo Cantidad mínima de pedido, escribe 100.
  • Haz clic en el botón Guardar los cambios.
¿Cómo crear una tienda online con WordPress?

Ajustes de envío gratuito en WooCommerce

Nota: Imagínate que el cliente ha añadido varios productos al carrito y la suma total de los productos supera los 100 €. Según el ejemplo, se activará la opción de envío gratuito. En la página Carrito, WooCommerce, además de esta opción, también ofrecerá opciones de pago. Y te preguntarás, ¿por qué lo hace si el cliente está cumpliendo la condición para que se active el envío gratuito? Aunque este tema es debatible, creo que le pude encontrar una lógica (suponiendo que no sea un error del plugin).

Para el ejemplo, suponiendo que UPS hace el envío entre 1 y 2 días laborales y DHL entre 3 y 5 días laborales, si en el pedido se activa el envío gratuito, puedes indicar que este se realizará entre 5 y 7 días laborales.

De esta manera el cliente entiende que, si quiere el pedido pronto, igualmente deberá pagar o si quiere ahorrarse los gastos de envío, deberá esperar.

También puedes ofrecer la opción de Recogida local si lo crees conveniente. Te quedaría algo así:

¿Cómo crear una tienda online con WordPress?

Zonas de envío en WooCommerce

Repite el mismo procedimiento para el resto de zonas; por ejemplo para la Zona Norte.

  • Regresa a Zonas de envío.
  • Has clic en el botón Añadir zona de envío.
  • En el campo Nombre de la zona, escribe ZONA NORTE.
  • En el campo Región(es) de la zona, escribe todas las provincias que componen esta zona (según te las hayan indicado las empresas de envío) a coruña, bilbao, navarra… Si te fijas, WooCommerce tiene en su base de datos los nombres de las provincias según las ha configurado el traductor del plugin pero en España se habla, a parte del castellano, otros dialectos como el gallego, euskera, catalán y valenciano por lo que es probable que algunas provincias las tengas que buscar según como se escriben en su dialecto (A Coruña >> La Coruña, Bilbao >> Vizcaya y así algunas otras). Escribe una a una hasta indicar todas las provincias que pertenecen a la zona.
  • En Métodos de envío, crea todos los métodos que quieras ofrecer según las tarifas que te han facilitado las empresas de envío.
  • Haz clic en el botón Guardar los cambios.
¿Cómo crear una tienda online con WordPress?

Zonas de envío en WooCommerce

Repite este procedimiento para el resto de zonas: sur, este y oeste. Recuerda indicar todas las provincias de manera que los clientes siempre tengan la opción de comprar en tu tienda. Igualmente es recomendable, una vez hayas configurado todas las opciones, hacer una prueba a fondo para comprobar que la configuración es correcta.

¿Cómo crear una tienda online con WordPress?

Zonas de envío en WooCommerce

II. Opciones de envío.

En esta subpestaña podrás indicar como quieres que se realice el cálculo de los envíos en la tienda.

¿Cómo crear una tienda online con WordPress?

Ajustes de opciones de envío en WooCommerce

III. Clases de envíos.

Las clases de envíos te permitirán aplicar costes de envíos diferentes en función de las características del producto. Si por ejemplo tienes una serie de productos que necesitan un embalaje especial o son muy pesados, puedes crear una clase de envío que aplique una tasa extra a este tipo de productos o una tarifa de envío diferente del resto de productos.

5.5 Finalizar compra

En esta pestaña es donde podrás configurar las opciones de tu tienda que se verán reflejadas en la página Finalizar compra. Esta página es la última del proceso y es donde se realiza el pago.

  • Proceso de finalizar compra. Puedes indicar el funcionamiento de los cupones en la tienda y si quieres permitir que los clientes finalicen la compra como invitados.
  • Páginas de finalizar compra. Si te fijas, las páginas Carrito y Finalizar compra, que han sido creadas anteriormente, se asignan automáticamente. Sin embargo WooCommerce no asigna la página Términos y condiciones. Esta página, básicamente, es donde le indicas al cliente cómo funciona tu tienda. Es algo opcional pero, si tienes esta página creada, ofrecerá mucha más confianza al cliente al momento de realizar una compra. En el punto 8 te indicaré cómo crearla y luego puedes volver a este punto y asignarla.
  • Variables de finalización de compra. Estas opciones es mejor no tocarlas.
  • Pasarelas de pago. En este punto se definen las “pasarelas de pago” con las que tus clientes podrán pagar los productos que compren en tu tienda. Puedes activar y configurar todas las que creas necesarias y así ofrecer varias opciones a tus clientes.

Una de las opciones de pago más utilizadas a nivel mundial es PayPal. Para activar la opción de pago con PayPal, lo primero será tener una cuenta en PayPal activa y configurada para recibir pagos.

Si tienes una cuenta en PayPal, puedes hacer lo siguiente:

  • En Pasarelas de pago has clic en PayPal.
  • Marca la casilla Activar PayPal estándar.
  • Indica un Título y Descripción. Esto será lo que vean tus clientes al momento de realizar el pago. Puedes dejar los que vienen por defecto.
  • Escribe el correo electrónico de tu cuenta de PayPal.
  • En Opciones avanzadas, puedes activar la opción Activar el entorno de pruebas de PayPal para hacer pruebas en tu tienda y comprobar que todo funciona correctamente. Una vez realices las pruebas, desactiva esta opción para que tus clientes puedan realizar pagos reales.
  • Deja el resto de opciones como están salvo que tengas conocimientos más avanzados de PayPal.
  • Haz clic en Guardar los cambios.
¿Cómo crear una tienda online con WordPress?

Configuración de PayPal en WooCommerce

Si regresas a Opciones de finalizar compra, en Pasarelas de pago verás que dice Orden en que aparecen las pasarelas. En cada una de las pasarelas hay un icono de 3 rayas horizontales (semejante al icono menu en las versiones móviles). Si haces clic sobre el icono de cualquiera y, sin soltar el botón del ratón lo mueves, verás que la pasarela se mueve. De esta manera podrás indicar en qué orden quieres que se muestren las opciones de pago en tu tienda.

Puedes usar pasarelas de pago diferido, como Transferencia bancaria o Contra reembolso, en las que el pago no se realiza automáticamente. Estas opciones suelen ser muy demandadas por algunos clientes pero no aseguran al 100% que vayas a recibir el pago por la compra.

En el caso de las pasarelas de pago automático, como PayPal, TPV virtual o pago con Tarjeta de crédito, no existe ninguna por la cual no tengas que pagar el coste del servicio o una comisión. Ninguna es gratis. La ventaja es que recibirás el pago inmediatamente y ya dependerá de ti que el cliente reciba su producto a tiempo y en perfecto estado.

¿Cómo crear una tienda online con WordPress?

Ajustes de finalizar compra en WooCommerce

5.6 Cuentas

Esta pestaña tiene que ver con la página Mi cuenta que es el área privada que tendrán los clientes una vez se registren y realicen la compra. Este apartado es opcional crearlo y puedes ofrecer la opción de que el cliente se registre o no.

Para que tus clientes puedan comprar sin registrarse, en la pestaña Finalizar compra tienes que marcar la opción Permitir finalizar compra como invitado. De esta manera no obligas al cliente a que se registre en tu tienda cuando realice una compra. También puedes ofrecer las dos opciones: que finalicen la compra como invitado o que se puedan registrar.

La combinación de opciones dependerá de cómo quieres gestionar a tus clientes. “Permitirles que se registren” cuando realicen una compra, tiene como ventaja que, si integras un plugin para newsletter con tu tienda online (por ejemplo MailChimp for WooCommerce), tendrás una base de datos donde enviarles ofertas y promociones.

¿Cómo crear una tienda online con WordPress?

Ajustes de cuentas en WooCommerce

5.7 Correos electrónicos

En esta pestaña podrás configurar los correos electrónicos que se envían cuando un cliente realiza una compra. Verás que la configuración es muy sencilla e intuitiva y, mediante el icono de ayuda “?”, WooCommerce te ofrece toda la información necesaria para que configures todas las opciones.

¿Cómo crear una tienda online con WordPress?

Ajustes de correo electrónico en WooCommerce

6. Taxonomías en WooCommerce: categorías, etiquetas y atributos

Las taxonomías en WooCommerce se dividen en 3: categorías, etiquetas y atributos. El funcionamiento de las categorías y etiquetas es exactamente igual que en un blog pero se utilizan para los productos de la tienda online.

Para que puedas entender mejor como funcionan las taxonomias en WooCommerce, te voy a ilustrar un ejemplo.

Imagínate que vas a crear una tienda online con WordPress de ropa en general. Las posibles categorías que podrías tener en tu tienda serían: Ropa para hombre, Ropa para mujer, Ropa para niño, Ropa para niña y Ropa para bebes.

Las etiquetas podrían ser muchas más dependiendo del tipo de ropa que vendas. Según el material: algodón, fibra, sintético, lana…o por temporada: invierno, verano, otoño y primavera.

Por último, como atributos, podrías usar términos en función del COLOR: blanco, negro, azul, rosa… y en función de la TALLA: de 2 a 14 para niñ@s y de S a XL para adultos.

La combinación puede ser muy amplia y dependerá de como desees clasificar tus productos con el objetivo de lograr más ventas.

En el caso de las categorías y etiquetas, estas son utilizadas para clasificar los productos y ayudar al cliente a encontrar mejor lo que busca dentro de la tienda (usabilidad).

Los atributos son términos que se utilizan para variaciones de tus productos. De esta manera puedes indicar a tus clientes que una misma prenda se encuentra disponible en varios colores y varias marcas. En algunas ocasiones también son útiles los atributos cuando una camiseta roja talla S tiene un precio diferente que una camiseta roja talla XL.

6.1 Crear categorías en WooCommerce

Para crear categorías en WooCommerce, dirígete al apartado Productos >> Categorías. Como puedes observar, existe una categoría creada por defecto Sin categoría que se asignará a los productos en caso de que no asignes ninguna.

Rellena el formulario de la siguiente manera:

  • Nombre. Indica el nombre de la categoría. Este será el título principal de la categoría en la tienda.
  • Slug. Esta es la URL que se asignará a la categoría. Déjalo en blanco para que WordPress la asigne por defecto en función del título.
  • Categoría padre. Esta opción se usa para crear subcategorías.
  • Descripción. Escribe una descripción referente a la categoría.
  • Tipo de visualización. Indica como quieres que se muestren los productos en las categorías de la tienda.
  • Miniatura. Aquí puedes añadir una imagen principal para esta categoría.
  • Custom permalink. En el caso que estés siguiendo esta guía al detalle, habrás instalado el plugin Custom Permalinks. Si es así, podrás visualizar este campo. Déjalo en blanco.
  • Haz clic en el botón Añadir nueva categoría.

Repite este procedimiento por cada categoría que quieras crear en tu tienda. Para el ejemplo de la tienda de ropa quedaría algo así:

¿Cómo crear una tienda online con WordPress?

Categorías en WooCommerce

Si quieres clasificar aún más tu tienda, puedes crear subcategorías como: camisetas, vaqueros, sudaderas… Lo único que tienes que hacer es seleccionar la Categoría padre para cada una de las subcategorías que crees.

Por ejemplo: Camisetas puede ser una subcategoría de Ropa para Hombre, de Ropa para Mujer, de Ropa para Niño y de Ropa para Niña y así sucesivamente para el resto de subcategorías según la ropa que vayas a vender en tu tienda.

6.2 Crear etiquetas en WooCommerce

Para crear etiquetas en WooCommerce, dirígete al apartado Productos >> Etiquetas.

Rellena el formulario de la siguiente manera:

  • Nombre. Indica el nombre de la etiqueta. Este será el título principal de la etiqueta en la tienda.
  • Slug. Esta es la URL que se asignará a la etiqueta. Déjalo en blanco para que WordPress la asigne por defecto en función del título.
  • Descripción. Escribe una descripción referente a la etiqueta.
  • Custom permalink. En el caso que estés siguiendo esta guía al detalle, habrás instalado el plugin Custom Permalinks. Si es así, podrás visualizar este campo. Déjalo en blanco.
  • Haz clic en el botón Añadir nueva etiqueta.

Repite este procedimiento por cada etiqueta que quieras crear en tu tienda. Para el ejemplo de la tienda de ropa quedaría algo así:

¿Cómo crear una tienda online con WordPress?

Etiquetas en WooCommerce

6.3 Crear atributos en WooCommerce

Para crear atributos en WooCommerce, dirígete al apartado Productos >> Atributos.

Rellena el formulario de la siguiente manera:

  • Nombre. Indica el nombre del atributo.
  • Slug. Esta es la URL que se asignará al atributo. Déjalo en blanco para que WordPress la asigne por defecto en función del título.
  • ¿Activamos el archivo?. Con esta opción WorPress creará una página para cada atributo como si fuera una etiqueta más. Te recomiendo que no la marques.
  • Orden predeterminado. Este es el orden en el que se mostrarán los atributos en la página del producto.
  • Haz clic en el botón Añadir atributo.

Repite este procedimiento por cada atributo que quieras crear en tu tienda. Para el ejemplo de la tienda de ropa quedaría algo así:

¿Cómo crear una tienda online con WordPress?

Atributos en WooCommerce

Ya tienes creados los atributos. Ahora tienes que asignar los términos a cada atributo. Para esto haz clic en el enlace Configurar términos en la columna Términos de cada atributo. El formulario se rellena igual que en los atributos.

Indica el Nombre de cada término y haz clic en el botón Añadir nuevo XXXX (XXXX es el nombre del atributo). Repite el procedimiento para cada atributo.

Te quedaría algo así:

¿Cómo crear una tienda online con WordPress?

Atributos en WooCommerce

7. Creación de productos en Woocommerce

Continuando con el ejemplo de la tienda de ropa, crea un producto: Camiseta manga larga para niña. Para este producto puedes utilizar las siguientes taxonomías:

  • Categoría: Ropa para niñas.
  • Subcategoría: Camisetas (en caso de que la hayas creado).
  • Etiquetas: Algodón, verano (material y temporada).
  • Atributos: rojo, negro y blanco (COLOR) y de 6 años a 16 años (TALLA).
  • Precio: el precio será de 10 € para todos los colores y para todas las tallas.

Dirígete al apartado Productos >> Añadir nuevo.

¿Cómo crear una tienda online con WordPress?

Crear un producto en WooCommerce

7.1 Título (I)

En el campo Nombre del producto escribe Camiseta manga larga para niña. Este será el título principal del producto.

7.2 URL (II)

Una vez escribas el título, WordPress asignará automáticamente la URL del producto en función al título.

7.3 Bloque de edición de texto (III)

En este campo es donde se añadirá una descripción detallada del producto. Puedes darle formato como si fuera una entrada (título, subtítulos, texto e imágenes) y se suele mostrar en las pestañas debajo de las características del producto.

7.4 Publicar (IV)

Desde este bloque se podrá publicar y actualizar el producto, guardar como borrador, modificar la fecha entre otras.

7.5 Categorías de productos (V)

Selecciona la categoría correspondiente al producto. Para este ejemplo, Ropa para Niña.

7.6 Etiquetas del prodcuto (VI)

Si has creado algunas etiquetas previamente, comienza a escribir en el campo una a una las etiquetas y selecciónalas en caso de que existan. Has clic en el botón Añadir.

7.7 Imagen del producto (VII)

Para cada producto, deberías tener una o varias imágenes que te ayudarán a vender tu producto.

Es muy importante que las imágenes de tus productos sean de buena calidad y profesionales ya que serán la primera toma de contacto visual del usuario con tu producto y puede resultar decisiva de cara a la compra final.

Para añadir una imagen principal, haz clic en el enlace Establecer imagen del producto.

Verás lo siguiente:

¿Cómo crear una tienda online con WordPress?

Añadir imagen principal del producto en WooCommerce

Tienes dos opciones para subir una imagen:

  1. La seleccionas desde tu PC y la arrastras hasta la pantalla de WordPress.
  2. Haces clic en el botón Selecciona archivos, la buscas en el PC y la subes.

Muy importante: antes de subir una imagen a WordPress, es recomendable que la renombres teniendo en cuenta las siguientes reglas:

  • Que el título esté escrito todo en minúsculas. Intenta que coincida con el título del artículo: camiseta-manga-larga-para-niña-roja.jpg.
  • Que la imagen tenga extensión JPG. Son imágenes de menor tamaño que las PNG y ayudan con la velocidad de carga de la página aunque las imágenes PNG tienen mejor resolución.
  • Que cada palabra esté separada por guiones (sin espacios) y sin tildes (acentos).
  • Que ninguna palabra tenga símbolos o caracteres especiales como la letra “ñ”. Si una palabra lleva “ñ”, puedes escribir la letra “n” en su lugar.

Fíjate que he añadido adicionalmente la palabra “roja” en el nombre de la imagen. Esto es porque habrán más imágenes de otras camisetas de varios colores y no se pueden subir diferentes imágenes con el mismo nombre a WordPress.

Una vez realices cualquiera de estas 2 acciones, verás algo como esto:

¿Cómo crear una tienda online con WordPress?

Añadir una imagen a un producto en WordPress

Antes de insertar la imagen en el producto, verás otros campos que tienes que tener en cuenta:

  • Título: por defecto te muestra el nombre que le has dado a la imagen. Puedes cambiarlo por un título que sea acorde al contenido del producto.
  • Texto alternativo: este campo es el más importante porque es lo que se conoce como etiqueta ALT que es un parámetro de las imágenes que hay que tener siempre en cuenta para el SEO y que a Google le gusta mucho. Puedes leer la entrada sobre títulos y etiquetas alt que es una de las directrices para Webmasters de Google que hay que respetar. Puedes escribir lo mismo que en Título.

Teniendo claros estos puntos, haz clic en el botón Establecer imagen del producto.

7.8 Galería del producto (VIII)

Cuando creas un producto para tu tienda online, con la imagen principal es suficiente pero es recomendable asignar más imágenes al producto ya que ofrecerá una ayuda adicional al cliente para decidirse por comprar o no ese producto. Aún es más recomendable cuando tienes un producto con atributos como el color.

En el caso que cuentes con más imágenes para tu producto, puedes subirlas como una Galería del producto.

7.9 Datos del producto (IX)

Este bloque es el más importante de todos ya que es donde definirás la forma en la que se venderá el producto. Configura las opciones con mucho cuidado ya que de esto dependerá que el cliente pueda realizar la compra correctamente o abandone la tienda.

Ten en cuenta que si uno o varios clientes no pueden comprar tus productos en tu tienda por una mala configuración, es posible que no te des cuenta al cabo de un tiempo y esto te generará pérdidas.

Lo primero que verás es un selector donde deberás seleccionar el tipo de producto que vas a vender.

  • Producto simple. Es el que se vende en una única versión final, sin variaciones de color, tamaños, tallas, capacidad, etc.
  • Producto agrupado. Es aquel que pertenece a una misma categoría junto a otros productos. La finalidad de agruparlos es facilitar al usuario la compra y además aumentar las ventas.
  • Producto externo/afiliado. Este producto en realidad se vende desde otra web y normalmente otro vendedor, pero lo vendes desde tu tienda y a cambio obtienes un porcentaje de beneficio.
  • Producto variable. Está relacionado directamente con los atributos y permite elegir al comprador entre diversos tamaños, colores, opciones, etc., y en función de ello puede variar de aspecto, método de envío, precio, etc.

Seguidamente tienes 2 casillas con otras opciones:

  • Virtual. Este tipo de productos pueden ser servicios que quieres promocionar o quieres que la gente compre por adelantado. Por ejemplo una consultoría por horas.
  • Descargable. Este tipo de producto también sería virtual con la diferencia que, al finalizar la compra, el cliente puede realizar una descarga ya sea de un PDF, una entrada al cine, un archivo de música, un vídeo entre otros.

Para el ejemplo de la tienda de ropa, selecciona Producto simple.

a. General.

  • Precio normal (€). Indica el precio del producto. Para el ejemplo de la tienda de ropa, escribe 10.
  • Precio rebajado (€). Indica un precio menor en el caso que el producto esté en oferta. En el enlace Horario puedes programar este precio en un rango de tiempo. Al llegar a la fecha final, el producto volverá a mostrar automáticamente el precio normal.
  • Estado del impuesto. Indica si el producto está sujeto a impuestos. La opción Imponible significa que si está sujeto a impuestos.
  • Clase de impuesto. Indica si al producto se le aplica alguna clase de impuesto.

La gestión de impuestos y clases de impuestos generales de la tienda la puedes realizar en los ajustes avanzados de WooCommerce (punto 5.3).

¿Cómo crear una tienda online con WordPress?

Configuración general de un producto en WooCommerce

b. Inventario.

En esta pestaña solo podrás configurar el inventario del producto que estás creando. La gestión de inventario general de la tienda la puedes realizar en los ajustes avanzados de WooCommerce (punto 5.2-II).

  • SKU. Este campo no es obligatorio pero si recomendable. Puedes indicar un código único con el cual puedas distinguir el producto de otros productos en el inventario de tu tienda. Es como los códigos de barra de los artículos que puedes comprar en cualquier tienda y es muy útil cuando tu tienda tiene muchos productos.
  • ¿Gestión de inventario?
      • Si no marcas la casilla, estás dando a entender que tienes ilimitados productos. Te muestra el selector Estado del inventario donde le puedes indicar al cliente, en la página del producto, si Hay existencias, está Agotado o está Reservado el producto. Un ejemplo de esto sería para productos descargables o si eres directamente el fabricante del producto.
      • Marcando la casilla, deberás indicar cuántas unidades tienes es stock del producto en el campo Cantidad del inventario de manera que solo se puedan comprar las unidades reales que puedas enviar. Adicionalmente te ofrece la opción ¿Permitir reservas? con lo cual puedes vender el producto aunque actualmente no tengas existencias (pero tienes previsión de tenerlas pronto).
  • Vendido individualmente. Marcando esta opción limitarás al cliente a que solo pueda comprar “1 unidad” del producto. Es muy útil cuando, por ejemplo, vendes entradas de un evento. De esta manera se evita la reventa de entradas.

En la opción ¿Permitir reservas? es aconsejable que tengas cuidado al momento de configurarla. Ten en cuenta que no tienes stock del producto cuando el cliente realiza la compra por lo que en realidad estaría realizando una reserva.

Si tienes previsiones de recibir más unidades del producto en un corto periodo de tiempo, selecciona Permitir. En caso de que el producto vaya a tardar mucho tiempo en llegar, selecciona Permitir, pero se avisará al cliente. Si tienes dudas, selecciona No permitir.

Consejo: es mejor ser sincero y no realizar la venta en ese momento que engañar al cliente y perderlo. Ten en cuenta que el cliente puede volver en cualquier momento para comprar el producto cuando esté disponible o suscribirse a una newsletter para que le mantengas informado.

Por el contrario, si engañas al cliente o le haces esperar mucho tiempo, solo por querer realizar la compra, este podría solicitar la devolución del importe pagado y no volver a comprar más en tu tienda.

¿Cómo crear una tienda online con WordPress?

Configuración del inventario de un producto en WooCommerce

c. Envío.

En este apartado puedes indicar el peso y las dimensiones del producto en caso de productos especiales de gran volumen. Estas opciones van asociadas a las clases de envío donde se indican tarifas adicionales para productos especiales que se facturan por peso volumétrico y embalajes especiales.

La gestión de envíos generales de la tienda la puedes realizar en los ajustes avanzados de WooCommerce (punto 5.4).

d. Productos vinculados.

Estas opciones que ofrece WooCommerce, a día de hoy, están muy desaprovechadas por muchos desarrolladores de tiendas online ya sea por desconocimiento, por falta de tiempo o simplemente por pereza. Resulta que esta opción es bastante útil y ayuda significativamente a incrementar las ventas en una tienda online. ¿De dónde crees que proviene parte del éxito de Amazon? Porque suelen usar este tipo de opciones en su tienda.

Cuando digo que no se suelen emplear “por pereza (flojera en otros países)” es porque, para utilizar estas opciones, primero hay que tener una cantidad de productos creados en la tienda. Luego hay que hacer un pequeño estudio de que productos deseas enlazar entre sí y cuales son los que te interesa vender más rápido en algún momento en particular.

Obviamente esto conlleva una inversión mayor de tiempo pero, créeme, que el esfuerzo invertido te dará mejores resultados y te generará más ventas que, al fin y al cabo, es la finalidad de crear una tienda online.

I. Ventas dirigidas.

Son productos con una funcionalidad y características similares al producto en cuestión, pero más caros o con una rentabilidad mayor. La cuestión está en que, cuando un cliente se interese por un producto, mostrarle otros similares pero de una gama ligeramente superior o que sean más rentables para la tienda (en términos de mayor ganancia).

Para que lo entiendas un poco mejor, las ventas dirigidas tienen la misma función que las entradas relacionadas en un blog. ¿Has visto, en algún blog, al final del artículo, algo que pone Entradas relacionadas o Esto también te puede interesar? Pues algo más o menos así pero aplicado al eCommerce con la finalidad de vender más.

II. Ventas cruzadas.

Son productos que se ofrecen al cliente para complementar o mejorar el que está comprando. Se suelen mostrar en el Carrito cuando el cliente ya está finalizando la compra con la intención de llamar su atención para que compre algo más.

Ejemplos de ventas cruzadas las tienes todos los días cuando vas a cualquier sitio a comprar cualquier cosa. No te ha pasado que, cuando vas al Mercadona, estás en línea de caja para pagar tu compra y la cajera te dice: Tenemos el saco de naranjas en oferta a 1,50 €.

Pues a mi, cada vez que voy y de repente te acuerdas que no hay naranjas en casa (y seguro que si hay) pero es tan convincente y agradable la cajera que ¡PUM! vas y lo compras. Pues eso son ventas cruzadas.

e. Atributos.

Como te he comentado anteriormente, los atributos son utilizados para mostrar variaciones de los productos cuando son de diferentes colores y diferentes tallas como en el caso del ejemplo de la tienda de ropa. Para añadir las variaciones de la camiseta del ejemplo, haz lo siguiente:

  • En el selector Atributo de producto personalizado, selecciona COLOR y haz clic en el botón Añadir.
  • Haz clic en el campo Seleccione términos y te mostrará un listado de todos los términos que has creado para el atributo. Haz clic en cada uno de los términos del producto. Para el ejemplo, ROJO, BLANCO y NEGRO.
  • Visible en la página de productos. Si marcas esta opción, se mostrará este atributo en la página del producto como información para el cliente.
  • Repite el mismo procedimiento para el atributo TALLA.
  • Haz clic en el botón Guardar atributos.
¿Cómo crear una tienda online con WordPress?

Configuración de los atributos de un producto en WooCommerce

f. Avanzado.

Puedes añadir una nota adicional que se enviará al cliente después de la compra, asignar un orden al producto en relación a los otros y habilitar las valoraciones de los usuarios para este producto.

7.10 Descripción corta del producto (X)

En este bloque es donde podrás asignar una descripción corta al producto. Esta descripción se mostrará en primera línea junto con la imagen del producto. Procura escribir algo corto pero directo y convincente ya que será lo primero que el cliente vea cuando encuentre tu producto.

Para escribir una descripción más detallada, puedes hacerlo en el bloque de edición de texto (punto 7.3).

7.11 Yoast SEO (XI)

Por último, queda asignar los metadatos en el plugin Yoast SEO. En la caja Yoast SEO, haz clic en el botón Editar snippet y verás los siguientes campos:

  • Título SEO: Yoast SEO asignará el mismo título del producto por lo que es mejor dejarlo en blanco.
  • Slug: esto corresponde con la URL del producto que asignará el plugin una vez lo publiques.
  • Meta description: escribe una descripción tipo “resumen” del contenido del producto. Procura no superar los 160 caracteres que son los que Google muestra en sus resultados de búsqueda.

El primero y el tercero son los campos más importantes para un correcto SEO. Ten en cuenta que el Título SEO y la Meta description es lo que Google muestra en los resultados de búsqueda y de estos dependerá que tu producto se posicione correctamente o no.

En el artículo SEO para WordPress tienes una completa guía para configurar el SEO en tu tienda online.

Teniendo todo esto configurado, quedaría de la siguiente manera:

¿Cómo crear una tienda online con WordPress?

Configurando los parámetros SEO de un producto en WordPress

Revisa que todo esté correctamente configurado, que has escrito bien el contenido y comprueba la ortografía del texto. Haz clic en el botón Publicar para publicar el producto.

8. Personalizando la tienda online

Ahora que ya tienes un producto creado (o varios), lo siguiente será personalizar el aspecto que tendrá tu tienda para que tenga un aspecto atractivo para los usuarios.

8.1 Páginas adicionales

En toda tienda online debe existir una página que le indique al usuario los términos y condiciones de uso de la tienda. Estos términos deberán exponer el funcionamiento de la tienda, cómo se realiza una compra, los impuestos vigentes, las formas de pago, política de envíos y devoluciones entre otros. De esta manera el cliente puede hacer compras en tu tienda con más confianza.

Dirígete al apartado Páginas >> Añadir nueva y crea una página llamada Términos y condiciones (o como le quieras llamar). Si no estás familiarizado con la creación de páginas, visita el artículo crear una página web en WordPress donde tienes más información.

Lo siguiente será asignar esta página a la tienda. De esta manera, cuando el cliente vaya a realizar el pago, la tienda le advertirá que existe esta página, que debe leerla y aceptar las condiciones.

Dirígete al apartado WooCommerce >> Ajustes. En la pestaña Finalizar compra, en la opción Páginas de finalizar compra, verás el selector Términos y condiciones donde deberás seleccionar la página creada. Haz clic en el botón Guardar los cambios.

¿Cómo crear una tienda online con WordPress?

Asignar página de Términos y condiciones en WooCommerce

Consejo: en caso de que no crees esta página, tienes el riesgo de que el cliente pueda hacer cualquier tipo de reclamación, aunque no tenga la razón, y salir ganando. Si indicas los términos y condiciones que deben cumplir los clientes para realizar una compra en tu tienda, te proteges de cualquier reclamación injusta que el cliente haga teniendo en cuenta que esto podría llegar a mayores.

“En teoría”, el cliente no está obligado a leer los términos y condiciones de tu tienda pero tu si estás “obligado” a informar y recordar al cliente que están ahí.

En una ocasión me pasó que un cliente hizo una reclamación y alegó que los términos y condiciones de mi tienda los creé cuando hizo la reclamación. Gracias a que esta página se había indexado en Google cuando la creé, le pude demostrar al cliente que ya existía antes de que realizara la compra y, que si no la leyó, fue por negligencia. Google ofrece una caché de cualquier página creada e indexada con la fecha y hora de creación.

8.2 Crear un menú para la tienda

Ahora hace falta crear un menú de navegación para la tienda online. Para ello, dirígete al apartado Apariencia >> Menús. Crea el Menú principal y asigna los ITEMS que quieras que se vean en tu tienda. Haz clic en el botón Guardar menú.

En el artículo cómo crear una página web tienes una información detallada sobre la creación de menús en WordPress.

¿Cómo crear una tienda online con WordPress?

Creación de un menú principal para la tienda

8.3 Widgets para personalizar la tienda

Cuando instalas WooCommerce, este crea widgets adicionales que puedes emplear en la barra lateral (sidebar) de las páginas de tu tienda. Según la plantilla que estés utilizando, podrás configurar los widgets desde la propia plantilla y asignar diferente barras laterales entre las páginas.

Dirígete al apartado Apariencia >> Widgets. A la izquierda de la pantalla puedes ver todos los widgets que ofrece WordPress incluyendo los que se han creado para la tienda. A la derecha de la pantalla, puedes ver las barras laterales (sidebars) que ofrece la plantilla para asignar widgets en las páginas.

Los nuevos widgets creados para la tienda online son los siguientes:

  • Búsqueda de productos. Se utiliza solo para la búsqueda de productos en la tienda.
  • Carrito. Muestra un resumen del carrito de la compra en la barra lateral (sidebar) cuando se añade un producto.
  • Categorías de los productos. Muestra un listado de las categorías de los productos. Es similar al widget de categorías en un blog y solo se mostrará si existe algún producto asignado a esa categoría.
  • Filtrar productos por atributo. Muestra un filtro para que solo se muestren los productos con un atributo en común.
  • Filtrar productos por precio. Muestra un filtro para que solo se muestren productos dentro de un rango de precios.
  • Filtrar productos por puntuación. Muestra una lista de puntuaciones con estrellas para filtrar productos en la tienda.
  • Filtros de productos activos. Muestra una lista de filtros de productos activos.
  • Nube de etiquetas de productos. Muestra todas las etiquetas de los productos. Es similar al widget de etiquetas en un blog.
  • Productos. Muestra un listado de productos. Puedes configurar el widget para que se muestre un listado de los últimos 5 productos, los productos rebajados o los productos destacados. Es similar al widget de entradas recientes de un blog.
  • Productos por puntuación. Muestra un listado de los productos más valorados de la tienda.
  • Productos vistos recientemente. Muestra una lista de los productos recientemente vistos por un cliente.
  • Valoraciones recientes de productos. Muestra una lista de valoraciones recientes de la tienda. Es similar al widget de comentarios en un blog.
¿Cómo crear una tienda online con WordPress?

Widgets por defecto de una tienda online

Dependiendo de la actual configuración de tu tienda, de los productos que tengas creados, si tienes atributos o no asignados a tus productos, si ya han hecho valoraciones y comentarios en los productos algunos widgets no se mostrarán.

Además, los widgets relacionados con la tienda, sólo funcionarán en la páginas de la tienda: Tienda, Categorías, Etiquetas, Productos, Carrito y Finalizar compra.

Selecciona los widgets que desees mostrar en tu tienda y arrástralos al bloque de la barra lateral (sidebar) de la plantilla.

¿Cómo crear una tienda online con WordPress?

Asignando widgets al sidebar de la tienda

De esta manera se verían los widgets en la página Tienda.

¿Cómo crear una tienda online con WordPress?

Widgets en la página de la tienda

9. Simular una compra en la tienda

Lo siguiente será simular una compra en la tienda para comprobar que todo funciona correctamente. Dirígete al Front End de tu tienda (escribiendo en el navegador https://www.tudominio.com/tienda/).

Verás algo como esto:

¿Cómo crear una tienda online con WordPress?

Página Tienda en WordPress

Podrás observar el producto que acabas de crear y en la barra lateral (sidebar) los widgets de la tienda. Has clic en el botón Añadir al carrito que se encuentra debajo de la imagen del producto.

Si te fijas, en el widget Carrito, se ha añadido el producto y muestra dos botones:

  • Ver carrito. Este te llevará a la página Carrito con el resumen de la compra y te dará la opción de eliminar productos, variar la cantidad de unidades, aplicar cupones de descuento y calcular el envío en caso que lo hayas configurado de esa manera. Además, si has añadido ventas cruzadas en el producto, será aquí donde aparezcan.
  • Finalizar compra. Este te llevará directamente a la página de pago sin pasar por el carrito.
¿Cómo crear una tienda online con WordPress?

Página Carrito en WordPress

Haz clic en el botón Finalizar compra. Esta es la última página del proceso y es donde se realizará el pago. Fíjate en estos detalles:

  • La tienda muestra un aviso para que el cliente pueda acceder a su área privada (si ya ha comprado alguna vez en tu tienda) y no tenga que volver a rellenar el formulario de compra. Esta opción se configura en la pestaña Cuentas (Acceder) de los ajustes avanzados de WooCommerce (punto 5.6).
  • Verás que hay 2 formularios: Detalles de facturación y ¿Enviar a una dirección diferente? Si el cliente quiere una factura con los datos de su empresa, podrá indicar otra dirección para que le envíen el pedido.
  • En el País solo muestra España y no ofrece la opción de seleccionar más países. Esta opción se configura en la pestaña General (Vender a países específicos) de los ajustes avanzados de WooCommerce (punto 5.1).
  • En el formulario se ofrece la opción ¿Crear una cuenta? al cliente para que se registre de manera que la próxima vez que compre no tenga que rellenar el formulario nuevamente. Esta opción se configura en la pestaña Cuentas (Registro de usuario) de los ajustes avanzados de WooCommerce (punto 5.6).
  • Notas del pedido. También se ofrece al cliente la opción de dejar una nota si desea que el pedido sea entregado en un rango de horas, por ejemplo.
  • En el bloque Tu pedido, verás que se muestra el Envío con las opciones que has configurado anteriormente. Según el ejemplo de la tienda de ropa, estas serían las opciones si el cliente selecciona Madrid como Provincia. Si seleccionas otra provincia (de la Zona Norte por ejemplo) podrás observar como las opciones de envío cambian.
  • Al final de la página, verás las opciones de pago que has configurado anteriormente. Esta opción se configura en la pestaña Finalizar compra (Pasarelas de pago) de los ajustes avanzados de WooCommerce (punto 5.5).
  • Por último, después de las opciones de pago, verás el aviso He leído y aceptado los términos y condiciones *. De esta manera le estás indicando al cliente que en tu tienda hay términos y condiciones para realizar la compra. Queda de parte del cliente leerlas o no pero, una vez realice el pago, no tendrá derecho a reclamación. Esta opción se configura en la pestaña Finalizar compra (Páginas de finalizar compra) de los ajustes avanzados de WooCommerce (punto 8.1).

Para que puedas hacer pruebas, si aún no has configurado una cuenta de pruebas en PayPal, puedes activar la opción Transferencia bancaria como pasarela de pago (punto 5.5).

¿Cómo crear una tienda online con WordPress?

Página Finalizar compra en WordPress

Haz una simulación de compra, rellena el formulario y selecciona Transferencia bancaria directa como opción de pago. Haz clic en el botón Realizar el pedido.

WordPress te mostrará un resumen de tu compra con los datos para realizar el pago (en caso que hayas seleccionado Transferencia bancaria).

¿Cómo crear una tienda online con WordPress?

Resumen de la compra en WordPress

10. Gestionar pedidos en la tienda

Una vez realizada la simulación de la compra, dirígete al apartado WooCommerce >> Pedidos. Verás un listado con todas las compras hechas en tu tienda y un resumen del estado, fecha, importe total, datos del cliente entre otros.

Puedes cambiar el estado de cada pedido en la columna Acciones. Con un sólo clic puedes actualizar el estado del pedido a Procesando o Completado. Si quieres ver con más detalle los datos del pedido, haz clic en el nombre de la columna Pedido.

Para ampliar las columnas de la lista, haz clic en la pestaña Opciones de pantalla y selecciona todas las opciones que desees visualizar. Haz clic en el botón Aplicar.

¿Cómo crear una tienda online con WordPress?

Listado de pedidos en una tienda online

En los detalles del pedido, puedes ver todos los datos del pedido, impuestos, forma de envío y datos del cliente para el envío del producto. Una vez confirmes el pago (si ha sido por Transferencia bancaria) puedes cambiar el estado del pedido por Procesando y cuando el cliente reciba el producto puedes cambiarlo por Completado en el selector Estado.

¿Cómo crear una tienda online con WordPress?

Detalles del pedido en una tienda online

Cada vez que actualizas el estado del pedido, el cliente recibe una notificación en su correo electrónico. Esta opción se configura en la pestaña Correos electrónicos de los ajustes avanzados de WooCommerce (punto 5.7).

11. Plantillas premium para tiendas online

Existen en el mercado cientos e incluso miles de plantillas diseñadas específicamente para crear una tienda online con WordPress. Desde plantillas gratis, que ofrecen opciones básicas hasta plantillas premium, con un diseño atractivo y moderno que te permiten personalizarlas al máximo, están bien optimizadas de cara al tiempo de carga y al posicionamiento SEO.

WooCommerce es un plugin que funciona bien casi con cualquier plantilla en la que lo instales, aunque no sea una plantilla específica de eCommerce. No obstante, comprar una plantilla específica para tiendas online tiene ventajas, pues las plantillas premium incluyen páginas y secciones ya diseñadas que puedes usar en tu proyecto, te ahorran mucho tiempo y te dan resultados excelentes.

Uno de los mejores sitios para comprar una plantilla premium específica para tiendas online es Envato Market. Es una plataforma donde varios desarrolladores de plantillas suben sus trabajos para venderlos. Esta plataforma es una excelente alternativa para que compres una plantilla premium para crear una tienda online con WordPress.

12. Consejos para optimizar una tienda online

Para que tu tienda online funcione exitósamente, además de configurar correctamente WooCommerce, hay otros aspectos que debes tener en cuenta y que te pueden ayudar a mejorar tus ventas por Internet:

  1. Un buen uso de los widgets, mejora la usabilidad de la tienda y aumenta la interacción de los usuarios y las ventas. Además de los widgets que instala WooCommerce por defecto, existen plugins que sirven para añadir widgets más atractivos a tu tienda.
  2. Busca una buena empresa de envíos que te ofrezca buenos precios y que el servicio sea eficaz y profesional. Una empresa de envío que no respete plazos ni procedimientos, puede hacerte perder credibilidad y clientes.
  3. Usa imágenes de buena calidad para los productos de tu tienda. Si puedes permitírtelo, contrata a un fotógrafo profesional que pueda hacer buenas imágenes para tu tienda. A los usuarios les gusta ver los productos al detalle, con imágenes de buena calidad y en diversos ángulos. Esto mejora la confianza de los clientes en tu tienda online.
  4. Ofrece promociones y descuentos a tus clientes mediante el uso de cupones. De esta manera les motivas a volver y a que hablen de tu tienda a otros usuarios.
  5. Habilita todos los métodos de pago que sea posible. Configura pasarelas de pago con tarjeta, PayPal, transferencia bancaria y contrarreembolso. Hay usuarios que están acostumbrados a usar un único método de pago y, si no lo ofreces, es posible que no compren el producto.
  6. Cuando escribas las descripciones de los productos, evita copiar las descripciones de la página oficial de la marca o de otras tiendas online. Escribe las tuyas propias, siendo lo más descriptivo posible y usando palabras clave para el SEO.
  7. Si vas a indexar las categorías, asegúrate que estén bien optimizadas para el SEO, la usabilidad y que no generen contenido duplicado. De modo contrario, configura el plugin de SEO que estés usando para que no se indexen.
  8. Evita indexar las etiquetas de los productos mediante el plugin de SEO que utilices.

Esta guía para crear una tienda online con WordPress, ha sido desarrollada teniendo en cuenta todos los puntos necesarios para que puedas comenzar a vender justo ahora que has terminado de leerla. Habrían más detalles que podrías implementar en tu tienda online para hacerla más atractiva y funcional pero al menos tienes las nociones básicas y necesarias para que crees un producto y lo vendas ahora mismo.

En el blog de WordPress podrás encontrar más artículos relacionados con WooCommerce para que vayas afinando tu tienda y consigas incrementar las ventas de tus productos. ¡Ánimo y suerte!

¿Te ha gustado?

Valora este artículo: 1 punto2 puntos3 puntos4 puntos5 puntos (3 votos, promedio: 5,00 de 5)

Deja un comentario si tienes alguna duda o comparte como ha sido tu experiencia.

COMPARTE ESTE ARTÍCULO EN...

¿QUIERES APRENDER WORDPRESS DESDE CERO?

Suscríbete y recibe información para crear tu propia página web con WordPress.