Cómo Crear una Tienda Online en WordPress con Woocommerce

¿Tienes una web en WordPress y quieres convertirla en una tienda online? ¿O quizá partes desde cero y buscas una solución práctica, fácil y gratuita para poner en marcha tu ecommerce?

¡Entonces estás en el lugar correcto! En esta guía voy a enseñarte a crear una tienda online en WordPress mediante el plugin de Woocommerce.

Con este tutorial aprenderás, paso a paso, a dominar esta herramienta y también podrás ver sus ventajas e inconvenientes respecto a otros sistemas, como PrestaShop o Shopify.

1.- ¿Qué es Woocommerce?

WooCommerce es un plugin gratuito que te permite convertir cualquier blog o web hecha con WordPress en una tienda online.

Esta herramienta está traducida a 55 idiomas y se calcula que, con más de un millón de instalaciones activas, un tercio de las tiendas online de todo el mundo funcionan con ella.

Su fácil implementación, su flexibilidad, su capacidad de personalización y la gran cantidad de extensiones que pueden complementarla, algunas gratuitas y otras de pago, hacen de Woocommerce una de las plataformas favoritas para los emprendedores que desean vender online, ya sean productos físicos o digitales.

2.- ¿Cómo instalar Woocommerce?

La instalación de Woocommerce es tan sencilla como la de cualquier otro plugin de WordPress. Nos vamos a la sección Plugins, en la barra lateral izquierda y clicamos en «Añadir nuevo».

A continuación, junto a «Palabra clave» escribiremos «Woocommerce» y le daremos al botón de «Intro» o «Return». El plugin que buscamos nos aparecerá el primero de una larga lista de extensiones que le añaden funcionalidades y prestaciones.

Ahora le damos al botón de «Instalar ahora» y luego a «Activar», como siempre. En ese momento se nos abre de forma automática el asistente de configuración de Woocommerce:

Desde esa primera pantalla vas a poder especificar en qué país se ubica tu tienda, su dirección física si la tiene, la moneda con la que vas a operar, si vas a vender productos físicos, digitales o de ambos tipos, e incluso si tienes previsto hacerlo en persona.

También tienes la opción de descartar la ayuda del asistente.

Si seguimos con él, en la siguiente pantalla podemos establecer los métodos de pago con los que vamos a trabajar.

No te preocupes si todavía no lo tienes claro, o en el futuro incorporas alguno más, ya que se pueden instalar más tarde sin ningún problema.

Si has activado Stripe y/o Paypal, automáticamente se te instalarán en tu WordPress los plugins WooCommerce Stripe Gateway y Pasarela de pago PayPal para WooCommerce.

El siguiente paso es establecer los sistemas de envío. Por defecto se han creado dos zonas de pago (editables más adelante): una para el país de ubicación de tu tienda, en nuestro caso España; y otra para el resto del mundo.

En cada una de ellas puedes elegir una tarifa fija del coste que desees o envíos gratuitos.

Si quieres ofrecer tarifas en directo de un transportista específico, como por ejemplo UPS, puedes encontrar una gran variedad de extensiones disponibles para WooCommerce.

Por último, en esta pantalla determinarás la unidad que vas a usar para el peso y las dimensiones de tus productos.

A continuación, Woocommerce te recomienda unos plugins. Si no tienes claro que vayas a usarlos, mejor desclica para evitar su instalación automática. Al fin y al cabo, siempre tendrás la posibilidad de añadirlos en cualquier momento.

Una vez más, en la siguiente pantalla nos insisten con agregar el plugin de Jetpack para prestaciones adicionales como proteger tu tienda de accesos no autorizados, obtener estadísticas, recibir alertas en caso de fallos de servidor y promoción de los productos en redes sociales en el momento en que se publican.

Lo dicho antes, la decisión es tuya, pero ten en cuenta que Jetpack es un plugin que pesa bastante.

Ya hemos completado el asistente y estamos en disposición de empezar a vender. Desde la última pantalla tenemos atajos para ir a revisar ajustes, personalizar la tienda o directamente crear o importar productos.

