Woocomerce 2

a tienes tu tienda online correctamente configurada, pero aún no tienes productos que vender, los siguientes pasos serán la creación de categorías, atributos y productos para el catálogo.

  • Añadir las categorías de los productos, en el ejemplo hemos creado las categorías “Españolas” y “Extranjeras“, nuestros productos serán películas.

Categorías en WooCommerce

  • Añadir atributo, en el ejemplo hemos creado el atributo “Formato” con los términos “Blu-ray” y “DVD“.

Atributos en WooCommerce

  • Añadir nuevo producto indicando “Título“, “Descripción larga“, “Categoría“, “Precio” (dejando “Información del producto” como “Producto simple“).

Añadir producto

  • En la misma página (haciendo scroll vertical) también hay que indicar “Etiquetas” (opcional), “Descripción corta” y una “Imagen destacada“, también podrías añadir más imágenes en “Galería del producto“.

Publicar producto

  • En el siguiente ejemplo vamos a crear un “Producto variable“, todos los pasos son iguales que con el producto anterior, excepto que hay que cambiar la “Información del producto” por “Producto variable” para poder configurar el atributo y las variaciones.

Producto variable

  • Pulsar la pestaña “Atributos“, seleccionar “Formato” de la lista desplegable y pulsar el botón “Añadir“, pulsar el botón “Seleccionar todos” para añadir todos los valores, marcar la opción “Usado para variaciones” y pulsar el botón “Guardar atributos“.

Atributos del producto

  • Pulsar la pestaña “Variaciones” y pulsar el botón “Añadir Variación” tantas veces como valores tiene nuestro atributo, en nuestro ejemplo son dos valores, para cada uno de los valores podemos indicar sus variaciones, en nuestro ejemplo (para simplificar) hemos indicado un precio diferente para cada una, pero podrías indicar diferente tamaño, peso, etc…

Variaciones del producto

  • Ya tienes un artículo sin atributos ni variaciones y el otro con 2 variaciones, así que ya puedes ver tu catálogo de productos o probar a hacer tu primera compra (para comprobar que todo funciona correctamente), antes de continuar introduciendo los datos del resto de los artículos de tu tienda.

Catálogo virtual

En la imagen del ejemplo hemos inyectado una línea de código CSS usando el plugin “Simple Custom CSS” para ajustar mejor el aspecto del catálogo de productos, concretamente el código añadido es el siguiente:

.twentyfourteen .tfwc { max-width: inherit; }

Si lo deseas puedes instalar un theme diferente y cambiar radicamente el diseño de tu tienda online, pero eso lo dejamos para tu criterio personal.

También puedes probar algunos plugins para WooCommerce GRATIS, concretamente “Poor Guys Swiss Knife” seguramente te resultará útil ya que te permite configurar más cosas de tu tienda online, por ejemplo los campos del formulario que tiene que rellenar el cliente justo antes de comprar o el texto de la mayoría de los botones de tu tienda, para ajustarlos al contexto de la misma.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.