Cómo crear una tienda online en WordPress desde cero

Si necesitas diseñar una página web y más concretamente vender tus productos o servicios online, en este post te voy a explicar, paso a paso, cómo crear una tienda online en WordPress.

Lo primero que debes saber es que existen diferentes plataformas para montar un ecommerce (Shopify, Magento, Drupal, etc), pero me voy a centrar en WordPress, ya que es el CMS que manejo y recomiendo.

Para crear una tienda online en WordPress, lo primero que debes hacer es descargar, activar y configurar WooCommerce, el plugin oficial de ecommerce, en tu web.

Cómo añadir un producto en WooCommerce

Una vez configuradas todas las opciones de WooCommerce (ajustes generales, envíos, pasarelas de pago, etc), es el momento de añadir los productos que vas a vender.

Para añadir un producto en WooCommerce, simplemente debes ir a Productos > Añadir nuevo y completar cada uno de los campos con la información de tu artículo o servicio:

• Nombre o título del producto.
• Descripción corta y larga.
• Datos del producto (lo explicaré a continuación).
• Categorías y etiquetas.
• Imagen destacada del producto.
• Galería (fotografías complementarias).

Añadir correctamente los datos generales y configurar el tipo de producto en función de tu negocio es lo más importante dentro de cada ficha.

Tipos de productos en WooCommerce

Como ves en la captura, existen varios tipos de productos en WooCommerce, que se configuran desde los datos generales de la ficha. Te los explico todos:

Producto simple

Se trata del producto por defecto. Puedes ponerle un precio normal y otro rebajado, así como asignar sus impuestos. A su vez, WooCommerce dispone de 3 modalidades de producto simple:

1. Físico: se manda al domicilio del cliente y puedes configurar todo lo relacionado con su envío (peso, dimensiones y tipo).
2. Virtual: se trata de un producto online, es decir, no requiere de un envío físico. Por ejemplo: entradas a un concierto.
3. Descargable: es un producto que se puede descargar después de la compra (por ejemplo: un ebook, una plantilla, un PDF, etc). Puedes seleccionar el límite y la caducidad de las descargas.

Producto agrupado

Se trata de un tipo de producto que se puede agrupar con otros para venderlos conjuntamente, porque sus características (descripción, estilo, colores, etc) son similares y se asocian bajo un producto "padre", en función de su referencia o identificador.

El objetivo es que el cliente pueda añadir todo el grupo de productos al carrito y no tenga que hacerlo de forma individual. Ejemplo: imagina una tienda de muebles que vende sillas. Por una parte, estaría la estructura y por otra el cojín.

Además, para el cliente es posible seleccionar cantidades diferentes de cada uno de los productos del grupo. Es decir, puede elegir comprar una cantidad de un producto y otra del resto. Por ejemplo: en el caso de una mesa, sería un tablero y varias patas.

Recuerda que las variaciones no están disponibles en los productos agrupados de WooCommerce.

Producto externo / afiliado

Los productos externos sirven para vender artículos que no son de tu propiedad, es decir, te encargas de la venta, pero no de la gestión del producto ni de su inventario. Por ejemplo: afiliado o dropshipping.

Si esta es la modalidad de tienda que tienes, los campos a completar son:

• URL del producto (fuera de tu web).
• Texto del botón o llamada a la acción.
• Precios: normal y rebajado.
• Impuestos: estado y clase.

Producto variable

Los productos variables de WooCommerce son aquellos que varían en función de algún atributo específico: talla, color, tamaño, etc. Es decir, para configurar un producto variable primero tienes que crear unos atributos (los que necesite tu tienda):

Creados los atributos, lo siguiente que debes hacer es añadir las variaciones (en base a ellos) y añadir la información de cada variación de producto: precio, dimensiones, descripción, imagen, etc.

Cuando hayas añadido y configurado todas las variaciones, ya puedes publicar el producto y aquí puedes ver el resultado:

Inventario

Gestionar el inventario de WooCommerce es muy sencillo y te permite tener un control detallado de todos los productos, modelos y unidades de tu tienda.

