WooCommerce, o cómo crear una tienda Online con WordPress

¿Vendes en línea con WordPress? ¿ No lo haces porque piensas que es difícil? ¡Claro que es posible y fácil! Y no estoy hablando de insertar botones de compra PayPal. No, es posible crear tiendas de calidad gracias a WooCommerce. Es una herramienta que se integra al cien por cien con WordPress. Puedes incluir blog, plataforma de cursos, etecera. Si usas WordPress será muy fácil usar WooCommerce.

En este tutorial, te muestro la receta, los pasos y los ingredientes básicos para ayudarte a crear tu propia tienda online para vender tus productos o servicios. Si sabes seguir una receta y eres un poco ingenioso, crear una tienda online por unos por pocos euros al año es un proyecto muy factible e incluso bastante fácil de completar si tienes una buena guía que te enseñe cómo hacerlo.

Este tutorial es para todos los niveles de experiencia con WordPress. Si eres nuevo en la web en general y quieres utilizar WooCommerce con WordPress para tu tienda online, es importante que comparta contigo el hecho de que tendrás que trabajar para, probablemente leer otros artículos, experimentar y arrimar el hombro. He visto a muchas personas en el pasado intentar ser desarrolladores web sin mucho éxito. Por otro lado, también he visto a mucha gente esforzarse y publicar una tienda online de WooCommerce muy profesional. Sólo es importante que tus expectativas sean realistas para tu propio contexto y situación.

Aquí veremos como instalar e iniciar la solución de comercio electrónico más popular del mundo.  También te daré consejos e ideas sobre cómo elegir el tema correcto, los plugins correctos y optimizar la forma en que funciona tu tienda on line. Vamos a ver lo siguiente:

  • Presentación de WooCommerce;
  • Cómo crear e iniciar una tienda WooCommerce
  • Las páginas esenciales para su tienda en línea
  • Extensiones y temas de WooCommerce;
  • El precio de WooCommerce.

¿Qué es WooCommerce?

Página principal de WooCommerce

WooCommerce es la extensión gratuita, completa y ultra profesional de WordPress para crear un sitio web de comercio electrónico. Como su prefijo «Woo» sugiere, fue desarrollado y lanzado por la boutique WooThemes en 2011, antes de ser adquirido en 2015 por Automattic, la compañía que contribuye principalmente a WordPress.

Estas son algunas de sus características:

  • WooCommerce es un plugin de WordPress. Debe instalarse y activarse como cualquier otra extensión.
  • Es, con mucho, el plugin de comercio electrónico más popular, profesional y fiable que existe.
  • También es el que tiene más prestaciones.
  • Puedes instalarlo y configurarlo tú mismo. Su instalación es rápida y eficaz.
  • Es compatible con la gran mayoría de los temas premium.
  • Y mucho, mucho más.

Con más de 5 millones de instalaciones activas, y aumentando, WooCommerce es el plugin de comercio electrónico más popular en WordPress. Se utiliza en el 30% de los sitios de comercio electrónico de Internet, es decir, tiene más de 50 millones de descargas.

Woocommerce es la solución de comercio electrónico más utilizada en el millón de sitios que reciben más tráfico en el mundo.

Sin embargo, incluso si el plugin está perfectamente traducido al español (tanto en la interfaz administrativa como en la interfaz pública), no es el dominante en España.

En nuestro país aun domina Prestashop, incluso si su cuota de mercado ha disminuido en los últimos meses (27% de cuota de mercado, en comparación con 16% en WooCommerce, en el momento de escribir estas líneas).

Como hemos visto durante el último año con la pandemia Covid-19, la digitalización de las tiendas se ha acelerado: las ventas online han aumentado significativamente en España.

En ese sentido Woocommerce también ha «aprovechado» esto para experimentar un fuerte crecimiento. Por ejemplo, la búsqueda de la palabra clave «WooCommerce» aumentó un 44,30% entre 2019 y 2020.

Estas excelentes cifras también han alentado el desarrollo de WordPress, que ahora impulsa más del 40% de la web global.

Este artículo está dedicado a WooCommerce, pero debes tener en cuenta que esta no es la única extensión para hacer comercio electrónico en WordPress. Por ejemplo, podría citar, WP eCommerce, BigCommerce o Easy Digital Downloads (para vender productos digitales).

¿Por qué usar WooCommerce?