3.- ¿Cómo configurar Woocommerce?

Si nos vamos al dashboard de WordPress comprobaremos que Woocommerce está ya instalado y cuenta con su propio menú en la izquierda:

Vamos a ir viendo, apartado por apartado, cómo configurar los parámetros de Woocommerce.

3.1.- Pedidos

En esta pantalla irán apareciendo los pedidos que recibas a través de tu tienda online. También puedes añadir a mano:

3.2.- Cupones

En este apartado puedes crear descuentos y recompensas a tus clientes para fidelizarles.

Tras darle un nombre y, si lo deseas, una descripción a tu cupón, puedes elegir el importe del mismo y el tipo de descuento que vas a ofrecer (fijo en el carrito, en el producto o en porcentaje), así como si deseas incluir el envío gratis. También desde ahí podrás darle una fecha de caducidad.

En la pestaña de «Restricción de uso» puedes configurar características del cupón tales como el gasto mínimo o máximo, si lo puedes usar en combinación con otros o no, si quieres excluir los productos en oferta.

También tienes la opción de incluir o excluir de la promoción a determinados productos o categorías.

En «Límites de uso» fijarás el número de usos en total del cupón y cuántas veces puede utilizarlo un mismo cliente.

3.3.- Informes

Pasamos ahora al apartado de «Informes», donde puedes consultar gráficos estadísticos sobre tus pedidos (ventas por fecha, categoría, cupones o descargas), ver el listado de clientes y sus pedidos, y monitorizar tu inventario (comprobar qué productos tienen más existencias, los que están casi sin existencias y los agotados).

Todo ello para los periodos temporales más habituales (año, mes, semana, día) o personalizados. También puedes descargártelos en un documento de formato CSV.

3.4.- Ajustes

En este apartado tenemos hasta siete pantallas de configuración de distintos aspectos de nuestra tienda online.

En la primera, «General», si no lo hicimos en su momento con el asistente inicial, podemos indicar la dirección física de nuestro negocio; en qué países vamos a vender y enviar; determinar la ubicación por defecto del cliente y activar los impuestos y cupones.

También fijaremos la moneda en que aparecerán los precios de nuestro catálogo y con la que se efectuarán los pagos de los pedidos, así como sus opciones de visualización.

En la pestaña de «Productos» elegiremos cuál de entre todas nuestras páginas será la portada de nuestra tienda, aquella en la que se archivarán los productos de nuestro catálogo.

El mensaje con enlace que aparece justo debajo nos indica que podemos asignar una base personalizada que irá siempre en los enlaces permanentes de nuestros productos. Por defecto, si no lo cambias, será la palabra «producto».

Siguiendo con los ajustes de este apartado, podremos decidir cómo queremos que actúe nuestra tienda en el momento en que alguien añada un artículo al carrito de la compra, y la imagen del marcador de posición por defecto que deseemos para los productos que no la lleven.

También desde aquí, si no lo hiciste anteriormente, puedes especificar las unidades de medida y peso, y por último, la configuración de las valoraciones y reseñas sobre tus productos.

El siguiente subapartado, dentro de «Productos», es «Inventario». Por defecto viene activada la gestión de nuestro catálogo de productos. Tanto en el caso de desactivarla como si no, podremos ocultar en el catálogo los artículos sin stock y controlar cómo se muestran las cantidades del inventario en la tienda.

Lo más habitual será tenerla activada, de modo que podamos establecer quién recibirá los avisos de productos con pocas existencias (incluyendo la fijación del umbral a partir del cual se realizará el aviso vía email) o los agotados.

También determinaremos cuánto tiempo se mantendrá el inventario para los productos que estén en el carrito de la compra a falta del pago, o bien si no queremos que esos pedidos pendientes se cancelen pasado el plazo dado.

Por último, en «Productos descargables» estableceremos el sistema de descarga de este tipo de artículos y podremos indicar las restricciones de acceso a los mismos.

Pasamos ahora a la pestaña de «Envío», que a su vez tiene tres apartados.

