Curso Woocommerce: 6 - agregar atributos a los productos

webempresa.com
18 Feb 201312:38

Summary

TLDREn este tutorial exploramos cómo añadir productos con atributos variados a una tienda online utilizando WordPress y WooCommerce. Se demuestra el proceso de creación de un producto variable, como una camiseta, donde los usuarios pueden seleccionar entre diferentes tallas, colores y tejidos. A través de la administración de WordPress, se muestra cómo añadir y configurar atributos y variaciones, permitiendo ajustes en precio y stock basados en la selección del atributo. Este enfoque facilita una personalización detallada del producto, optimizando la experiencia de compra en la tienda online.

Takeaways

  • 👕 Cómo añadir productos con atributos variados en una tienda online usando WordPress y WooCommerce.
  • 🎨 Ejemplos de atributos incluyen tamaño, color y material para productos como ropa y capacidad para productos tecnológicos.
  • 🛠️ Pasos para crear un nuevo producto desde cero dentro del panel de administración de WordPress.
  • 🏷️ Importancia de asignar categorías y etiquetas al producto para mejor organización y búsqueda.
  • 📸 Proceso para subir y asignar una imagen destacada al producto.
  • 💡 Configuración de un producto como 'variable' para permitir atributos como color y tamaño que afectan el precio.
  • 🌈 Añadir y configurar atributos y términos como 'color' o 'talla' desde la sección de atributos en WooCommerce.
  • 🔄 Creación de variaciones del producto, asignando diferentes características y precios a cada una.
  • 📦 Cómo gestionar el stock y el precio específicos para cada variación del producto.
  • 🔍 Mostrar atributos adicionales en la página del producto, que no afectan a las variaciones como el tipo de tejido.

Q & A

  • ¿Qué es Congo Commerce y cómo se utiliza para agregar productos a una tienda en línea?

    -Congo Commerce es una plataforma de comercio electrónico que permite a los usuarios agregar productos a su tienda en línea con atributos personalizados, como talla, color y tejido para productos como la ropa, o capacidad para productos como discos duros.

  • ¿Cómo se inicia el proceso de agregar un nuevo producto en Congo Commerce?

    -Para agregar un nuevo producto, se navega hasta la sección de administración de WordPress, se selecciona 'Productos' y luego se hace clic en 'Añadir nuevo'. Se completa la información del producto, incluyendo su descripción, categoría y etiquetas.

  • ¿Por qué se requiere una imagen destacada para un producto?

    -La imagen destacada es la principal representación visual del producto en la tienda en línea. Ayuda a los clientes a identificar y conectar visualmente con el producto, por lo que es importante que sea atractiva y representativa.

  • ¿Qué es un 'producto variable' y cómo se diferencia de un 'producto simple'?

    -Un 'producto variable' es aquel que tiene atributos que el cliente debe seleccionar, como talla o color. En contraste, un 'producto simple' no tiene estas opciones de selección y representa una sola entidad en la tienda.

  • ¿Cómo se crean atributos para un producto en Congo Commerce?

    -Se dirige al apartado de 'Atributos' bajo 'Productos' y se hace clic en 'Añadir nuevo'. Se selecciona el tipo de atributo, como 'texto', y se introduce el nombre del atributo, como 'tejido'. Luego se guarda el atributo para su uso en productos.

  • ¿Cómo se asignan variaciones a un producto variable?

    -Después de crear los atributos, se vuelve a la ficha del producto y se selecciona 'Producto variable'. Se accede a la pestaña 'Variaciones' y se añaden las variaciones correspondientes a cada atributo, como color y talla, incluyendo información como precios, stock e imágenes específicas.

  • ¿Cómo se establece un precio diferente para una variación de producto específica?

    -Se selecciona la variación deseada y se introduce el precio específico en el campo de precio de esa variación. Esto permite establecer precios únicos para cada combinación de atributos del producto.

  • ¿Cómo se indica si una variación de producto es descargable?

    -Durante el proceso de agregar una variación, se puede marcar la opción de 'descargable' si el producto en cuestión es un archivo digital que el cliente puede descargar después de la compra.

  • ¿Cómo se pueden combinar atributos para crear variaciones de productos más complejas?

    -Se agregan varios atributos y se combinan en las variaciones del producto. Por ejemplo, se puede combinar color y talla para que el cliente tenga que seleccionar tanto el color como la talla de un producto de ropa.

  • ¿Cómo se muestra información adicional sobre un producto sin que forme parte de la selección de atributos?

    -Se puede agregar un atributo como 'tejido' y marcarlo como visible pero no utilizado en las variaciones. Esto permite mostrar información adicional en la pestaña de 'Información adicional' sin que afecte la selección de otros atributos.

  • ¿Cómo se actualiza la página de un producto para reflejar los cambios en las variaciones y atributos?

    -Después de agregar o modificar las variaciones y atributos de un producto, se hace clic en el botón 'Actualizar' para guardar los cambios y actualizar la página del producto en la tienda en línea.

