Documentación · Niveles y barras

Cómo añadir un nivel a la barra de progreso de Shopify

Un nivel es la recompensa hacia la que avanza la barra: envío gratis, regalo, descuento en % o en importe. Añádelo, fija su umbral y guarda.

· Versión MarkdownEN · FR · ES · DE

Añade el nivel

  1. En la app, abre Niveles y descuentos, pestaña Niveles.
  2. Haz clic en Añadir un nivel. El nuevo nivel se crea y se abre al momento.
  3. Elige su tipo (ver abajo), completa sus textos y su umbral.
  4. Haz clic en Guardar en la barra de guardado de la parte superior.

Si tu tienda tiene varias barras, elige una con Filtrar por barra antes de hacer clic en Añadir un nivel: el nuevo nivel se crea en esa barra. También puedes añadir un nivel desde el formulario de una barra, en la pestaña Barras.

Desde el admin de Shopify, Descuentos › Crear descuento también muestra los descuentos de Yaco. Elegir uno abre la app en un nivel nuevo.

Elige el tipo de nivel

Tipo Qué recibe el cliente Descuento creado
Nivel de texto Un mensaje al alcanzar el nivel Ninguno
Producto gratis Un producto añadido al carrito, gratis o a precio reducido Sí
Porcentaje de descuento Un porcentaje de descuento en el carrito Sí
Importe de descuento Un importe fijo descontado del carrito Sí
Compra X, llévate Y Una recompensa por lote: compra 3 y llévate el 4.º gratis, a precio fijo o con descuento Sí
Envío gratis El envío gratis en el checkout al alcanzar el nivel Sí, un descuento de envío

Para los tipos producto gratis, porcentaje de descuento, importe de descuento y envío gratis, eliges entre dos modos (un nivel Compra X, llévate Y siempre usa el primero):

  • Nivel + descuento automático: la app crea y actualiza el descuento de Shopify por ti al guardar.
  • Solo nivel: la barra anuncia la recompensa y tú configuras el descuento automático correspondiente en Descuentos de Shopify (un descuento «Compra X y llévate Y» para un producto gratis). En un nivel Envío gratis, la barra sigue tu tarifa de envío gratis o tu descuento de envío, y su umbral se actualiza solo.

El modo Nivel + descuento automático desbloquea ajustes que los descuentos nativos de Shopify no ofrecen. Pasa el cursor sobre la insignia Más funciones para verlos en el admin:

  • un descuento distinto para cada producto de regalo, o un precio final fijo (regalo);
  • un título de descuento traducido en el checkout (traducciones);
  • un umbral distinto por mercado, e incluso por país, en un solo descuento (mercados);
  • un umbral según el peso del carrito (barras);
  • una segmentación por fuente de tráfico (UTM), por atributos del carrito o reservada a clientes no conectados (segmentación).

Solo nivel sigue siendo útil cuando otra app de descuentos no se combina con el descuento de Yaco: es lo que indica la insignia Mayor compatibilidad entre apps.

Un nivel importado de uno de tus descuentos automáticos llama a los dos modos Usar mi descuento de Shopify y Dejar que Yaco gestione el descuento. Pasar a Yaco propone desactivar tu descuento, para que la ventaja no se otorgue dos veces: consulta instalar.

Cada tipo tiene su página: envío gratis, regalo, nivel de descuento, Compra X, llévate Y.

Fija el umbral

El nivel se lee como una frase: Este nivel se desbloquea cuando el importe del carrito para todos los productos alcanza tu umbral. Haz clic en una parte para cambiarla, y otra vez para cerrarla.

  • La medida viene de la barra a la que pertenece el nivel: importe del carrito, peso del carrito, número de artículos, gasto total del cliente o número de pedidos ya realizados. Elige otra barra en Barras de la tienda, o Crear una barra. Consulta barras.
  • El umbral es la última parte: un importe, un peso o una cantidad, según la medida. Pasar el nivel a una barra con otra medida conserva su número (20 € pasa a 20 artículos): ajústalo si hace falta.
  • En los niveles de descuento en porcentaje o importe, Cálculo del descuento indica si el umbral cuenta los precios Antes de todos los descuentos o Después del descuento de producto (por defecto).
  • En un nivel Envío gratis en modo Nivel + descuento automático, Cálculo del descuento también ofrece Después del descuento de carrito, la opción por defecto: el umbral se comprueba después de todos los descuentos, como hace Shopify con el envío gratis. Consulta envío gratis.