El primero de ellos es «Zonas de envío» y lo vimos anteriormente con el asistente de configuración. Es simplemente el lugar donde indicarás las regiones donde trabajará tu tienda online y sus respectivos sistemas de envío.

La segunda, «Opciones de envío», te permite activar la calculadora de envíos durante la compra o bien ocultar estos gastos hasta que el cliente introduzca su dirección.

Del mismo modo, puedes decidir si el envío se efectuará por defecto a la dirección de envío o de facturación de cada comprador.

La tercera pestaña, «Clases de envío», sirve para agrupar productos similares y fijar distintas tarifas para cada conjunto.

En «Pagos» verás listados todos los métodos de pago habilitados en tu tienda. Desde ahí puedes configurar y gestionar cada uno de ellos, desactivarlos y ordenarlos conforme quieras que se muestren en tu tienda.

Desde «Cuentas y privacidad» estableceremos nuestras preferencias sobre los permisos de los clientes a la hora de comprar y la creación y/o borrado de sus cuentas de usuario en la tienda.

También desde esta pantalla controlaremos la visibilidad de la política de privacidad y el tiempo que queremos conservar los datos personales de las cuentas inactivas y los pedidos de la tienda.

En «Correos electrónico» elegiremos los destinatarios de los avisos por email que emitirá el plugin para cada acción que registre nuestra tienda online.

Del mismo modo, indicaremos el nombre y el mail del remitente. También podemos personalizar plantillas de correo para que vayan en la línea de la imagen de nuestro ecommerce.

La última de las pestañas de «Ajustes» es «Avanzado» y en ella encontramos, a su vez, cuatro apartados.

En el primero de ellos, «Instalación de páginas», se definen las páginas a las que serán dirigidos los clientes para realizar su compra. Puedes elegir una página tuya o la que el propio plugin crea por defecto para cada acción (carrito, pago, mi cuenta).

Tienes también la opción de personalizar las variables de la url de cada página relacionada con la finalización de la compra y las de las acciones específicas en las páginas de cuentas.

Desde el siguiente apartado, «REST API», puedes crear claves para autorizar a aplicaciones externas el acceso a los datos de tu tienda de forma segura.

En la siguiente pestaña podemos habilitar «Webhooks», que nos permitirán enviar información en tiempo real a otras aplicaciones.

Por último, en API heredada podrás activar la REST API para poder interactuar con las aplicaciones a las que les hayas creado y facilitado una clave.

3.5.- Estado

Este elemento del menú cuenta con cuatro apartados y todos ellos nos van a radiografiar el estado de nuestra tienda online a nivel técnico.

En «Estado del sistema» podemos revisar los datos del entorno de WordPress y el del servidor, la base de datos, un contador de tipo de contenido, la seguridad, los plugins activos, los ajustes, las páginas de Woocommerce y los detalles del tema y las plantillas utilizadas.

Toda esta información puede serte útil para localizar errores o para facilitársela a los servicios de soporte cuando te falle algo.

«Herramientas» es como tener un armario lleno de utensilios de limpieza. Desde aquí puedes borrar, limpiar, ordenar y regenerar distintos aspectos de tu tienda online, lo que redundará en un mejor funcionamiento de la misma y te ahorrará trabajo en determinadas tareas.

En «Registro» tienes acceso a los logs de tu web, para revisar la actividad de tu sistema y tus programas, y ver posibles errores.

En «Scheduled Actions» (a saber por qué esto no lo traducen) se recogen las posibles acciones programadas en nuestra web.

3.6.- Extensiones

Woocommerce cuenta con un gran número de plugins complementarios o extensiones. Desde este apartado puedes buscarlos por categorías (marketing, tipo de productos, envíos, gestión de la tienda) o directamente por su nombre.

Alguno hay gratuito pero la mayoría son de pago.

Si quieres conocer las mejores extensiones de Woocommerce, pincha en el enlace para leer otro artículo donde te analizo más de 30 que te servirán para añadir todavía más funcionalidades a tu tienda online, aumentar tus ventas y fidelizar a tus clientes, entre otros objetivos.