Outlines

00:00

😀 Agregar productos con atributos a la tienda en WordPress

En este primer párrafo se describe cómo añadir productos a una tienda en línea utilizando Congo Commerce en WordPress. Se menciona que los productos pueden tener atributos que el usuario debe seleccionar, como la talla, el color o la capacidad en el caso de los discos duros. Se detalla el proceso de crear un nuevo producto, como una camiseta con cuello pico, incluyendo información como descripción, categoría, etiquetas, imagen destacada y precio. Además, se indica que se pueden ajustar precios en función de los atributos del producto.

05:01

📦 Creación y asignación de atributos a las variaciones de productos

Este párrafo explica cómo crear y asignar atributos a las variaciones de un producto en la tienda. Se habla sobre la creación de atributos como talla y color y cómo añadir nuevos atributos, como el tejido. Se muestra cómo cambiar un producto simple a un producto variable y cómo agregar variaciones basadas en atributos como el color, incluyendo imágenes y precios específicos para cada variación. También se discute la opción de hacer variaciones descargables y cómo actualizar los cambios para que se reflejen en la tienda en línea.

10:04

🔄 Agregar y combinar atributos para controlar precios y stock

El tercer párrafo se enfoca en cómo agregar y combinar atributos para controlar tanto el precio como el stock de las variaciones de un producto. Se describe cómo combinar atributos como el color y la talla para crear variaciones específicas y cómo desactivar tallas para ciertos colores. Además, se menciona la adición de un nuevo atributo, como el tejido, que no se utiliza para evaluaciones pero es visible para el usuario. Se destaca la capacidad de mostrar información adicional en la pestaña de información del producto, lo que permite al usuario ver los colores, tallas y tejidos disponibles sin que forme parte de la selección de atributos.

Mindmap

Keywords

💡Congo Commerce

Congo Commerce es una plataforma de comercio electrónico que permite a los usuarios crear y administrar su propia tienda en línea. En el video, se utiliza para demostrar cómo añadir productos con atributos variables a una tienda en línea.

💡Atributos de producto

Los atributos de producto son características específicas que un usuario puede seleccionar para personalizar su producto, como el tamaño, el color o el tejido en el caso de la ropa. En el tutorial, se explica cómo crear y asociar estos atributos a los productos en Congo Commerce.

💡Producto variable

Un producto variable es aquel que tiene múltiples variaciones, cada una con atributos distintos como color, tamaño o material. En el video, se muestra cómo configurar un producto como 'variable' en lugar de 'simple' para permitir la selección de estas variaciones.

💡Variaciones del producto

Las variaciones del producto son las diferentes opciones que un cliente puede elegir para un producto en función de sus atributos. El script describe cómo agregar y gestionar estas variaciones en la tienda en línea, incluyendo imágenes, precios y stock para cada una.

💡Administración de WordPress

WordPress es un sistema de gestión de contenidos (CMS) utilizado para administrar sitios web, incluidas las tiendas en línea. En el video, la administración de WordPress es el lugar donde se realizan todas las operaciones para agregar y configurar productos.

💡Categorías

