# Cómo instalar Yaco Progress Bar en una tienda Shopify

> Instala la app, revisa los niveles que crea a partir de tus ofertas, activa el app embed, coloca la barra en tu tema y publícala con una suscripción.

Actualizado el 2026-09-25 · https://www.yaco.studio/es/docs/instalar

## Instala la app y sigue la guía de configuración

Instala Yaco Progress Bar desde la Shopify App Store y ábrela: la página **Inicio** muestra una **Guía de configuración** en cuatro pasos. Síguelos en orden.

| Paso | Para qué sirve | Botón |
|---|---|---|
| 1. **Configura tus objetivos y descuentos** | Revisar o editar los niveles de la barra | **Ir a la configuración** |
| 2. **Activar en Shopify** | Activar el app embed en tu tema | **Activar la integración de la app** o **Ir a la integración con el tema** |
| 3. **Integrar en el tema principal** | Elegir dónde aparece la barra (carrito lateral, página de carrito, página de producto) | **Colocar la barra de progreso** |
| 4. **Publicar la aplicación** | Elegir una suscripción para publicar la barra ante tus clientes | **Ir a la suscripción** |

Tras una primera instalación, se envía un email de bienvenida a la dirección de email de tu tienda. Resume los niveles encontrados y los pasos que faltan.

## Revisa los niveles creados para ti

Al instalarla, la app mira las ofertas que ya tienes en tu tienda: envío gratis y descuentos automáticos con un importe mínimo. Las convierte en niveles, para que la barra anuncie lo que tu checkout ya concede. El primer paso de la guía los lista bajo **Hemos preconfigurado estos objetivos desde tu tienda:**.

Si no encuentra ninguna oferta, la barra empieza con un nivel de ejemplo de envío gratis. Este ejemplo no cambia tus tarifas de envío de Shopify: sustitúyelo por tu oferta real, o lee [barra de envío gratis](https://www.yaco.studio/es/docs/envio-gratis) para configurar una. Para crear otras recompensas, consulta [añadir un nivel](https://www.yaco.studio/es/docs/anadir-un-nivel).

## Activa el app embed

La barra se carga mediante un app embed. Se activa una vez por tema, en el editor de temas de Shopify.

1. En la guía, haz clic en **Activar la integración de la app**. El editor de temas se abre en los app embeds.
2. Activa **Yaco Progress Bar**.
3. Haz clic en **Guardar** arriba a la derecha del editor de temas.

También puedes hacerlo a mano: en el admin de Shopify, abre **Tienda online › Temas › Personalizar**, haz clic en el icono de **Incrustaciones de aplicaciones** en la barra lateral izquierda, activa **Yaco Progress Bar** y guarda.

## Coloca la barra en tu tema

El app embed carga la barra, pero eres tú quien elige dónde se muestra. Haz clic en **Colocar la barra de progreso**: el editor de temas se abre con el menú de Yaco, y haces clic en el punto de la página donde debe aparecer la barra, por ejemplo en el carrito lateral (cart drawer). El método completo y las alternativas (bloque de app en la página de producto o de carrito, una línea de código para desarrolladores) están en [ubicación en el tema](https://www.yaco.studio/es/docs/ubicacion-tema).

Si tu tema es difícil de integrar, la página **Integración con el tema** tiene un botón **Contáctanos** para pedir al equipo de Yaco una integración personalizada gratuita.

## Publica la barra

Mientras no haya una suscripción activa, la barra solo se ve en el editor de temas o en tiendas de desarrollo. Durante ese tiempo, el cuarto paso muestra la etiqueta **Activa solo en el Theme editor**. Haz clic en **Ir a la suscripción** y elige una oferta para mostrar la barra a tus clientes en tu tema publicado. Las ofertas y los precios están en la [página de precios](https://www.yaco.studio/es/precios).

Una vez publicada, abre tu tienda en una ventana privada, añade un producto al carrito y comprueba que la barra aparece y avanza. Si no, consulta [la barra no aparece](https://www.yaco.studio/es/docs/barra-no-aparece).