Además, puedes informar a tus clientes sobre el número de unidades disponibles de un artículo, así como gestionar tu propio stock, algo que vas a agradecer, en especial si vendes muchos productos distintos.

Puedes gestionar el inventario de cada producto dentro de su ficha:

Los campos que puedes configurar para gestionar tu inventario en WooCommerce son:

• SKU: código, referencia o identificador del producto. Si tienes una tienda con muchos productos, te recomiendo que cada uno tengo su código para gestionar el inventario de forma más sencilla.
• ¿Gestión de inventario? Si activas la gestión de inventario a nivel del producto, se habilitan unos campos específicos para gestionar la cantidad de unidades específicas de dicho producto (te lo explico más abajo).
• Estado del inventario: te permite configurar si quedan existencias de dicho producto, si está agotado o si se puede reservar.
• Vendido individualmente: puedes activar esta opción si quieres que solo se pueda comprar una unidad de este producto específico en cada pedido.

Si activas el check de gestión de inventario, se habilitan las siguientes opciones:

• Cantidad de inventario: aquí debes introducir el número de unidades que tienes disponibles en tu tienda para este producto en concreto.
• ¿Permitir reservas? En este caso y a diferencia de la opción sencilla (la de arriba), puedes permitir las reservas, no permitirlas o hacerlo avisando al cliente.
• Umbral de pocas existencias: puedes configurar un número mínimo de unidades para que, cuando se estén agotando, recibas un aviso por email. Por ejemplo: imagina que tienes una tienda con 10 camisetas rojas y configuras este campo para 2 unidades; cuando hayas vendido las 8 primeras y solo queden 2 en tu tienda, recibirás un aviso para reponerlas.

Envío

La gestión del envío en WooCommerce solo está disponible para los productos simples que no sean virtuales o descargables y también para los variables, es decir, para los productos que son físicos y susceptibles de ser enviados al cliente.

Aquí vas a configurar las opciones de envío de tus productos al domicilio del cliente. Es muy sencillo:

• Peso en kg.
• Dimensiones en cm: longitud, anchura y altura.
• Clase de envío. Podrás elegir entre las opciones que hayas añadido al configurar WooCommerce.

Productos relacionados

WooCommerce te permite establecer productos relacionados con el objetivo de generar ventas dirigidas y cruzadas.

Dentro de cada ficha de producto, puedes establecer unos productos relacionados de forma personalizada.

Puedes elegir los productos por referencia (SKU) o por su nombre:

¿Qué son las ventas dirigidas y las ventas cruzadas de WooCommerce?

La ventas dirigidas consisten en recomendarle al cliente un producto alternativo al que está viendo, ya sea porque es más rentable o tiene un precio mayor. Es decir, recomiendas un producto diferente al actual.

Lo habitual es mostrarlos en la parte inferior de las fichas de producto con un texto del tipo "también te interesa" o "te recomendamos".

Por ejemplo:

Las ventas cruzadas son diferentes a las anteriores, pues el producto se muestra como complemento o extra, es decir, te interesa vender el actual y el recomendado.

Además, la ubicación cambiar de lugar, ya que aparece en el carrito, en vez de en la ficha de producto.

Su objetivo es que el cliente realice una segunda compra antes de terminar el proceso de tramitación del pedido.

Atributos

Los atributos son aquellos elementos que permiten mostrar el mismo producto con diferentes variables. Por ejemplo: talla, tamaño, color, acabado, etc.

Por lo tanto, para crear un producto con variaciones, necesitas crear y configurar primero los atributos en WooCommerce.

En el caso de esta tienda de calzado, los atributos son dos: la talla y la tipografía del grabado.

¿Cómo crear atributos en WooCommerce?

Crear atributos en WooCommerce es muy sencillo. Para ello, debes ir a la pestaña "atributos" dentro de la ficha de producto y añadir tantos como necesites.

Solo tienes que ponerle un nombre (color, talla, tamaño, acabado, etc) e introducir los diferentes valores separados por una barra vertical (|).

Una vez tengas tu atributo creado, clica en "guardar atributos" y se quedará guardado en WooCommerce para ser utilizado en cualquier producto de tu tienda.

