fbpx

eCommerce: ¿Cómo hacer una tienda online con WooCommerce?

Introducción: ¿Cómo hacer una tienda online con WooCommerce?

¿Buscando qué emprender en 2020? El eCommerce es, sin lugar a dudas, uno de los modelos de negocios más populares y sencillos de iniciar hoy en día. En este artículo aprenderás cómo hacer una tienda online con WooCommerce, hagas Dropshipping o no. 

Para nadie es un misterio que el mercado está asumiendo el eCommerce como un  canal de ventas relevante.

Si estás buscando hacer el tuyo pero no sabes cuál plataforma usar, este artículo es para ti. 

¡Sigue leyendo!

¿Qué es WooCommerce?

WooCommerce es un plugin “freemium” de WordPress creado para convertir los sitios web de este CMS (Content Management System) en tiendas online. 

Dashboard de cómo hacer una tienda online con WooCommerce

Este plugin es conocido por ser la plataforma más adaptable o personalizable para construir una tienda online. Con más de 81 millones de descargas, WooCommerce mueve el 28% de las ventas en eCommerce a nivel global y es el #1 dentro de la categoría.

La principal ventaja que tiene es que te permite controlar tus ventas donde quieras y de manera hermosa. Otra ventaja es que es flexible y abierta para desarrolladores. O sea que si eres de quienes les gusta programar, también este plugin es para ti.

Pasos para diseñar una tienda online con WooCommerce

#1 Toma lápiz y papel

El primer paso de cómo hacer una tienda online con WooCommerce es tomar lápiz y papel. Y no, no estoy relajando…

En un libro muy conocido, No permitas que nadie te robe tus sueños de Dexter Yager, el autor inicia “todo lo que existe tuvo dos creaciones (…) una en la menta y otra en la realidad”.

Tomar lápiz y papel es –simple y llanamente– dibujar cómo se verá tu tienda antes de empezar a diseñarla. Inclusive antes de cargar los productos o configurar el plugin.

Te lo digo por experiencia: si comienzas con el fin en la mente te ahorrarás mucho tiempo. Al inicio, cuando hacía mis primeros websites y a cómo hacer una tienda online con WooCommerce, las iba haciendo sobre la marcha… ¡cuánto tiempo perdí!

No es mucho lo que debes de dibujar. Una tienda online tiene 6 páginas fundamentales: 

  • La página de inicio.
  • La tienda.
  • El producto.
  • El carrito.
  • El checkout.
  • La confirmación del pedido / gracias.

La idea es que dibujes cómo quieres que se vea tu tienda online. Sea que lo vayas a hacer tu mismo o que vayas a contratar a alguien, esto servirá como lineamiento del trabajo.

#2 Instalar WooCommerce

Naturalmente que el segundo paso de cómo hacer una tienda online con WooCommerce es instalar el plugin.

¿Cómo vas a hacer esto? En el administrador de tu WordPress verás una sección que dice “Plugins”. Da clic en añadir nuevo y busca WooCommerce. Por lo general es el primer plugin de la lista.

Ahora debes debes instalarlo y activarlo.

#3 Configurar WooCommerce

Una vez instalado el plugin, el paso #3 de cómo hacer una tienda online con WooCommerce es la de configurarlo. 

La primera interacción que tendrás con el plugin, tras su instalación, será una configuración guiada del mismo. Cuando la termines, ve a la sección de ajustes. Allí daremos una serie de pasos para aprender cómo hacer una tienda online con WooCommerce correctamente: 

Paso #1 – Sección General

En esta sección configuramos la Dirección de la tienda; las Opciones Generales de ventas, envíos e impuestos; y opciones de la moneda.

Si tu tienda es local, en la “Ubicación(es) de ventas” de las Opciones Generales elige “Vender a países específicos” e inserta el tuyo. Si vendes a cualquier lugar del mundo, deja la configuración por defecto de “Vender a todos los países”.