Por último, en la pestaña de «Suscripciones Woocommerce» se te invita a darte de alta en la web de Woocommerce y así recibir novedades y actualizaciones y gestionar tus extensiones adquiridas.

Justo debajo de la pestaña de Woocommerce podrás ver que tienes otra que se llama «Productos». Desde ahí puedes crear fichas para los artículos que vas a vender, o importarlos desde un archivo CSV.

Si clicamos en «Añadir nuevo» nos abre una ventana que es muy similar a la de crear un post.

Después de ponerle el nombre y seleccionar la categoría en la que se alojará, tenemos que rellenar muchos otros datos. En primer lugar, elegir si es un producto simple, agrupado, externo/afiliado o variable; virtual o descargable.

Indicarás su precio y, en su caso, su precio rebajado y en qué periodo de tiempo estará activo este descuento.

Tienes también un formulario específico para la gestión del inventario de ese artículo y otro sobre el tipo de envío.

Igualmente puedes definir las ventas dirigidas o cruzadas seleccionando productos vinculados que aparecerán como sugerencias en la ficha.

En «Atributos» podrás agregar los que desees (tallas, colores, etc), mientras que desde «Avanzado» podrás incorporar notas para enviar al cliente después de la compra de ese producto en concreto, personalizar su orden en el menú y activar las valoraciones.

Por último, el editor te permite incluir una descripción corta del producto, que aparecerá junto a la imagen y al precio y que es un texto breve en el que debes condensar las principales ventajas del artículo.

También podrás, desde la misma pantalla en la zona de la derecha, añadir etiquetas, una imagen del producto e incluso crear una galería de fotos.

El siguiente apartado es «Categorías», lugar desde el que podrás crear las categorías de productos, indicando su nombre, su slug, la categoría padre (si es que la tiene), su descripción, sus detalles, el tipo de visualización y su miniatura.

También podrás borrarlas y ordenarlas a tu gusto, además de comprobar con un simple vistazo la cantidad exacta de productos que contiene cada una de ellas.

En «Etiquetas», otro tanto de lo mismo. Aunque lo habitual será que crees las etiquetas a la hora de añadir tus productos, también puedes hacerlo desde aquí y gestionar las ya existentes.

En «Atributos», por último, definirás y gestionarás esos datos distintivos de cada producto, como por ejemplo la talla o el color.

También puedes configurar partes interesantes de tu tienda online desde Apariencia – Personalizar.

La pantalla a la que te lleva incorpora dos apartados específicos una vez que has instalado el plugin: «Woocommerce» y «Página principal de la tienda».

Los cambios que efectúes aquí los irás viendo en modo prueba a la derecha y se recogerán en la tienda una vez que le des a publicar.

Desde el apartado de «Woocommerce» vamos a poder, en primer lugar, activar un aviso en toda la tienda. Aparecerá abajo del todo y servirá para realizar promociones o difundir eventos.

El segundo apartado es «Catálogo de productos» y en él elegiremos lo que queremos mostrar en la página principal de la tienda: productos, categorías o ambas cosas.

También determinaremos el criterio por el cual se ordenarán por defecto los artículos en el catálogo (popularidad en ventas, promedio de valoración o precio ascendente o descendente).

Otra de las opciones es fijar el número de productos que se verán en cada fila, y cuántas filas se mostrarán en cada página.

En «Imágenes de productos» estableceremos el ancho de la imagen principal en las páginas de producto, y también el tamaño para las miniaturas de los artículos de tu catálogo.

El recorte de estos thumbnails podrá ser por recuadro, personalizado o con la relación de aspecto con la que se subieran.

Por último, «Finalizar compra» te posibilita cambiar la apariencia de la página de finalización de compra de WooCommerce, seleccionando qué campos quieres que sean opcionales u obligatorios, y las páginas y los textos de política de privacidad y condiciones y términos.

En la pestaña de «Página principal de la tienda» escogeremos las categorías y número de productos a mostrar en cada una de las secciones de la home de nuestra ecommerce.