Las categorías son una forma de organizar los productos en una tienda en línea. En el script, se menciona que los productos deben asignarse a una categoría, como 'camisetas', para facilitar la navegación y búsqueda por parte de los clientes.

💡Etiquetas

Las etiquetas son palabras clave que se utilizan para describir y ayudar a clasificar el contenido de una página web, incluidos los productos. En el video, se agregan etiquetas como 'informal' y 'mujer' a un producto para mejorar su visibilidad en búsquedas.

💡Imagen destacada

La imagen destacada es la principal representación visual de un producto en una tienda en línea. Se menciona en el script que se debe subir una imagen destacada para cada producto, que luego se muestra en la página del producto.

💡

💡Precios variables

Los precios variables son precios que pueden cambiar en función de los atributos seleccionados por el cliente, como el color o el tamaño. En el tutorial, se muestra cómo establecer precios diferentes para las variaciones de un producto.

💡Inventario

El inventario hace referencia a la cantidad de productos disponibles en stock para la venta. En el video, se indica cómo establecer el stock para cada variación de producto, lo que es crucial para la gestión de existencias.

💡Atributos combinados

Los atributos combinados son grupos de atributos que se pueden seleccionar juntos para crear una variedad única de un producto. En el script, se explica cómo configurar atributos como el color y el tamaño para que estén disponibles en combinaciones específicas.

💡Información adicional

La información adicional es cualquier detalle que no sea esencial para la selección de una variación del producto pero que puede ser relevante para el cliente. En el video, se agrega un atributo de tejido como información adicional que no afecta la selección de variaciones.

Highlights

Se puede añadir productos a la tienda online con atributos para ofrecer opciones de selección al usuario.

Los atributos pueden ser elementos como talla, color, tejido para productos de ropa, o capacidad para discos duros.

Para crear un producto, se inicia desde la administración de WordPress, en la sección de productos.

Se proporciona una descripción corta y larga del producto, que es opcional si no se desea incluirla.

Los productos se asignan a una categoría específica, como camisetas en este ejemplo.

Se pueden añadir etiquetas para mejorar la organización y la búsqueda del producto, como 'informal' y 'mujer'.

Se sube una imagen destacada para el producto, que puede ser cualquier imagen relevante.

Los atributos de inventario y precios se configuran según sea necesario, aunque se puede omitir si ya se ha configurado previamente.

Para agregar atributos, se dirige a la sección de atributos dentro de la administración de productos.

Se pueden crear nuevos atributos y se pueden borrar los existentes según las necesidades del producto.

Se pueden definir los términos de configuración de los atributos, aunque no es necesario en todos los casos.

Los atributos se asocian con el producto una vez creado, permitiendo la creación de variaciones del mismo producto.

Los productos se pueden configurar como 'variable' para manejar múltiples variaciones.

Las variaciones del producto se gestionan a través de una pestaña dedicada, donde se añaden y configuran.

Cada variación del producto puede tener su propia imagen, stock y precio, lo que permite una gestión detallada.

Se pueden establecer precios diferentes para variaciones específicas, ofreciendo flexibilidad en la configuración de precios.

Los atributos se combinan para crear una matriz de opciones disponibles para el usuario final.

Los atributos no utilizados para variaciones, como el tejido, se pueden mostrar como información adicional en la pestaña de detalles del producto.

Se pueden controlar tanto el precio como el stock en función de cada variación del producto.

Transcripts

play00:03

en este tutorial vamos a ver cómo

play00:05

podemos añadir productos a nuestra

play00:08

tienda online cada congo commerce

play00:11

que tengan atributos en ciertas

play00:14

ocasiones nos podemos encontrar que los

play00:17

productos que añadamos a nuestra tienda

play00:18

el usuario tenga que elegir entre

play00:21

diversos atributos del mismo producto

play00:23

como podría ser por ejemplo para la ropa

play00:25

la talla

play00:27

o el color o el tejido o incluso post

play00:29

para otro tipo de productos por ejemplo

play00:31

si vendiéramos discos duros pues la

play00:32