Pero volvamos a WooCommerce. Este plugin flexible tiene muchas ventajas:

  • Te permitirá vender cualquier tipo de productos, ya sean físicos, digitales, con suscripciones, etc. Y esto, tanto en España como en el extranjero.
  • WooCommerce es gratis y puedes personalizarlo añadiendo extensiones gratuitas y extensiones premium – volveré a ello más tarde – en un montón de áreas (entrega, pago, facturación, marketing, redes sociales, etc.).
  • WooCommerce es accesible para principiantes, incluso si empiezas de cero. No es necesario saber cómo programar para que funcione. Pero tomar el control del mismo requerirá un mínimo de inversión de tu parte, sobretodo de tiempo.
  • La gran mayoría de los temas y maketadores de páginas, como Elementor o Divi, son compatibles con él, por lo que no necesariamente tendrás que cambiar tu diseño si lo usas. Además, ofrece 19 bloques Gutenberg para que puedas integrar fácilmente ciertos datos en su contenido (por ejemplo, productos destacados, mejores ventas de productos, productos a la venta, etc.).
  • Incorpora de forma nativa ciertas opciones de pago (PayPal, cheques, transferencias bancarias, etc.) y opciones de entrega.
  • Tienes el control total sobre toda la configuración de  tu sitio, que no siempre es el caso con plataformas de comercio electrónico en línea de pago como Wix.

Ahora que tienes una vista global de WooCommerce, descubre cómo configurar tu tienda.

¿Cómo instalar WooCommerce en tu sitio?

Como hemos visto desde el principio de este artículo ya deberías saber que WooCommerce es una extensión o plugin que se agrega a WordPress.

Para activarlo y utilizarlo, necesitas un sitio WP en funcionamiento.

Si no lo has hecho, puedes echar un vistazo a este vídeo de Webempresa, que te enseña cómo crear un sitio con WordPress:

Este artículo no será un tutorial paso a paso para explicar el papel de cada configuración. Requeriría entrenamiento completo. Sin embargo, te sugiero que vayas a la web del desarrollador para resolver dudas, ver cómo funciona etc. Incluso en Youtube encontrarás cientos de videos que te explicaran como instalarlo. Nosotros te vamos a explicar como dejarlo totalmente funcional para hacer tu primera venta. Luego queda mucho trabajo después.

Una vez que hayas instalado y activado WooCommerce, tendrás la buena sorpresa de llegar a un asistente para ayudarte a hacer los primeros ajustes.

No tienes que ceñirte a él de inmediato y puedes volver más tarde, pero si ya sabes qué hacer con tu tienda, te aconsejo que empieces de inmediato. Todo se hace en unos cuantos pasos muy rápidos, mira.

Paso 1: Configura los detalles de tu tienda

Para empezar, se te pide que proporciones información básica sobre su tienda, especialmente tu dirección.

WooCommerce afirma que esto «le permitirá configurar opciones de divisas y reglas de envío automáticamente.»

Paso 2: Elige el área de negocio de tu tienda

A continuación, tienes la opción entre varios sectores de actividad. Elige el que mejor se adapte a tu tienda en línea.

Paso 3: Definir productos a la venta

Durante el Paso 3, tendrás que elegir el tipo de productos que venderás. Te propone dos categorías «clásicas» por primera vez: productos físicos y productos descargables.

Si quieres comercializarlos en tu tienda WooCommerce, estarán disponibles de forma predeterminada. Para otros productos como suscripciones, membresías, reservas, planes o productos personalizables, WooCommerce recomienda una de sus extensiones de pago.

Por ejemplo, si quieres vender suscripciones, WooCommerce te redirige a su plugin WooCommerce Subscriptions.

Para entender de lo que estamos hablando, averigüemos cuál es cada tipo de producto:

  • Un producto físico es ropa, muebles o alimentos: en resumen, cualquier cosa que no se pueda descargar y no sea virtual;
  • Un producto descargable («Descargas») está disponible después de una descarga (por ejemplo, ebook) que puede hacer pagar;
  • «Suscripciones» es un producto que el usuario paga semanalmente, mensual o anualmente.
  • «Membresías» restringe el acceso al contenido o producto de forma gratuita o por una tarifa.
  • «Reservas» permite a tus clientes reservar una franja horaria o una propiedad (por ejemplo, un vehículo);
  • «Planes» te permite unir diferentes productos en un paquete global, con descuentos o no;
  • «Productos personalizables» ofrece a tus clientes opciones adicionales sobre los productos que comprarán (por ejemplo, añadir un mensaje personalizado, embalaje especial, etc.).

