Crear un grupo de etiquetas (dentro de la imagen del producto)

Elige Inside product image cuando el grupo deba superponerse a la foto del producto; es la opción habitual para etiquetas como «Sale», «New» o «Best seller» apiladas en una esquina de la imagen.

Nota

Crea primero tus etiquetas en Badges & Labels. El grupo solo reúne etiquetas que ya existen.

1. Abre Badge groups

   En tu panel de administración de Shopify, abre Sami Product Labels y haz clic en Badge groups en la barra lateral de la aplicación.

   

   Badge groups está entre Badges & Labels y Extra Features en la barra lateral.

2. Haz clic en Create badge group

   En una tienda vacía verás Create your first badge group. Haz clic en Create badge group para abrir el editor.

   

   Haz clic en Create badge group para abrir el editor de grupos.

3. Selecciona Inside product image

   En la parte superior de la pestaña Design, elige Inside product image. El grupo se colocará sobre la foto del producto.

4. Ponle nombre al grupo

   Por defecto, el grupo se llama Label group. Abre el menú … situado encima de la vista previa, haz clic en Rename y escribe un nombre de hasta 50 caracteres, por ejemplo «Summer sale labels».

5. Agrega etiquetas al grupo

   En Label Selection, haz clic en Add labels to group. Busca por nombre, marca las etiquetas que quieras y haz clic en Select.

   

   Marca cada etiqueta que quieras incluir y haz clic en Select.

6. Diseña el grupo

   Abre la sección Design y define cómo se ven las etiquetas en conjunto:

   Ajuste	Qué controla
   Select layout	Apilado Horizontal o Vertical.
   Item size	El tamaño de cada etiqueta, como porcentaje o valor fijo.
   Label gap	El espacio entre etiquetas, en píxeles.
   Predefined position	Uno de los nueve puntos de anclaje en la imagen del producto (esquinas, bordes, centro).
   Margin	El desplazamiento superior, inferior, izquierdo y derecho respecto al punto de anclaje.

   Observa la vista previa en vivo de la derecha mientras ajustas. Usa el menú Product page / Collection page y los iconos de escritorio y móvil para ver el grupo en cada contexto.

   

   La cuadrícula de nueve posiciones ancla todo el grupo en la imagen del producto.

7. Agrega CSS personalizado (opcional)

   Expande Advance Section para agregar tu propio CSS para el grupo. Sáltate este paso salvo que necesites un estilo que los ajustes anteriores no pueden lograr.

8. Elige cómo se segmenta el grupo

   Cambia a la pestaña Placement y elige un Condition type:

   Opción	Comportamiento
   Keep individual label conditions	Cada etiqueta se muestra u oculta según sus propias reglas de segmentación.
   Set a custom group condition	Ignora las reglas individuales y usa una sola condición para todo el grupo.

   Al elegir la segunda opción se muestran las condiciones Product, Customer, Page, Language, Country y Other para el grupo; consulta Configurar las condiciones del grupo.

   

   Usa una condición de grupo personalizada cuando todo el conjunto deba seguir una misma regla.

9. Guarda el grupo

   Haz clic en Save en la esquina superior derecha. El grupo aparece de inmediato en las páginas de producto que coincidan.

Precaución

Los planes FREE y GOLD permiten 1 grupo de etiquetas; los grupos eliminados también cuentan para el límite. Actualiza al plan DIAMOND para tener grupos ilimitados.

Siguientes pasos

• Crear un grupo de insignias (fuera de la imagen del producto): coloca un grupo junto a la información del producto.
• Descripción general de los grupos de insignias: qué hace cada ajuste del editor.
• Segmentar productos: cómo funcionan las condiciones para las etiquetas individuales.