Para gestionar los atributos que tienes creados, debes ir al apartado: Productos > Atributos. Ahí podrás editarlos o eliminarlos según tus necesidades.

Variaciones

Como su propio nombre indica, las variaciones solo están disponibles para los productos variables. Estas permiten mostrar todas las variaciones de tus productos, siempre a partir de los atributos que hayas creado previamente.

Imagina una tienda de camisetas, donde los atributos son dos: talla y color. Con las variaciones podrás mostrar la información de cada variación. Por ejemplo:

Es decir, tendrías un único producto (el mismo modelo de camiseta) con 6 modalidades diferentes.

Además, en cada variación puedes introducir información específica de dicho modelo:

• Imagen.
• Referencia (SKU).
• Precio normal y rebajado.
• Stock e inventario.
• Tamaño y dimensiones.
• Envío.
• Descripción personalizada.

Si quieres crear variaciones chulas con colores, imágenes y botones para tus atributos de producto en WooCommerce, te recomiendo el plugin Variation Swatches for WooCommerce.

Avanzado

Por último, en la pestaña "Avanzado" de los datos del producto puedes configurar los siguientes elementos:

1. Activar las notas de compra si quieres enviarle algún tipo de mensaje o comentario al cliente después de realizar el pago.
2. Orden el menú: si quieres ordenar los productos de tu tienda de forma personalizada, puedes hacerlo desde aquí. Esta opción los ordena de menor a mayor, por lo que debes asignar primero el número menor. Si lo dejas por defecto, todos los productos tienen el cero.
3. Activar las valoraciones en el caso de que quieres que tus clientes puedan valorar los productos de tu tienda.

Descripción del producto

La descripción es fundamental a la hora de subir un producto en WooCommerce para mostrar toda la información del mismo: detalles, características, información, etc.

En ese sentido, WooCommerce nos permite incluir dos tipos de descripción en el producto: una corta y otra extensa, que en función del tema que uses en tu web aparecerán en diferente lugar.

Mi consejo es utilizar la descripción corta a modo de resumen o presentación del producto y la larga para explicar todas sus especificaciones y detalles

Te dejo un par ejemplos de productos con ambos tipos de descripción:

Categorías y etiquetas

Las categorías y etiquetas son elementos que ayudan a ordenar los productos de una tienda, tanto para tu propia organización, como para facilitar la navegación a tus clientes.

Si tu tienda dispone de pocos productos, con las categorías (y subcategorías) puedes organizarte perfectamente. Por contra, si tienes una gran variedad de productos, utiliza también las etiquetas, o incluso las subcategorías.

Recuerda mostrar las categorías y etiquetas tanto en la página de tienda como en el menú de la web para que sean más accesibles de cara al usuario.

En este ejemplo puedes ver cómo las categorías de productos cuelgan de la tienda como subpestañas en el menú.

Aquí puedes ver como en una página de categoría (madre) aparecen todas las subcategorías que cuelgan de ella:

Son distintas formas de organizar y mostrar tus productos organizados para facilitar la navegación a tus clientes.

Imagen destacada y galería del producto

Por último y fundamental a la hora de crear una tienda online y subir productos a WooCommerce, son los elementos gráficos. Concretamente, las imágenes que vas a incluir en las fichas de producto donde mostrarle a tus clientes qué vendes, el modelo y sus diferentes usos.

En ese sentido, WooCommerce permite incluir diferentes recursos multimedia en las fichas:

• Imagen destacada del producto: que suele acompañar a la descripción y tiene un tamaño superior al resto.
• Galería del producto: el resto de imágenes del producto. Es habitual que aparezcan debajo de la principal y con un tamaño más pequeño, a modo de carrusel o de rejilla.

Te dejo un par de ejemplos para que veas el uso de las imágenes en estas tiendas online:

Hasta aquí este tutorial en el que te explico, paso a paso, cómo crear una tienda online en WordPress y cómo añadir un producto en WooCommerce correctamente, para que entiendas cada uno de sus opciones, campos y elementos.

Recuerda que, si necesitas ayuda para crear tu tienda online en WordPress, tienes disponible mi servicio personalizado de diseño web 🙂