capacidad del disco etc sería algo como

play00:35

lo que estamos viendo aquí

play00:37

una selección de talla

play00:42

para hacer esto vamos a irnos dentro de

play00:46

la administración de wordpress a

play00:48

productos

play00:52

productos y aquí vamos a añadir nuevo

play00:54

producto desde cero para ver el proceso

play00:56

completo vamos a dar de alta una

play00:59

camiseta y para ello ponemos aquí

play01:03

camiseta

play01:05

cuello pico por ejemplo

play01:08

vamos a poner algo de información por

play01:11

ejemplo

play01:12

una descripción del producto

play01:17

aquí ponemos una descripción corta que

play01:19

vamos a poner un párrafo mucho más corto

play01:22

pero todo esto es opcional si queremos

play01:24

no lo ponemos

play01:31

le decimos que esto pertenece a la

play01:32

categoría de camisetas

play01:37

en los datos de impuestos inventario

play01:39

etcétera lo vamos a dejar porque ya lo

play01:40

hemos visto en un tutorial anterior

play01:43

etiquetas vamos a añadir por ejemplo

play01:48

informal

play01:50

coma mujer por ejemplo añadimos dos

play01:54

etiquetas le añadimos una imagen

play01:56

destacada

play01:58

que la vamos a subir

play02:02

por ejemplo este caso subimos esta

play02:05

imagen

play02:10

y lo que es el en general el precio no

play02:13

lo vamos a poner porque lo vamos a ver

play02:15

cómo podemos bajar el precio en función

play02:17

del atributo

play02:18

publicamos el producto

play02:25

nos vamos a la tienda y tendríamos el

play02:27

producto dado de alta

play02:32

por ahora

play02:36

no tenemos atributos y ahora vamos a

play02:38

pasar allí los atributos vamos a

play02:40

quitarle aquí bastante descripción de

play02:41

esta corta que hemos puesto mucha

play02:44

actualizar ya como primer paso para los

play02:47

atributos primero tendremos que crear

play02:50

los distintos tipos de atributos para

play02:52

ello nos iremos aquí dentro del apartado

play02:53

de productos a atributos

play02:56

ya tenemos en esta tienda dos atributos

play02:59

creados que son talla y color podemos

play03:02

añadir tantos atributos como queramos

play03:05

tomemos por ejemplo añadir nuevo

play03:08

atributo que sea el tejido

play03:13

seleccionamos que este tipo texto y

play03:15

añadir atributo

play03:17

de esa forma tan sencilla añadimos

play03:18

atributos y queremos borrar un atributo

play03:21

simplemente nos colocamos aquí encima y

play03:23

le daríamos a borrar también puedo dar

play03:25

aquí para configurar términos pero en

play03:27

principio no es necesario añadir aquí

play03:30

las distintas variaciones por ejemplo

play03:32

qué interés que nos añadir algodón

play03:33

poliéster etcétera pero veremos que esto

play03:35

se puede hacer directamente desde la

play03:37

ficha del producto una vez que tenemos

play03:39

los atributos creados los que usaremos

play03:41

dentro del producto volvemos a la ficha

play03:44

del producto

play03:48

y aquí en lugar de decir que es un

play03:49

producto simple elegimos que es un

play03:51

producto variable

play03:53

una vez que le marcamos la opción del

play03:56

producto variable vemos que aquí en

play03:58

general no se ha desaparecido la opción

play03:59

del precio

play04:01

y que aquí aparecen una pestaña que es

play04:02

variaciones los índice nos indica que

play04:06

hay que añadir variantes vamos a con

play04:08

medio de atributos antes de poder

play04:09

trabajar con esto por lo que nos vamos

play04:12

aquí a atributos

play04:14

tenemos que añadir nuevos atributos

play04:17

entonces vamos a en primer lugar añadir

play04:22

una variación en función del color

play04:24

seleccionamos para ello el atributo

play04:26

color y le damos a añadir

play04:30

aquí tenemos que indicar si es visible

play04:32

en la página del producto y si se

play04:35

