Cómo Crear una Tienda Online con WordPress y WooCommerce: Tutorial Completo

El comercio electrónico está en auge, y miles de tiendas se crean a diario para intentar vender sus productos. 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.

¿Qué es WooCommerce?

WooCommerce es un plugin de comercio electrónico para WordPress. Con WooCommerce básicamente podremos convertir cualquier página web en una tienda en línea. Actualmente es el plugin de Ecommerce más usado en WordPress. Es gratuito: Es un plugin totalmente gratuito, aunque cuenta con muchos plugins adicionales para añadir funciones y algunos de estos si son de pago.

Funciona dentro de WordPress: A día de hoy WordPress es el sistema de gestión de contenidos y creación de páginas webs más popular del mundo. Tiene uso profesional: WooCommerce no es solo para pequeñas páginas y para vender pocos productos.

Ventajas de usar WooCommerce

• Es gratis: Puedes empezar a vender en internet con tu sitio web creado con WordPress y WooCommerce sin tener que invertir nada en software.
• Flexibilidad y potencia: Tu imaginación es el límite en lo que se refiere a lo que se puede hacer con este plugin.
• Métodos de pago y envío: WooCommerce es compatible con una variedad de métodos de pago y opciones de envío: tarjetas de crédito, PayPal, transferencia bancaria, etc.
• Control total sobre los datos: Al alojar tu tienda WooCommerce en tu propio hosting, tienes control total sobre tus datos y no estás sujeto a las políticas de terceros.
• Amplia documentación y profesionales: Al estar tan en auge, la cantidad de documentación y tutoriales (como este) que puedes encontrar sobre WooCommerce de forma totalmente gratuita en la red es inmensa.

Primeros Pasos para Crear tu Tienda Online

1. Obtener un Dominio y Hosting

El primer paso que debes de seguir para crear una tienda online es obtener un dominio para la web. Lo primero será establecer tu nombre de Dominio, que si tienes un negocio físico lo ideal es que sea el mismo, pero muchas veces esos dominios están ocupados así que deberás buscar la variación que mejor se adapte.

Una vez tengas el dominio comprado, debes contratar un Hosting. Para quien no lo sepa, el Hosting es el alojamiento de la tienda o web, donde se encuentra almacenada toda la información.

2. Instalar WordPress

El siguiente paso será descargar e instalar WordPress en tu página web. ¿Quieres saber cómo instalar WordPress en tu hosting?

3. Instalar y Configurar WooCommerce

Una vez tengas instalado WordPress en tu página web, instala los plugins esenciales y personaliza su apariencia a tu gusto. Para descargar WooCommerce tienes que dirigirte al escritorio de WordPress, en el menú de la izquierda pincha en plugins, y en el menú que se despliega pincha en añadir nuevo. Se te abrirá otra pantalla con los distintos plugins disponibles, en la que tienes que buscar WooCommerce.

Una vez realizados estos pasos, ya tendrás disponible en tu web el plugin WooCommerce. Lo primero que verás será el asistente de instalación que te guiará en la configuración básica.

4. Configuración Básica de WooCommerce

Se te presentará la configuración de la Tienda, donde podrás configurar la ubicación de la tienda, dirección y la moneda que deseas elegir. El próximo paso en el asistente será la configuración del Pago. Puedes habilitar el pago por cheque, el pago en entrega y por transferencia bancaria o tarjeta. Puedes elegir los métodos de pago más populares y activarlos para uno o más de tus WordPress.

En la siguiente página, puedes configurar las opciones de Envío. Envío e impuestos: Hay que configurar si se enviarán productos físicos a los clientes, los gastos de envío a las diferentes zonas de envío, en el caso que quieras vender en el extranjero.

Finalmente, pulsa en «continuar» y habrás realizado la configuración básica de tu tienda online. Si quieres realizar algún otro cambio o ajuste, pincha en WooCommerce en la parte izquierda de la pantalla y selecciona «ajustes» en el menú que se despliega.

Plugins Esenciales para WooCommerce

Una vez tengas instalado WordPress en tu página web, instala los plugins esenciales y personaliza su apariencia a tu gusto.

Yoast SEO

Es un complemento de optimización de búsqueda para WordPress. Yoast SEO te brinda una guía a seguir para conseguir un buen posicionamiento de tu web en Google.