En «Apariencia-Widgets» también puedes usar widgets propios de Woocommerce para la barra lateral y/o el footer de tu web, si es que la plantilla que usas lo permite. Tienes, por ejemplo, una caja de búsqueda de productos, otra caja con las categorías y la opción de mostrar el carrito de la compra en el sidebar.

4.- Los shortcodes de Woocommerce

Un aspecto muy interesante de Woocommerce es el uso de los shortcodes. Con estos códigos podemos mostrar artículos a discreción en cualquier página o post.

Bastará con poner [product id=»XX»] siendo XX el identificador del producto, y éste se mostrará con su nombre, precio, foto y botón de añadir al carrito, allá donde hayamos incluido ese shortcode:

También podemos usar el SKU en lugar del id. Basta con cambiar la variable id por sku.

De igual manera, tenemos la opción de mostrar no sólo la ficha del producto, sino la página entera del mismo. El shortcode sería en este caso [product_page id=»XXX»].

¿Que quieres mostrar varios productos? Sin problema alguno. Aquí tienes más shortcodes:

• [products ids=»XX1, XX2, XX3″] – Se verán los 3 productos XX1, XX2 y XX3.
• [recent_products] – Muestra los últimos productos.
• [featured_products] – Lista de productos destacados.
• [sale_products] – Lista de productos con precio rebajado.
• [best_selling_products] – Los productos más vendidos.
• [top_rated_products] – Los productos mejor valorados.
• [related_products] – Listado de productos relacionados.

También podemos mostrar categorías en sí mismas en lugar de productos o un listado de categorías. Incluso botones de añadir al carrito de la compra.

Las posibilidades de los shortcodes se multiplican mucho más, ya que se pueden mostrar en función de los atributos de producto que hayas creado.

Para evitar hacer aquí una lista kilométrica de opciones y, sobre todo, porque resulta mucho más cómodo de usar, te recomiendo que instales el plugin Woocommerce Shortcode.

Una vez instalado y activado, en la barra de herramientas de edición de cada página o post tendremos un botón de Woocommerce que nos permitirá elegir qué queremos mostrar exactamente, en función de todas las variables disponibles en nuestra tienda online.

5.- Comparativa de Woocommerce con Shopify y Prestashop

Ya has podido ver lo que ofrece y cómo funciona Woocommerce. Si a estas alturas todavía tienes dudas sobre cuál es la mejor solución para montar tu tienda online, a continuación vas a poder leer un análisis de los pros y los contras que presenta Woocommerce en comparación con Shopify y Prestashop, las otras dos plataformas mayoritarias.

Vamos a hacerlo por puntos que debes tener en cuenta siempre a la hora de plantear tu negocio online:

5.1. Interfaz y facilidad de uso

Woocommerce es un plugin, por lo que no tiene misterio alguno para nadie habituado a trabajar con WordPress. Su curva de aprendizaje también es muy sencilla incluso para los que no lo estén. Shopify es quizá algo más intuitivo y está mejor organizado, y en el vagón de cola en este punto encontramos a un PrestaShop bastante farragoso.

5.2. Hosting

Si piensas trabajar el SEO de tu tienda online, la posibilidad de optimizar determinados elementos del hosting, con vista a factores como la velocidad de carga y de respuesta, es algo muy importante, por lo que aquí nos quedamos con WordPress y PrestaShop. En ambos, al contrario que en Shopify que al ser una plataforma de pago te incluye el hosting en el precio, puedes contratar el servidor que desees.

5.3. Precio y comisiones

El ganador en este apartado es Woocommerce porque, aunque tenga extensiones de pago, es un plugin gratuito, al igual que lo es WordPress. Las comisiones por venta serán las que impongan, en su caso, las pasarelas de pago que escojas.

PrestaShop también es gratuito, pero no su versión Ready, que tiene un coste mensual fijo de 19,90 euros más IVA (si contratas anualmente), además de cobrarte una comisión a partir de los 3.000 euros de volumen de negocio en tu web.

El mismo escenario, aunque todavía más caro, ofrece Shopify, con una cuota mensual de 29 dólares en su plan más económico y comisiones por venta desde la misma puesta en marcha de tu tienda.