utiliza en las variaciones precisamente

play04:36

si se va a utilizar para lo que vamos a

play04:39

hacer ahora luego veremos uno sin

play04:41

variaciones marcamos y ahora tenemos que

play04:44

indicar los valores vamos a poner por

play04:46

ejemplo

play04:48

amarillo y con la barra vertical la que

play04:51

se encuentra en el teclado en la tecla

play04:54

del 1

play04:56

volvemos a esa bar vertical y vemos otro

play04:58

color por ejemplo azul

play05:01

que tenemos la variación hecha vamos a

play05:03

darle a actualizar para abordar estos

play05:04

cambios

play05:06

y si ahora nos vamos a variaciones

play05:13

tendremos que añadir una variación le

play05:15

damos al añadir variación

play05:18

nos indica qué color vamos a decir que

play05:22

es la variación del color azul también

play05:23

en este caso podemos distinguir si una

play05:26

variación es descargable o no pero bueno

play05:27

no tiene mucho sentido ya tenemos

play05:29

activada vamos a añadirle una imagen

play05:31

para la variación es decir en este caso

play05:34

que tenemos distintos colores nos va a

play05:36

interesar que para cada color se muestre

play05:38

una imagen distinta aquí vamos a

play05:40

seleccionar la imagen esta amarilla que

play05:42

ya la tenemos por lo tanto no vamos a

play05:43

librería multimedia seleccionamos aquí

play05:46

esta imagen le vamos a mostrar y

play05:48

insertar en la entrada

play05:50

ya tenemos esta podemos indicar un stock

play05:54

para esta variación en este caso para

play05:56

las camisetas amarillas

play05:58

aunque vamos a trabajar este caso sin

play06:00

stock indicar un precio 4 cuesta 20

play06:06

también digamos

play06:08

si queremos una clase de envío

play06:09

particular un tipo particular o se

play06:12

aplica lo mismo tener superior que

play06:14

serían los parámetros generales una que

play06:16

tenemos la variación añadida

play06:19

le damos a añadir variación para añadir

play06:21

una segunda

play06:25

ahora sí que vamos a subir una imagen

play06:26

nueva pero aquí la camiseta igual pero

play06:29

en azul

play06:31

la subimos

play06:33

decimos usar esta imagen

play06:36

tendríamos ahora la nueva variación y el

play06:39

precio vamos a suponer que es el mismo

play06:42

una vez que hemos tenido las oraciones

play06:44

podemos seguir añadiendo en el caso de

play06:46

que necesitemos más variaciones y aquí

play06:48

se me ha olvidado cuidado seleccionar

play06:50

que esta elaboración del color azul la

play06:53

de maña dida y ahora le doy a actualizar

play06:58

si ahora vuelvo aquí y recargo la página

play07:04

ya me indica que el precio es 20 porque

play07:06

realmente las dos variaciones cuestan lo

play07:07

mismo

play07:09

pero si ahora escojo azul vemos que la

play07:13

imagen de cambio y si que me muestra el

play07:15

botón de añadir al carro es decir

play07:16

mientras que yo no elija una opción el

play07:19

producto no se medirá al carro porque se

play07:21

necesita saber lo que quiere usuario en

play07:23

concreto

play07:25

incluso puede ocurrir supongamos que

play07:28

dependiendo de la variación el precio

play07:31

sea diferente supongamos que para esta

play07:33

variación no desplegamos y decimos que

play07:36

el precio sería de 22 y el colores azul

play07:38

le vamos a actualizar

play07:42

cargamos esta página de nuevo

play07:48

si escogemos azul me pone que pedir 22

play07:50

si fijamos amarillo me pone que el

play07:52

precio es 20

play07:56

vamos a añadir una segunda variación

play07:59

supongamos que además de permitir

play08:01

filtrar por

play08:03

el color también queremos que el usuario

play08:06

tenga que seleccionar la talla

play08:08

para ello volvemos otra vez aquí a

play08:10

atributos

play08:12

y añadimos uno nuevo que sea en este

play08:14

caso talla

play08:16