• Legibilidad: Nos permite conocer el grado de facilidad de lectura según los parámetros de Google.
• Palabra clave: Esto es lo que realmente nos permitirá posicionar bien nuestra web. Según la manera que escribamos un texto, nos dará un resultado el análisis. El tipo de resultado nos lo con colores.

Ahora que ya hemos entrado en nuestro panel de gestión, vamos a crear un producto nuevo y ver todas las opciones que nos da WooCommerce para ello. Para agregar productos debemos ir al menú del lateral izquierdo y buscar Productos > Añadir Producto. Veremos una pantalla parecida a esta, donde comenzaremos a completar los datos básicos del producto.

Cómo Subir 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:
  • Físico: se manda al domicilio del cliente y puedes configurar todo lo relacionado con su envío (peso, dimensiones y tipo).
  • Virtual: se trata de un producto online, es decir, no requiere de un envío físico. Por ejemplo: entradas a un concierto.
  • 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.
• 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.
• 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).

A continuación, se te abrirá la interfaz de creación de un nuevo producto. Para empezar tienes que añadir el nombre del producto y una descripción del mismo. Asegúrate de hacer una buena descripción, usar palabras claves relacionadas con el producto y conseguir un buen SEO. Esto ayudará mucho a que tu producto y tu tienda se posicionen bien en Google.

Selecciona la categoría a la que pertenece el producto. Un producto puede pertenecer a varias categorías, esto dependerá de la cantidad de categorías que le quieras añadir a tu tienda. Añade una o varias imágenes al producto. Contar con buenas imágenes del producto te hará más sencilla su venta. Estas tres opciones las encontrábamos en el menú de la parte derecha de la pantalla.

Un punto importante es el apartado llamado «información del producto».

• Producto variable: Al contrario de un producto simple, en este producto si daremos la posibilidad al comprador de elegir entre diferentes opciones, talla, color, etc.
• Producto agrupado: Se encuentra dentro de la misma categoría de otros productos.
• Producto externo: Se usa para productos que se venden desde otra web. Es lo que se conoce como un afiliado.

Generales

Tenemos la posibilidad de añadir un SKU o código de referencia, el precio habitual del producto y el precio rebajado, en caso de que queramos rebajar un producto por un tiempo limitado.

Inventario

Puedes activar la casilla para «habilitar la gestión de stocks del producto», lo que permite indicar las unidades en existencia del producto. Por otra parte, se puede habilitar la opción de que los clientes compren artículos que actualmente no tengas en stock (reserva de producto) marcando la casilla «permitir pedidos pendientes», para habilitar la opción de que los clientes compren artículos que actualmente no tengas en stock, reservar un producto.

Envío

Aquí podrás indicar el peso y las dimensiones del producto para su envío. Además de indicar el tipo de envío estándar para el producto en «clase de envío».

Productos vinculados

En esta pestaña se pueden activar varias opciones para recomendar otros productos.

Atributos

Esta pestaña está enfocada a añadir atributos y características al producto. Básicamente, puedes habilitar distintas versiones para un mismo producto. Puedes añadir en «nombre» talla y en «valores» las distintas tallas. De esta manera los clientes podrán elegir entre los distintos colores, tallas, etc, en los que esté disponible el producto.

Gestionar el Inventario en WooCommerce

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? 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 en WooCommerce

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".

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 y Variaciones

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.

¿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.

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.

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.

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

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.

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.

Temas Recomendados para WooCommerce

Una vez manejes la subida de productos, te puedes poner con el diseño de tu tienda. La personalización puede ser en la parte interna de la tienda, la que no se ve, y la que es más importante, la parte de la tienda que verá el cliente. Tener un buen aspecto en tu página será clave para atraer más clientes.

Elegir un tema vistoso y adecuado a los productos que vas a vender, será muy positivo para tu tienda. Algunos ejemplos son:

• Sydney: Es un tema con gran cantidad de opciones de personalización.
• Shopera: Destaca por su facilidad de uso, ya que pone todos los productos de la tienda a golpe de click del cliente. Tiene un diseño moderno y muestra tus productos de manera muy sencilla.

Estos han sido algunos de los temas que encontrarás en WordPress.

Consejos Finales

Algo muy recomendable para aprender, es que una vez tengas el producto subido, tú mismo añadas un producto al carrito y realices un pedido. De esta manera entenderás como funciona tu tienda desde el punto de vista del propietario y del cliente.

Se activo y sube fotos de los productos cada poco tiempo. Un perfil inactivo o que suba pocas novedades te captará muy pocos clientes potenciales.