Cómo Marcar Productos como Agotados con GemPages en Shopify

Agotado vs. Sin Stock: ¿Cuál es la Diferencia?

Antes de explicar cómo mostrar una etiqueta de "Agotado" utilizando GemPages, aclaremos los conceptos básicos:

• Agotado normalmente significa que un producto estaba disponible pero ahora ha sido completamente adquirido.
• Sin Stock podría implicar que el producto nunca estuvo en stock o no ha sido reabastecido.

Ambos estados afectan la percepción del cliente y las conversiones, por lo que mostrar esto correctamente es importante.

¿Cuándo debo marcar un producto como agotado o fuera de stock?

• La cantidad de inventario es 0 y no planea venderlo temporalmente.
• Quiere que los clientes comprendan claramente que el producto no está disponible.
• Planea reabastecerse y desea mantener la página del producto activa para SEO y futuras ventas.

• Preserve las clasificaciones de los motores de búsqueda para la página del producto.
• Genere prueba social y urgencia mostrando demanda.

Cómo Marcar un Producto como Agotado en Shopify

Para marcar un producto como “Agotado” en Shopify, siga estos pasos:

Paso 1: Vaya al Administración de Shopify, navegue a ProductosSeleccione el producto que desea actualizar.

Paso 2: En la sección Inventario Sección, establezca la cantidad de inventario en 0 para cada variante.

Paso 3: Desmarcar la caja etiquetada “Continuar vendiendo cuando esté agotado.” Esto asegura que el producto se muestre como no disponible en su tienda.

Cómo Mostrar la Etiqueta "Agotado" con GemPages

Asegúrese de que el producto esté asignado a una plantilla específica de GemPages.
Si no está seguro de cómo asignar un producto a una plantilla, consulte la documentación correspondiente.

• Cómo crear una página de producto en GemPages
• Cómo asignar productos a una plantilla

Aquí hay dos opciones claras, paso a paso, para mostrar una insignia de “Agotado” Usando GemPages en Shopify:

Opción 1: Usar el Elemento Etiqueta de Producto (Recomendado para productos de una sola variante o simples)

Ideal si desea mostrar una etiqueta Agotado en productos sin variantes o aplicarla a todo el producto.

Paso 1: En el panel de GemPages, abra la página que incluye el producto que desea actualizar.

Paso 2: En el campo panel izquierdo, arrastre y suelte el elemento Insignia de Producto de Hero en el bloque de producto (idealmente encima de la imagen del producto).

Paso 3:  Configure la condición de agotado

• Haga clic en el botón Insignia de Producto de Hero .
• En el panel izquierdo, vaya a Condiciones de Visualización y establezca la condición en Inventario de Productos = Agotado.

Paso 4: Ingrese el texto que quieres en la insignia, como "Agotado". Personalice el color, la fuente y la posición de la etiqueta para que coincida con su tema.

Paso 5: Haga clic en Guardar, luego Publicar.

Una vez publicados, todos los productos con inventario cero mostrarán automáticamente la insignia “Agotado”.

Opción 2: Utilizar el elemento Variante de producto y Muestras

Perfecto para productos con múltiples variantes (como color o talla). Esta insignia aparece en cada opción agotada.

Paso 1: Agregue el elemento Variantes y Muestras

• En el editor de páginas, busque el Variante del producto y muestras de Hero y arrástrelo hacia el Módulo de Producto.
• Este elemento muestra botones de muestra como tamaño o colores.

Paso 2: Personalice estilos y visualización:

• Ajuste el diseño, las etiquetas, las opciones preseleccionadas y la apariencia de las muestras.
• Para profundizar más, consulte la guía: [Variantes de producto y elemento de muestras]]

Paso 3: En la sección Configuraciones de Variantes, establezca el Estilo agotado a Tachar. Esto mostrará automáticamente las opciones agotadas con una línea atravesándolas, dejando claro que no están disponibles.

Paso 4: Guardar y Publicar.

¿Cómo Ocultar Productos Agotados de la Sección "Productos Recomendados"?

En tales casos, los productos agotados pueden seguir apareciendo en la parte inferior de su Página de Detalles del Producto.  

Si está utilizando el elemento Lista de productos para mostrar los “Productos recomendados” (también conocidos como “A la gente también le gustó”, “Los clientes también compraron”, etc.) manualmente, puede sustituir los productos agotados por otros. 

• Haga clic en el elemento Lista de productos para abrir su configuración.
• En la sección Configuración pestaña, haga clic en el producto que se muestra debajo Fuente del producto.
• Haga clic en el botón lápiz para editar sus productos seleccionados > Seleccionar productos.

• Marque la casilla junto al objetivo que desea mostrar en la sección recomendada. Una vez hecho esto, presione el botón Guardar .

Si desea configurar esta sección como mostrar automáticamente productos relacionados que estén en la misma colección que el producto asignado:  

• En este caso, necesitará considerar remover el producto agotado de la colección en Shopify.

• Luego, regrese al Editor de GemPages y seleccione el opción Relacionado: en el panel de configuración.
• En la sección Estado del producto box: Elija el Misma colección como condición para los productos relacionados del menú desplegable.

Posteriormente todos los productos de una misma colección se mostrarán en esta sección de forma automática.

Preguntas frecuentes

1. ¿Por qué mis productos aparecen como “Agotados” aunque recién los agregué?

Hay algunas razones comunes:

• La cantidad de inventario del producto se establece en 0.
  El evento "Seguir Cantidad La opción " no está habilitada.
• El producto es no disponible en la tienda online .

Asegúrese de verificar todas estas configuraciones en los detalles del producto de Shopify.

2. ¿Puedo ocultar productos agotados de mi tienda?

Sí, pero esto requiere un paso adicional:

• En Shopify, puedes no publicado el producto del canal de venta de la Tienda Online una vez que se encuentre agotado.
• Alternativamente, utilice un código personalizado o una aplicación de terceros para Ocultar automáticamente los productos agotados.

3. ¿Cuál es el beneficio de mostrar una insignia de “Agotado” en lugar de ocultar el producto?

Mostrar una insignia de "Agotado" ayuda a:

• Generar urgencia y FOMO (miedo a perderse algo)
• Mostrar la popularidad del producto
• Anime a los clientes a registrarse para recibir alertas de reabastecimiento

También mantiene intacto el valor SEO ya que la página del producto permanece indexada.

4. ¿Cómo puedo eliminar artículos agotados de la sección “También te puede interesar” o de recomendaciones de productos?

En este caso, deberás eliminar manualmente el producto agotado de la colección de Shopify asignada que impulsa la lista de recomendaciones.

Puedes actualizar la colección directamente en tu administrador de Shopify en Productos > Colecciones.