Lo mismo para las “Ubicación(es) de envío” y la “Ubicación del cliente por defecto”.

En la Opcciones de Moneda, simplemente elige la moneda en la que venderás y cómo quieres que se vea.

Paso #2 – Sección Productos

En esta sección tienes 3 pestañas: GeneralInventario y Productos Descargables.

En la pestaña General debes configurar:

  • La página por defecto de la tienda (la que sería www.midominio.com/tienda)
  • El comportamiento de añadir al carrito: Si no eliges “Redirigir a la página del carrito tras añadir productos con éxito” pasará que cuando alguien añada un producto a su carrito podrá seguir viendo los otros productos sin que sea redireccionado. Si quieres que cuando el usuario dé click pase a pagar directamente, descarga un plugin extra que se llama Direct Checkout
  • Las medidas de los productos: las unidades de peso y de las dimensiones.
  • Las valoraciones de los productos: es importante activarlas, pues aporta mucho a las ventas.
  • Le das a Guardar cambios y seguimos con la configuración.

En la pestaña de Inventario:

  • Si venderás productos digitales, puedes desactivar la sección de “Activar gestión de inventario”. Si no, configura esta pestaña con los detalles que se ajusten a tu tienda.
  • La opción de “Visiblidad de inventario agotado” lo que hace es mostrar si un producto se acabó o no en la página del mismo. Si quieres ocultar esta opción en dicha página, no lo actives.
  • Por último, la opción de “Formato de visualización del inventario” se refiere a cómo quieres el usuario sepa la cantidad de productos que hay: puedes mostrar la totalidad que tienes en inventario, solo cuando se están acabando o no mostrarlo nunca.

La pestaña de Productos descargables solo te servirá si das algo similar a un infoproducto que el usuario puede descargar. Allí configuras esta opción.

Paso #3 – Sección de Envíos

De igual manera, en la sección de Envíos tenemos 3 pestañas: Zonas de Envío, Opciones de Envío y Clases de Envío.

Una Zona de Envío “es una región geográfica en la que se ofrecen una cierta variedad de métodos de envío. WooCommerce asociará un cliente a una sola zona usando su dirección de envío, y le mostrará los métodos de envío de esa zona”.

En esta pestaña darás clic a “añadir Zona de Envío” y pasarás a configurarla. Básicamente puedes crear un envío fijo a una zona en específico, un envío gratuito o una recogida local (lo que permite a los clientes recoger sus pedidos ellos mismos en un punto específico o tu local).

Recuerda configurar las Opciones de Envío a tu preferencia.

Las Clases de Envío son agrupaciones de productos similares con envíos distintos para poder asignarles distintas tarifas de envío. Esta configuración es más avanzada y quizás no la vayas a utilizar por ahora. 

Paso #4 – Sección de Pagos

Hemos llegado a la configuración más importante de cómo hacer una tienda online con WooCommerce: aceptar los pagos.

Una particularidad de WooCommerce es que acepta un sinnúmero de pasarelas de pago. Por decir algunas: PayPal y Stripe (las más famosas y que nosotros utilizamos), Amazon Pay, Apple Pay, Braintree, pagos por Cheques, por Transferencias, Contra Reembolso, etc.

Para acceder a las distintas pasarelas de pago de WooCommerce, ve a la sección de Plugins y allí busca el que integre tu pasarela de pago con el plugin. Por ejemplo, para aceptar pagos por Stripe debes de instalar el plugin creado para ello. 

Una vez instalado, debes vincular tu cuenta con WooCommerce vía un API.

Paso #5 – Secciones restantes

Ya las secciones restantes que nos quedan son la de Cuenta y PrivacidadCorreos Electrónicos y Avanzado.

En la primera de éstas, se configuran ciertas opciones de pago y del uso de la plataforma (por ejemplo, si quieres aceptar pago solo de gente que haya iniciado sesión), cómo mostrar las políticas de privacidad de la tienda y la conservación de datos personales.

