Cómo crear atributos
Para tener variaciones de producto, debes crear los atributos (como colores, tallas, etc.) y las especificaciones del producto que los definen. En esta guía, aprenderás cómo crear atributos universales para todos los productos en tu tienda Ecommerce de SiteGround.
Cómo crear atributos en una lista desplegable
Si quieres mostrar atributos con muchos valores de forma compacta, puedes usar una lista desplegable. Este formato es adecuado para tallas de zapatos, ropa, etc.
- Ve a Site Admin > Store Manager > Atributos.
- Haz clic en el botón Añadir nuevo atributo.

- Escribe la etiqueta del atributo en los campos Nombre del atributo y Etiqueta de la tienda.

- Abre el menú Formato de visualización de atributos y selecciona Desplegable.

- Introduce un valor en el campo Valores.
- Para añadir más valores, haz clic en el botón Añadir valor o presiona Enter (Windows) o Return (Mac).
- Finalmente, haz clic en el botón Guardar para confirmar el atributo.

El atributo ahora se guardará y se mostrará en la sección de Atributos.
Cómo crear atributos de color
Los atributos de color se muestran mejor en cajas de color, que son una gran ayuda visual para tus clientes. Para ello, puedes usar el formato de visualización Colores.
- Haz clic en el botón Añadir nuevo atributo.
- Rellena los campos Nombre del atributo y Etiqueta de la tienda.
- Selecciona Colores del menú Formato de visualización de atributos.

- Haz clic en la caja de color bajo Valores.
- En la ventana emergente, usa el selector de color para mostrar el color deseado.

- Escribe el nombre del color en el campo de texto junto a la caja de color.

- Añade más colores haciendo clic en el botón Añadir valor, o simplemente presiona Enter (para Windows) o Return (en Mac).
- Finalmente, presione el botón Guardar para confirmar el atributo.

Cómo crear atributos con botones
También puedes mostrar los atributos del producto con botones. Esta opción es adecuada para atributos con un número pequeño de valores y te permite mostrarlos simultáneamente en la página del producto como botones.
- Haz clic en el botón Añadir nuevo atributo en la sección Store Manager > Atributos.
- Rellena los campos Nombre del atributo y Etiqueta de la tienda.
- Abre el menú Formato de visualización de atributos y selecciona Botones.

- Escribe el valor del primer botón en el primer campo de Valores.
- Haz clic en el botón Añadir Valor o presiona Enter para crear más valores.
- Confirma con el botón Guardar.

Cómo crear atributos de imagen
Para mostrar visualmente los valores de los atributos de un producto, utiliza el tipo de atributo de imagen. Por ejemplo, al mostrar variaciones de color, el atributo de color estándar muestra cada opción como una simple muestra de color. Los atributos de imagen ofrecen una alternativa más completa, permitiéndote representar cada variación con una foto real del producto en ese color específico.
Las imágenes para este tipo de atributo se cargan individualmente para cada producto. Supongamos que quieres crear un atributo de imagen para los productos disponibles en rosa. Puedes configurar el atributo, añadir el valor “Rosa” y reutilizarlo en varios productos. El atributo se guarda en Site Admin > Store Manager > Atributos, pero solo se guarda su etiqueta; los archivos de imagen permanecen asociados a cada producto.
Al editar un producto, puedes asignarle este atributo y subir una imagen de ese producto en rosa.
Para crear un atributo de imagen, añadirlo a un producto y adjuntar una imagen, sigue estos pasos:
- Ve a Site Admin > Store Manager > Atributos.
- Haz clic en el botón Añadir nuevo atributo en la esquina superior derecha.

- Rellena el campo Nombre del atributo, que te sirve como identificador en el admin de tu tienda.
- Rellena el campo Etiqueta de la tienda que verán los visitantes.
- Abre el menú Formato de visualización del atributos y selecciona Imagen.

- Introduce un valor en el campo Valores.
- Pulsa Intro o el botón Añadir valor para añadir más valores.
- Haz clic en Guardar para añadir el atributo de imagen.

- Ve a Store Manager > Productos y edita el producto para el que tendrás variaciones de imagen.
- Navega a la sección Precios & Inventario y pulsa Administrar atributos.

- En la ventana emergente que aparece, pulsa Agregar atributos.

- Abre el menú Nombre del atributo y selecciona el atributo de imagen que creaste anteriormente.

- Ve a la sección Valores, donde se muestran todos los valores existentes. Haz clic en el icono de marcador de posición de imagen del valor seleccionado para asignarle una imagen.

- Aparecerá una ventana de selección de archivos. Haz clic en Examinar archivos para subir una nueva imagen, elige una imagen existente de tu galería multimedia en la pestaña Mis archivos o abre la pestaña Galería de Unsplash para buscar una imagen relevante. Confirma tu elección con el botón Insertar.

- Repite el mismo proceso para añadir imágenes a los valores restantes. Para añadir un nuevo valor, haz clic en Añadir valor.
- Pulsa Guardar para confirmar el atributo de imagen.