Paso 4: Proporcionar detalles sobre tu negocio

¿Cuántos productos esperas mostrar? ¿Vendes en una plataforma que no sea WooCommerce? Estas son las dos preguntas que puedes responder en esta cuarta etapa.

WooCommerce también te ofrecerá activar automáticamente varias extensiones. Cuatro al mercado en tu tienda:

Por no hablar de dos soluciones de Automatic: WooCommerce Shipping (para imprimir etiquetas de entrega) y Jetpack, para gestionar la seguridad y el rendimiento de tu sitio.

A continuación, puedes activarlos manualmente, por lo que si no estás seguro de que los necesitas en este momento, simplemente desmarca la flecha asociada con ellos.

Paso 5: Elige un tema para tu tienda WooCommerce

El último paso propuesto por el asistente de configuración: la elección de un tema.

Para simplificar, el tema o plantilla afectará al aspecto visual de tu tienda. WooCommerce ofrece veinte temas de pago y tres temas gratuitos.

Si no sabes qué dirección tomar en este momento, opta por el tema gratuito de Storefront (o uno de sus temas iniciales). Storefront es el tema característico de WooCommerce, optimizado para trabajar de la mano con la extensión de comercio electrónico.

Si, después de haberlo instalado, no te gusta Storefront, siempre puedes cambiar tu plantilla cuando quieras, con solo unos pocos clics. En este sentido, veremos algunos interesantes un poco más tarde.

Si todo va bien, WooCommerce te redirigirá al panel de tu tienda en línea. Como detalla WooCommerce, encontrarás «sugerencias de configuración, consejos y herramientas, así como datos clave sobre el rendimiento y los beneficios de tu tienda».

Si lo deseas, puedes realizar rápidamente acciones básicas para completar la configuración de su tienda:

  • Añadir productos
  • establecer pagos, impuestos y envíos;
  • personalizando tu tienda.

Como parte de este tutorial, veremos todo esto en detalle más adelante, así que no voy a hablar de ello aquí.

Bueno, ya está: acabas de hacer los primeros ajustes básicos en tu tienda WooCommerce. Es un buen lugar para empezar, pero sospechas que para hacerlo operativo y atractivo, vas a tener que ir mucho más allá de pequeños ajustes.

¿Cómo configurar tu tienda WooCommerce?

Cuando actives WooCommerce, verás que aparecen 4 menús principales en la barra lateral izquierda de tu interfaz de administración:

  • WooCommerce;
  • Productos;
  • Estadísticas o análisis;
  • marketing.

Casi todos los ajustes de tu tienda en línea se realizan con el menú WooCommerce, en el que profundizaremos a continuación.

Configuración del menú woocommerce

La subsase de WooCommerce «Configuración» puede considerarse el centro neurálgico de tu tienda online. Aquí es donde podrás configurar la extensión correctamente, gracias a las 8 pestañas presentes.

  1. La pestaña General. En esta primera pestaña, puedes configurar todo sobre la dirección de tu tienda, la activación del IVA y los códigos promocionales, o la moneda a usar.
  2. La pestaña Productos. Esta pestaña le permitirá configurar la página base de su tienda (la que se mostrará sus productos), definir las unidades de peso y tamaño de sus productos y habilitar ciertas características como notas de revisión de clientes o revisiones de productos. Además, será posible realizar ajustes en su stock, como poder ocultar productos sin existencias a tus visitantes. Por último, puedes configurar opciones para posibles productos descargables (por ejemplo, permitirles acceder solo después del pago).
  3. La pestaña Envios. Para satisfacer a tus clientes, tienes que configurar la entrega de los productos. Aquí puede especificar las áreas y modos de envío, así como las opciones de entrega (cargo).
  4. La pestaña Pagos. Ahora podrás configurar los métodos de pago utilizados en tu tienda. De forma predeterminada, te ofrecemos cuatro:
      • Transferencia bancaria;
      • pagos con cheque
      • Pagos contrareembolso
      • PayPal Estándar;
  5. Puede activar otros más adelante, como Stripe, utilizando extensiones dedicadas. Volveremos a eso. Ten en cuenta que también es posible ordenar estos métodos de pago para establecer su orden de visualización en el sitio, utilizando un simple arrastrar y soltar.
  6. La pestaña Cuentas y privacidad. Esta pestaña le permite configurar la creación de cuentas de clientes, pero también – y sobre todo – la política de privacidad y la retención de datos personales, con el fin de cumplir con el RGPD (Reglamento General de Protección de Datos).
  7. La pestaña de correo electrónico. Después de un pedido, tu y tu cliente recibireis correos electrónicos. Es posible desactivar algunos de ellos y personalizarlos. Sin embargo, esto se limita al objeto, el encabezado, la nota al pie y los colores.  Tendrás que entrar en el código para cambiar su contenido, o usar una extensión dedicada como Kadence WooCommerce Email Designer o Mailpoet,si no quieres entrar en el código de la web.
  8. La pestaña Integración. La pestaña «Integración» permite, entre otras cosas, «utilizar MaxMind para realizar búsquedas de geolocalización». MaxMind es un servicio que geolocaliza automáticamente a tus clientes. Gracias a esto, tu tienda WooCommerce es capaz de ofrecerles tarifas de IVA y métodos de envío específicos de su ubicación geográfica.
  9. La pestaña Avanzadas. Esta última pestaña te permite definir las páginas asociadas con la cesta, pedidos, cuentas de usuario, etc.