5.4. Complementos

Aquí, de nuevo, tenemos como vencedor indiscutible a Woocommerce. Es cierto que puedes necesitar en un momento dado un plugin adicional para agregar funcionalidades a este complemento gratuito de comercio online para WordPress, pero sólo pagarás por ellos una vez y precios bastante razonables.

El coste medio de los «addons» de PrestaShop resulta bastante superior, mientras que en Shopify las aplicaciones de pago (que son la mayoría) te pasarán un recibo mensual por su uso, lo que aumentará tus gastos sensiblemente.

5.5. Pagos

Las tres plataformas presentan modalidades de cobro a los clientes más que suficientes. Ahora bien, contar con alguna de ellas puede cueste dinero.

Hay que reconocer que las posibilidades de configuración de los pagos son en PrestaShop más amplias que en el resto (siempre sin contar los posibles plugins o complementos). Eso sí, pueden resultar abrumadoras para usuarios que no precisen logísticas complejas.

Si tengo que elegir, yo me quedo con las numerosísimas y personalizables opciones de pago para Woocommerce.

5.6. Variantes de productos

En este punto poca discusión puede haber sobre la superioridad de PrestaShop, que si de algo puede presumir bien es de su arsenal de atributos, características, combinaciones, packs y asociaciones que permite establecer en los productos.

Otra cosa es que realmente vayas a necesitar tanto y que vayas a tener el tiempo necesario para trabajar bien todos esos parámetros.

En mi experiencia te diré que cuando necesito alguna función adicional específica en una tienda online, prefiero buscar un plugin en WordPress que me la implemente, a tener un menú interminable con, a su vez, infinidad de campos y formularios por rellenar. El tiempo es oro y hay que dedicarlo a lo verdaderamente productivo.

5.7. Plantillas

WordPress gana de calle con la vastísima cantidad de temas que existen para esta plataforma y que aumenta constantemente, con un gran número de ellos gratuitos.

En PrestaShop dispones de un amplio catálogo, pero la mayoría son de pago, mientras que Shopify aquí es farolillo rojo, con una gama de plantillas muy corta.

5.8. Soporte

Shopify y PrestaShop Ready, en tanto que son plataformas de pago, ofrecen un servicio de atención al cliente muy eficiente.

PrestaShop y WordPress no tienen un soporte personal tan a la carta, pero sí cuentan con potentes comunidades de usuarios y desarrolladores. Esto significa que rara vez no encontrarás respuesta a tus dudas o problemas en blogs, foros, tutoriales y vídeos de Youtube.

5.9. Flexibilidad

¿Qué pasa si deseas iniciar tu aventura online con una tienda de afiliación, como un TSA? Pues que WordPress es tan maleable que te permite vender de este modo con plugins como Amazon Affiliates WordPress o con el propio Woocommerce, pero también por dropshipping o por venta directa de tus propios productos.

PrestaShop contempla el dropshipping si instalas y usas unos módulos complementarios, mientras que Shopify no tiene esa opción, al menos hasta donde yo sé.

5.10. Contenidos y SEO

WordPress es el rey de los gestores de contenido. Por más que PrestaShop y Shopify dan pasos en buena dirección, a día de hoy no están en disposición de plantarle cara.

La optimización para el posicionamiento en buscadores encuentra en WordPress su mejor escenario.

Y el ganador es…

Un recuento de los asaltos de este combate a tres nos arroja a Woocommerce como vencedor. Es, a mi juicio, la mejor solución para el comercio electrónico.

Mi recomendación es que apuestes por WordPress para tus aventuras online, ya sean tiendas online o blogs. En la actualidad es la plataforma más sencilla, personalizable y barata con la que puedes trabajar.

Si lo tienes claro, en la Armada Digital te ofrezco un método para aprender SEO y obtener libertad financiera gracias a los ingresos pasivos que generarás con proyectos online creados con WordPress.

¿Y tú qué opinas? ¿Con qué herramienta trabajas tu tienda online?

Si tienes alguna duda o quieres hacer un comentario, ¡te espero aquí abajo!