La sección de correos es sumamente importante: allí configuras las plantillas de correos que se le envían a tus clientes. Cada vez que un cliente haga un pedido, cambie algo en su cuenta o algo similar, WooCommerce le enviará un correo. Puedes cambiar la configuración por defecto en esta sección.

La última sección de la configuración de cómo hacer una tienda online con WooCommerce es la de Avanzado, en donde se seleccionan:

  • Las páginas por defecto de la tienda,
  • Las Variables de finalización de compra; y
  • Y Variables de la cuenta.

#3 Cargar productos

Una vez WooCommerce esté configurado, ¡toca cargar productos! Este es nuestro tercer paso de cómo hacer una tienda online con WooCommerce. Empecemos.

Lo primero que debes de hacer es ir a la sección “Productos” justo debajo de “WooCommerce” en la barra lateral de WordPress. Allí das click en “Añadir nuevo”. Una vez adentro, verás que cada producto tiene una serie de elementos, tales como:

  • Título
  • Descripción
  • Descripción corta
  • Precio
  • SKU
  • Inventario
  • Categoría
  • Etiquetas
  • Imagen destacada
  • Galería
  • Y más.

Descripción de los productos

¿Cuál es la diferencia entre las dos descripciones del producto? Sencillo: una es para causar una primera impresión, mientras la otra es para detallar profundamente el producto.

Por lo general la descripción corta se encuentra debajo del título o al lado de la imagen del producto. Su finalidad es emocionar, impactar y/o persuadir al posible cliente mostrando los beneficios del mismo. 

Por otro lado, en la descripción larga es donde se especifican cosas como las dimensiones, peso, materiales, etc., del producto.

Variaciones de los productos

Las variaciones del producto, tal como su nombre lo indica, son las distintas opciones o formatos en las que un producto es presentado al mercado. Digamos que vendes una camisa roja. Las variaciones del producto serían los distintos tamaños.

Hay dos maneras de configurar esto en WooCommerce: manual o estandarizadamente.

Para iniciar, las variaciones de los productos se crean mediante “atributos”, los cuales puedes ajustar para un solo producto o para todos.

El video anterior muestra cómo poner los atributos manualmente. El proceso es el siguiente: en la sección de “Datos del Producto” debes cambiarlo de “Producto simple” a “Producto variable”. Esto habilitará que se le puedan añadir los atributos al mismo.

Luego, ve a la sección de “atributos” un poco más abajo. Por defecto en esa sección dice “Atributos de producto personalizado”; allí le das a añadir y se habilitarán dos cuadros de texto: uno para el nombre del atributo y otro para detallar el mismo (ambos se mostrarán en la página del producto). Allí debes crear los atributos y separarlos con una barra vertical “|”, tal como mostramos en el video.

Siguiendo con el ejemplo de la camiseta. Si tienes 3 tamaños (S, M y L), en el nombre del atributo le pones “tamaño” y luego escribes “ S | M | L ” en el campo de Valor(es). Luego, habilitas la opción “Utilizado para variaciones” (sin la cual no funcionan) y le das a guardar.

Luego vas a la sección de “Variaciones”, esperas a que cargue y le das click a la barra que dice “Añadir variación”, donde eliges la segunda opción “Crear variaciones para todos los productos”. Esto hará que las opciones que creaste en la sección anterior sean atribuidas a dicho producto.

Dentro de cada variación tienes varias opciones. Las más comunes son elegir un precio para cada variación ponerle una imagen de a cada una. Si tus variaciones fueran colores –además de tamaños, algo que puedes hacer–, en esta opción puedes aparear el atributo “rojo” con una foto de una camisa roja. 

Video de cómo poner los atributos manualmente

La otra opción para hacer esto, es estandarizar variaciones para todos los productos. Es decir, puedes configurar unos atributos, crearlos una sola vez y luego elegir en cuáles productos deseas aparezcan. Esto es útil para tiendas que venden productos similares.