También podrás (y tendrá que) asegurar el pago, siempre que tengas un certificado SSL.

Por último, es posible activar algunas características útiles para los desarrolladores. Última cosa: recuerda traducir los finales agregados a las URL de tu página, que están en inglés básico.

Ahora la configuración del menú wooCommerce ya no tiene secretos para ti. Para ser completo, ahora te sugiero que veas lo que las otras opciones de este menú tienen reservado para ti.

Otras opciones de menú de Woocommerce

Pedidos

Esta página enumera todos los pedidos realizados en tu tienda. También puede agregar un precio manualmente (por ejemplo, en el caso de una compra física).

Por ejemplo, tienes acceso a su estado (a la espera de pago, actual, cancelado, reembolsado, etc.), la fecha de pedido o el importe del producto comprado.

Clientes

El submenú Clientes ofrece información detallada sobre sus clientes:

  • Nombre;
  • Identificación
  • Pedidos realizados;
  • correo electrónico;
  • Gasto total en su tienda
  • localización.

Puede ordenar esta información del cliente por cliente, o incluso filtrarla según ciertos criterios (nombre, correo electrónico, número de pedidos, gastos totales, etc.).

Códigos promocionales o cupones

Aquí tendrás todos los códigos promocionales publicados en tu sitio web. Es posible crear otros códigos promocionales haciendo clic en el botón «Agregar un código promocional».

Advertencia: este submenú aparecerá como está de forma predeterminada en la versión 5.0.0 de WooCommerce. Sin embargo, la gestión de código promocional se lleva a cabo en el menú Marketing > códigos promocionales.

Informes

Con este submenú, podrás seguir la evolución de tu tienda. Ya se trate de ventas, tus clientes, tu inventario, IVA o la eficacia de sus códigos promocionales.

Aunque todavía está disponible en el menú general de WooCommerce, la extensión afirma que desde el lanzamiento de su versión 4.0, estos informes son reemplazados por el nuevo menú estadísticas,que es mucho más completo.

Estado

Si tienes que llamar al soporte de WooCommerce, tendrás que dar tanta información como sea posible a la persona que te atenderá.

Para ayudarlo, solo tendrás que hacer clic en Obtener el informe del sistema y , a continuación, copiar y pegar el informe generado, para transmitir toda la información sobre tu tienda.

Con respecto al menú de estado, verás que se divide en 4 pestañas:

  • Estado del sistema: esta pestaña proporciona acceso a información sobre su entorno, servidor, extensiones, tema o si utiliza HTTPS o no;
  • Herramientas: Esta pestaña te proporciona ciertas herramientas para restablecer o borrar ciertos datos. Ten cuidado con lo que haces;
  • Registros: Aquí tienes acceso a los registros, que se utilizan para enumerar todo lo que sucede en tu tienda (pedidos, descargas, uso de un código promocional, etc.). Si surge un problema, estudiar los registros puede ayudarle a descubrir la causa o las causas;
  • Acciones planificadas: esta última pestaña estaá dedicada principalmente a los desarrolladores.

