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 y coloca la barra en tu tema. El plan gratuito se activa solo.
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 tres pasos, más un cuarto opcional. Síguelos en orden.
| Paso | Para qué sirve | Botón |
|---|---|---|
| 1. Configura tus niveles y descuentos | Abrir la lista de niveles para revisarlos o editarlos: el paso se marca en cuanto la abres | 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. Elegir un plan (opcional) | Ver en qué punto está tu prueba gratuita, o elegir un plan de pago | Ver los planes |
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 niveles desde tu tienda:. Haz clic en Ver los niveles para abrir la lista y revisarlos.
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 para configurar una. Para crear otras recompensas, consulta añadir 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.
- En la guía, haz clic en Activar la integración de la app. El editor de temas se abre en los app embeds.
- Activa Yaco Progress Bar.
- 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.
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.
Revisa el estado de las integraciones
Debajo de la guía de configuración (justo debajo del mensaje de bienvenida cuando la guía está cerrada), la tarjeta Estado de las integraciones se queda en la página Inicio. La tarjeta tiene una fila por superficie, Tienda online (tu tema publicado) y luego Checkout, y una columna por función, Barra de progreso y Recomendaciones. Bajo Tienda online, la insignia Integración de aplicación indica si la integración de aplicación (app embed) está activada:
- Tienda online: en la línea Bloque de aplicación, los bloques que colocas tú en el editor de temas, con el número de lugares donde está cada uno, por ejemplo 2 activos. En la línea Yaco ubicaciones, las integraciones que la app añade a tu tema, gestionadas desde la pestaña Ubicaciones de Integración con el tema, por ejemplo 2 integraciones. Pasa el ratón por una insignia para ver la lista de integraciones, incluido el carrito lateral automático; haz clic en ella para abrir la pestaña Ubicaciones.
- Checkout: una sola línea, los bloques que colocas en el editor de checkout, por ejemplo 1 activo.
Una insignia verde indica que está hecho. Integración de aplicación desactivada aparece en amarillo y sin colocar bajo Barra de progreso en la línea Yaco ubicaciones en naranja: falta un paso. Una insignia gris (sin colocar) no es un error: la barra puede mostrarse gracias al app embed y a las Yaco ubicaciones, sin ningún bloque de app, y las recomendaciones son opcionales. Haz clic en la insignia Integración de aplicación para abrir el editor de temas en la integración de aplicación. Haz clic en otra insignia para abrir la página que la gestiona: la pestaña Métodos alternativos de Integración con el tema para la línea Bloque de aplicación, su pestaña Ubicaciones para la línea Yaco ubicaciones, Checkout para la barra en el checkout, Recomendaciones para las recomendaciones en el checkout.
Elige un plan (opcional)
El plan gratuito se activa solo al instalar la app: la barra se muestra en tu tienda en cuanto el app embed está activado y la barra está colocada. La guía muestra 3 de 3 tareas completadas sin este cuarto paso, que lleva la etiqueta Opcional.
El paso indica en qué punto está tu prueba de 14 días con todos tus niveles: empieza la primera vez que tu barra se muestra en tu tienda, y luego el paso cuenta los días que quedan. Tras la prueba, el plan gratuito mantiene 1 nivel activo. Haz clic en Ver los planes para compararlos. Consulta suscripción.
Si el paso muestra Necesario para mostrar tu barra, tu tienda aún no tiene plan, algo que puede pasar en una instalación antigua: haz clic en Ver los planes y luego en Activar en la tarjeta Gratis.
Una vez colocada la barra, 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.
¿Falta algo? Escribe a support@yaco.studio, o pruébalo antes en la demo.