Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Ecommerce / Cómo crear atributos

Cómo crear atributos

Lee y resume el articulo:
Última actualización: Jun 23, 2026 3 min de lectura

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.

  1. Ve a Site Admin > Store Manager > Atributos.
  2. Haz clic en el botón Añadir nuevo atributo.
    Botón Añadir Nuevo Atributo en la sección de Atributos en SiteGround Ecommerce
  3. Escribe la etiqueta del atributo en los campos Nombre del atributo y Etiqueta de la tienda.
    Nombre del atributo en SiteGround Ecommerce

    NOTA: El campo Nombre del atributo es visible solo para ti como propietario de la tienda, mientras que el campo Etiqueta de la tienda define cómo aparecerá el atributo para tus clientes.

  4. Abre el menú Formato de visualización de atributos y selecciona Desplegable.
    Formato de visualización del menú desplegable de un atributo en SiteGround Ecommerce
  5. Introduce un valor en el campo Valores.
  6. Para añadir más valores, haz clic en el botón Añadir valor o presiona Enter (Windows) o Return (Mac).
  7. Finalmente, haz clic en el botón Guardar para confirmar el atributo.
    Añadir valores de atributo en SiteGround Ecommerce

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.

  1. Haz clic en el botón Añadir nuevo atributo.
  2. Rellena los campos Nombre del atributo y Etiqueta de la tienda.
  3. Selecciona Colores del menú Formato de visualización de atributos.
    Formato de visualización de colores para atributos en SiteGround Ecommerce
  4. Haz clic en la caja de color bajo Valores.
  5. En la ventana emergente, usa el selector de color para mostrar el color deseado.
    Seleccionando un valor de color para un atributo en SiteGround Ecommerce
  6. Escribe el nombre del color en el campo de texto junto a la caja de color.
    Nombre del valor de color para un atributo en SiteGround Ecommerce
  7. Añade más colores haciendo clic en el botón Añadir valor, o simplemente presiona Enter (para Windows) o Return (en Mac).
  8. Finalmente, presione el botón Guardar para confirmar el atributo.
    Añadir más valores de color a un atributo en SiteGround Ecommerce

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.

  1. Haz clic en el botón Añadir nuevo atributo en la sección Store Manager > Atributos.
  2. Rellena los campos Nombre del atributo y Etiqueta de la tienda.
  3. Abre el menú Formato de visualización de atributos y selecciona Botones.
    Formato de visualización de los atributos de los botones en SiteGround Ecommerce
  4. Escribe el valor del primer botón en el primer campo de Valores.
  5. Haz clic en el botón Añadir Valor o presiona Enter para crear más valores.
  6. Confirma con el botón Guardar.
    Añadir valores a los atributos en el formato de visualización de los botones

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:

  1. Ve a Site Admin > Store Manager > Atributos.
  2. Haz clic en el botón Añadir nuevo atributo en la esquina superior derecha.
    Sección Atributos en el Site Admin de un sitio web Ecommerce, con el botón Añadir nuevo atributo resaltado
  3. Rellena el campo Nombre del atributo, que te sirve como identificador en el admin de tu tienda.
  4. Rellena el campo Etiqueta de la tienda que verán los visitantes.
  5. Abre el menú Formato de visualización del atributos y selecciona Imagen.
    Menú Formato de visualización de atributos para añadir un nuevo atributo en Ecommerce donde se selecciona el tipo Imagen
  6. Introduce un valor en el campo Valores.
  7. Pulsa Intro o el botón Añadir valor para añadir más valores.
  8. Haz clic en Guardar para añadir el atributo de imagen.
    Botón Añadir valor para agregar valores adicionales al crear un atributo y botón Guardar para confirmar el atributo
  9. Ve a Store Manager > Productos y edita el producto para el que tendrás variaciones de imagen.
  10. Navega a la sección Precios & Inventario y pulsa Administrar atributos.
    Botón Administrar atributos dentro de un editor de productos en Ecommerce
  11. En la ventana emergente que aparece, pulsa Agregar atributos.
    Botón Agregar atributos dentro de un editor de productos donde puedes asignar atributos existentes a un producto


  12. Abre el menú Nombre del atributo y selecciona el atributo de imagen que creaste anteriormente.
    Asignación de un atributo existente a un producto desde el editor de productos en Ecommerce
  13. 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.
    Adición de una imagen a un valor de atributo de imagen dentro de un editor de productos en Ecommerce
  14. 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.
    Una ventana emergente para seleccionar una imagen para un valor de atributo de imagen en Ecommerce
  15. 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.
  16. Pulsa Guardar para confirmar el atributo de imagen.
    Botón Añadir valor para agregar un nuevo valor de atributo de imagen y botón Guardar para confirmar el atributo de imagen

¡NOTA! También puedes crear atributos para variaciones y especificaciones de producto al editar un producto existente. Cualquier atributo creado de esta manera se agregará automáticamente a la página global de Atributos en el panel de administración de SiteGround Ecommerce, lo que los hará disponibles para su uso en toda tu tienda.

Comparte este artículo