Extensiones

Por último, la última parte de este primer menú «WooCommerce»: extensiones. Las extensiones complementarias, también conocidas como complementos, se suman a la funcionalidad de WooCommerce.

Puedes encontrarlos en este menú y filtrarlos por dominio (Marketing, Pagos, Entrega, etc.). Dependiendo del proyecto que esté poniendo en marcha, algunos complementos serán de gran ayuda para tu tienda.

También encontrará una selección más adelante en este artículo.

Ahora hemos terminado con este primer menú. Como has visto, está Woocommerce viene muy completo.

Tu tienda ya está lista. Ahora probablemente quieras añadir tus productos o servicios, ¿me equivoco? Vamos a verlo.

¿Cómo agrego productos a WooCommerce?

Presentación del menú de productos

El menú Productos se divide en cinco submenús:

  • Todos los productos: En esta página encontrarás una lista de todos los productos creados;
  • Añadir producto: Al hacer clic en este submenú se abrirá la página de creación del producto. Lo detallaremos en unos momentos;
  • Categorías: Es posible clasificar los productos en varias categorías (masculino, femenino, niño para la ropa, por ejemplo);
  • Etiquetas: Al igual que con los elementos, es posible asignarles etiquetas;
  • Atributos: los atributos son características relacionadas con el producto. Por ejemplo, puedes tener un atributo Size si vendes ropa. Una vez creado el atributo, haz clic en el vínculo Configurar términos para introducir todos los valores posibles (S, M, L, XL, XXL, etc.).

Vamos a centrarnos ahora en añadir el producto.

Añadir un producto

Cuando llegas a la página de añadir productos(> Añadir productos), te das cuenta de que es bastante similar a la de crear un artículo.

Es posible añadir:

  • Un nombre de producto
  • Una descripción
  • Una breve descripción
  • Una categoría
  • Etiquetas
  • Una imagen (en primera plana)
  • una galería de imágenes.

Lo más importante es que una hay una opción para añadir datos de producto en el editor visual para configurar sus características.

Hay 6 pestañas disponibles para el administrador de la tienda. La primera, la pestaña «General», nos permite definir el tipo de producto que se va a crear:

De forma predeterminada, hay cuatro tipos:

  1. Producto simple: El producto predeterminado, el que utilizará en la mayoría de los casos. Se les pueden dar dos opciones dependiendo de su naturaleza:
    1. Producto virtual simple: Ideal si vende un servicio (la entrega se vuelve inútil).
    2. Producto simple descargable: Uno o más archivos se enviarán al cliente después de la compra.
  2. Productos incluidos: un grupo de productos que se pueden comprar por separado (por ejemplo, podrías agrupar un equipo con una configuración básica, uno más avanzado y otro con la mejor configuración).
  3. Producto externo/afiliación: Es posible promocionar productos de otras tiendas (y posiblemente recibir una comisión al respecto).
  4. Producto variable: Un producto que tiene ciertas características (color, tamaño, tamaño, etc.). Por ejemplo, una camiseta puede estar disponible en 3 colores, 5 tamaños para hombres, mujeres y niños.

A continuación, añade el precio de tu producto y un posible precio promocional. En las siguientes pestañas, podrás especificar:

  • Un identificador único, el SKU, así como el stock disponible (pestaña «Inventario»).
  • Peso, dimensiones y clase de envío (pestaña «Envío»).
  • Productos relacionados (escalado al alza, venta cruzada) para ventas adicionales (pestaña «Productos vinculados»);
  • Atributos de producto (pestaña atributos). Normalmente los definió en Productos > atributos;
  • Una nota para enviar al comprador y si desea activar opiniones de clientes (pestaña avanzada).

Dependiendo del tipo de producto que elijas, los campos aparecerán y desaparecerán. Por ejemplo, las opciones de entrega son inútiles para un producto descargable.

Con esto hemos terminado una visita a las opciones de WooCommerce.

Ahora vamos a ver que hay que hacer para tu tienda funcione. Veamos esto en la siguiente parte.

Poner en marcha tu tienda online

Como has visto hasta ahora, crear un sitio de comercio electrónico (ya sea con WordPress o no) requiere mucho trabajo.

Para que un sitio se clasifique como tienda, debe tener un cierto número de páginas.

Vamos a estudiarlos en detalle.

</