decimos que es visible y usado para

play08:19

variaciones y podemos indicar las tareas

play08:22

que hay supongamos que tenemos ese maná

play08:26

vertical m

play08:28

barra vertical y él es decir tenemos

play08:31

tres tallas le damos a actualizar para

play08:34

guardar estos nuevos atributos y si

play08:37

ahora nos vamos a variaciones veremos

play08:39

que la variación ya no sólo con el color

play08:41

sino que es conjunta con la talla

play08:43

entonces tendríamos por ejemplo amarillo

play08:46

s

play08:48

a su pc

play08:50

vamos a añadir otra variación

play08:53

por ejemplo amarillo

play08:56

l

play09:02

veamos añadir aquí elegiríamos el color

play09:07

en este caso la imagen

play09:11

volvemos a elegirla

play09:17

la imagen está el precio le ponemos 20

play09:24

y vamos a añadir por ejemplo

play09:28

pero por aquí tenemos que indicarle que

play09:30

esto es amarillo

play09:32

y por ejemplo m añadimos ahora

play09:37

otra que sea amarillo l

play09:42

de nuevo seleccionamos esta imagen

play09:44

dándole aquí a mostrar insertar a la

play09:47

entrada

play09:51

precisamente recordamos eso que siempre

play09:53

podemos cambiar la cantidad de stock

play09:58

con esto podemos ir pegando las ya

play10:00

tenemos

play10:03

para la amarilla de las tres tareas que

play10:05

disponemos y vamos a ir por ejemplo azul

play10:08

y m

play10:11

primera variación azul m seleccionamos

play10:17

la imagen que ya la tenemos subida

play10:24

precio vamos a mantener por ejemplo la

play10:26

variante de 22 euros que tenía la

play10:28

camiseta azul y una que lo tenemos todo

play10:31

le damos a actualizar

play10:37

ahora vamos otra vez esto

play10:40

vemos que ahora el usuario tendrá que

play10:43

elegir entre dos opciones

play10:47

el color que le dijimos amarillo y

play10:50

veremos que podemos elegir la talla l m

play10:52

s

play10:54

pero si cambiamos al azul como no

play10:58

vamos a dejar por ejemplo 13 m si

play11:00

cambiamos al azul veremos que sólo

play11:03

dispone de las tallas m y s la l está

play11:06

desactivada porque para este color no

play11:09

hemos dado la opción de seleccionar esta

play11:11

talla

play11:12

de esta forma podemos tener

play11:15

atributos combinados y no todos los

play11:18

atributos podrán estar disponibles

play11:20

dependiendo de el resto de atributos

play11:23

simplemente estarán las combinaciones

play11:24

permitidas

play11:26

por último vamos a ver lo que habíamos

play11:29

comentado en atributos de añadir un

play11:31

nuevo atributo en este caso tejido

play11:35

y indicar que no está usado para

play11:37

evaluaciones que es visible pero no está

play11:38

usado y ponemos pues por ejemplo

play11:42

un 80% con algodón a secas

play11:46

vamos a tener más variaciones y le damos

play11:49

a actualizar

play11:54

si ahora cargamos de nuevo vemos el vino

play11:58

sale

play11:59

el nuevo atributo que hemos añadido pero

play12:01

aquí tenemos una opción de información

play12:04

adicional que nos muestra los colores

play12:07

disponibles las tallas y en este caso la

play12:09

nueva que hemos añadido que sería el

play12:11

tejido esto se mostraría simplemente

play12:14

aquí en la pestaña de información

play12:15

adicional pero nunca se mostraría dentro

play12:17

de la selección de atributo de esta

play12:20

forma podemos añadir productos con

play12:22

tantas variaciones como necesitemos

play12:24

pudiendo controlar tanto el precio como

play12:28

el stock en función de la variación del

play12:31

producto

Rate This

5.0 / 5 (0 votes)

Related Tags
WooCommerceTienda en líneaAtributos de productoTallaColorTejidocCustomizaciónInventarioGestión de productosE-commerceWordPressTienda física
Do you need a summary in English?