Para usar un umbral distinto por país o mercado, consulta mercados.

Escribe los textos

  • Nombre del nivel: la recompensa tal como la lee el cliente, por ejemplo «Envío gratis».
  • Plantilla de texto del nivel: la frase de progreso, por ejemplo Faltan {amount} para {name}. La app rellena el importe restante y el nombre del nivel.

Los dos textos se traducen desde su propio campo. El mensaje que aparece al alcanzar el nivel se configura en la pestaña Mensaje de éxito: consulta mensaje de éxito.

Cambia la etiqueta del umbral

La etiqueta del umbral es el texto que la barra muestra debajo o encima del nivel, por ejemplo «35 €» o «2 láminas». Para escribir la tuya, rellena Etiqueta del umbral entre los textos del nivel. Si lo dejas vacío, la barra mantiene el texto automático. El campo muestra entonces en gris cómo se construye ese texto: {amount}, o {number} seguido de la etiqueta de cantidad de la barra, por ejemplo {number} láminas. Parte de ahí para escribir la tuya.

Hay dos variables:

  • {amount}: el texto automático, con su moneda o su unidad, adaptado al mercado y a la moneda del cliente: «35 €», «2 láminas».
  • {number}: el valor solo: «35», «3». {quantity}, la variable de las etiquetas de cantidad de la barra, también funciona y aquí da el número solo, a diferencia del texto de progreso, donde muestra «3 artículos más».

Por ejemplo, Desde {amount} muestra «Desde 35 €» y {number}+ láminas muestra «3+ láminas». La etiqueta es texto enriquecido, está disponible en todos los planes y se traduce desde su propio icono de traducción, como el nombre del nivel (consulta traducciones).

La etiqueta sustituye al umbral en todos los sitios donde aparece:

  • en la barra de tu tienda;
  • en el checkout, donde solo se conserva la negrita: el resto del formato se elimina;
  • en el texto que leen los lectores de pantalla y en el resumen de tus ofertas para los asistentes de IA, como texto sin formato.

Solo se muestra si el diseño muestra el umbral: página Diseño, pestaña Umbral, marca Mostrar el umbral del nivel. En el checkout, Mostrar umbrales también debe estar activado (consulta checkout).

No la confundas con las Etiquetas de cantidad de una barra: definen cómo escribe sus números una barra por cantidad, por ejemplo «3 artículos», para todos sus niveles (consulta barras). La etiqueta del umbral reescribe el texto de un solo nivel, y {amount} ya incluye la etiqueta de cantidad.

Mi etiqueta del umbral no cambia

  • Mostrar el umbral del nivel está desmarcado en el diseño que se muestra en esa página: el umbral no se muestra en absoluto.
  • El CSS personalizado del diseño oculta o sustituye el umbral, por ejemplo una regla .cupb__price que usa content:. Quita esa regla en Contenedor, campo CSS personalizado de la barra de progreso.
  • El cliente navega en otro idioma o mercado: allí prevalece una traducción de la etiqueta. Abre el contador de traducciones al final de la etiqueta del campo para comprobarla.

Pausa un nivel

El botón de la esquina superior derecha de la tarjeta del nivel lo apaga (Desactivar este nivel) o lo vuelve a encender (Activar este nivel). Un nivel desactivado desaparece de tu tienda y su descuento de Shopify deja de aplicarse, pero conserva todos sus ajustes. Es útil para pausar una oferta durante una promoción. Para limitar un nivel a ciertas fechas o clientes, consulta segmentación.

Cuántos niveles se muestran

Tu plan fija cuántos niveles se muestran en tu tienda. Con el plan gratuito, todos tus niveles se muestran durante la prueba de 14 días y después solo el primer nivel activo. Con el plan Starter, todos tus niveles se muestran mientras tu tienda siga por debajo del límite de pedidos de Starter; si lo supera al principio de su periodo de 30 días y sigue por encima catorce días después, solo se muestra el primer nivel activo, hasta que empiece el periodo siguiente. Los niveles activos de más se guardan pero no se muestran, y un aviso encima de la lista te lo indica. Consulta suscripción y la página de precios.

¿Falta algo? Escribe a support@yaco.studio, o pruébalo antes en la demo.

Sigue leyendo

¿Listo para probarla en tu tienda?

Instala Yaco Progress Bar, fija tu primer nivel, y la barra aparece en tu carrito en minutos. Sin desarrollador, sin pop-ups.

Prueba gratisPrueba gratuita de 14 días · plan gratuito para siempre