En nuestro ejemplo de la tienda de ropa, pudiéramos querer que todos nuestros productos tengan:

  • Tamaño S, M, L y XL para nombre.
  • Tamaño XS, S, M, L y XL para mujer.
  • Colores rojo, azul y verde.

Puedes crearlos en la pestaña de “Atributos” que se muestra en la sección “Productos” en tu barra lateral de WordPress. Mira el video para aprender cómo:

Video de cómo estandarizar los atributos

Tras crear estos atributos, tendrás la opción de elegirlos cada vez que crees un producto variable y así vamos avanzado en nuestro tutorial de cómo hacer una tienda online con WooCommerce. Pero antes…

Importante: Trata de estandarizar el estilo de las fotos de los productos y la galería de tu tienda en la medida de lo posible.

Categorías y subcategorías

El siguiente punto de cómo hacer una tienda online con WooCommerce es crear las categorías y subcategorías de productos.

Para ello, vamos a ir a la pestaña “Categorías” en la sección de Productos en la barra lateral. Allí pones el nombre, el slug (que es el url de cómo saldría) y la descripción. Creas todas las categorías que sean pertinentes para tu tienda online. 

Para crear una sub-categoría, solo debes elegir una “categoría padre”.

Etiquetas

Luego, el siguiente punto de cómo hacer una tienda online con WooCommerce es crear las etiquetas de los productos.

El proceso es similar al de crear las categorías. 

Tanto las Etiquetas como las Categorías son importantes porque ayudan al usuario a encontrar más fácil los productos y dan más orden o estructura a tu tienda online.

#4 Checkout

Por último pero no por ello menos importante, hablaremos el checkout como aspecto fundamental de cómo hacer una tienda online con WooCommerce.

Esta es la página donde se procesa el pago de tu tienda. WooCommerce la crea por defecto y puedes modificarla con un maquetador visual como Elementor.

La página del Checkout es relativamente sencilla: solo debes cerciorarte de que esté todo en orden y que no tenga distracciones. Para ello le quitas el menu y el footer y la dejas como viene por defecto.

Aspectos y requisitos legales de la tienda

Por último, hablemos de las páginas legales de la tienda. Por lo general se aglomeran dentro del “Aviso legal”, el cual suele ser una página en sí misma con las siguientes sub-páginas:

  • Políticas de:
    • Cookies.
    • Privacidad.
    • Devoluciones.
  • Términos y condiciones.

Cada país o región tiene sus propias regulaciones (por ejemplo, el GDPR). No olvides confirmar que tu tienda online cumple con las mismas. 

Preguntas frecuentes

¿Qué es WooCommerce y por qué debería usarlo?

WooCommerce es un plugin “freemium” de WordPress creado para convertir los sitios web de este CMS (Content Management System) en tiendas online.

Este plugin es conocido por ser la plataforma más adaptable o personalizable para construir una tienda online. Con más de 81 millones de descargas, WooCommerce mueve el 28% de las ventas en eCommerce a nivel global y es el #1 dentro de la categoría.

La principal ventaja que tiene es que te permite controlar tus ventas donde quieras y de manera hermosa. Otra ventaja es que es flexible y abierta para desarrolladores. O sea que si eres de quienes les gusta programar, también este plugin es para ti.

¿WooCommerce se usa solo en WordPress?

Sí, así es. WooCommerce solo se encuentra en WordPress, en tanto que es un plugin de esta plataforma.

No sé usar WordPress, ¿qué hago?

Lee este artículo y este donde te guiamos paso a paso (con videotutoriales y todo) a cómo configurar tu website en WordPress y tu tienda online en WooCommerce. 🙂

¿Cómo creo productos en WooCommerce?

Lo primero que debes de hacer es ir a la sección “Productos” justo debajo de “WooCommerce” en la barra lateral de WordPress. Allí das click en “Añadir nuevo”. Una vez adentro, verás que cada producto tiene una serie de elementos, tales como:

– Título
– Descripción
– Descripción corta
– Precio
– SKU
– Inventario
– Categoría
– Etiquetas
– Imagen destacada
– Galería
– Y más.

¿Cómo creo categorías en WooCommerce?

Para ello, ve a la pestaña “Categorías” en la sección de Productos en la barra lateral. Allí pones el nombre, el slug (que es el url de cómo saldría) y la descripción. Creas todas las categorías que sean pertinentes para tu tienda online. 

Para crear una sub-categoría, solo debes elegir una “categoría padre”.

¿Cómo creo etiquetas en WooCommerce?

El proceso es similar al de crear las categorías. Ve a la ve a la pestaña “Etiquetas” en la sección de Productos en la barra lateral. Allí pones el nombre, el slug (que es el url de cómo saldría) y la descripción. Creas todas las categorías que sean pertinentes para tu tienda online. 

Tanto las Etiquetas como las Categorías son importantes porque ayudan al usuario a encontrar más fácil los productos y dan más orden o estructura a tu tienda online.

¿Cuáles son las páginas legales de una tienda online?

Por último, hablemos de las páginas legales de la tienda. Por lo general se aglomeran dentro del “Aviso legal”, el cual suele ser una página en sí misma con las siguientes sub-páginas:

– Políticas de Cookies.
– Políticas de Privacidad.
– Políticas de Devoluciones.
– Términos y condiciones.

Cada país o región tiene sus propias regulaciones (por ejemplo, el GDPR). No olvides confirmar que tu tienda online cumple con las mismas. 

¿Cómo creo variaciones de los productos en WooCommerce?

El proceso es el siguiente: en la sección de “Datos del Producto” debes cambiarlo de “Producto simple” a “Producto variable”. Esto habilitará que se le puedan añadir los atributos al mismo.

Luego, ve a la sección de “atributos” un poco más abajo. Por defecto en esa sección dice “Atributos de producto personalizado”; allí le das a añadir y se habilitarán dos cuadros de texto: uno para el nombre del atributo y otro para detallar el mismo (ambos se mostrarán en la página del producto). Allí debes crear los atributos y separarlos con una barra vertical “|”, tal como mostramos en el video.

Siguiendo con el ejemplo de la camiseta. Si tienes 3 tamaños (S, M y L), en el nombre del atributo le pones “tamaño” y luego escribes “ S | M | L ” en el campo de Valor(es). Luego, habilitas la opción “Utilizado para variaciones” (sin la cual no funcionan) y le das a guardar.

Luego vas a la sección de “Variaciones”, esperas a que cargue y le das click a la barra que dice “Añadir variación”, donde eliges la segunda opción “Crear variaciones para todos los productos”. Esto hará que las opciones que creaste en la sección anterior sean atribuidas a dicho producto.

Dentro de cada variación tienes varias opciones. Las más comunes son elegir un precio para cada variación ponerle una imagen de a cada una. Si tus variaciones fueran colores –además de tamaños, algo que puedes hacer–, en esta opción puedes aparear el atributo “rojo” con una foto de una camisa roja. 

Conclusión: este es solo el comienzo

¡Felicidades por llegar hasta aquí! Este es sólo el primer paso de la construcción del éxito de tu tienda online. Cuando termines, te recomiendo aprender a diseñar la arquitectura SEO de la tienda para generar tráfico orgánico en los motores de búsqueda. También puedes hacer una auditoría SEO de tu marca como punto de partida. 

¡Comenta y comparte este artículo si aprendiste cómo hacer una tienda online con WooCommerce!

¡Deja tu comentario!

Deja tu comentario

Solicita una demostración

¡Te mostraremos en vivo cómo trabajamos y cuáles beneficios nuestros servicios tienen para ti!

Solicita una demostración

  • Al enviar, aceptas nuestros Términos & Política de Privacidad.
Contáctanos