Configura la barra, paso a paso.
Todo lo que un comerciante hace en Yaco Progress Bar, en el orden en que ocurre: instalar, activar el app embed, añadir niveles, elegir cómo se añade el regalo, segmentar, adaptar a los mercados, guardar.
Instalar la app
- Instala Yaco Progress Bar desde la Shopify App Store.
- Abre la app: la página de inicio muestra una guía de configuración en cuatro pasos.
- Síguela en orden: configurar niveles y diseño, activar en Shopify, integrar en el tema principal, publicar la app.
Activar el app embed en tu tema
La barra es un app embed: hay que activarlo una vez en el editor de temas.
- En el admin de Shopify, abre Tienda online › Personalizar.
- Haz clic en Integraciones de apps en la barra lateral izquierda.
- Activa Yaco Progress Bar y guarda.
Añadir un nivel
Un nivel es aquello hacia lo que cuenta la barra: envío gratis, un producto de regalo, un porcentaje o un importe de descuento.
- Abre Goals & Descuentos, pestaña Goals, y luego Añadir un goal.
- Elige el tipo: producto gratis, porcentaje o importe de descuento. Un nivel de texto (envío gratis) no necesita descuento.
- Rellena el nombre que se muestra en la barra, la plantilla de texto (por ejemplo {amount} para {name}) y el umbral: un importe, un peso o una cantidad según la barra.
- Guardar y publicar arriba de la página.
Configurar un regalo
El regalo es un producto real de tu catálogo, añadido al carrito a cero cuando se alcanza el nivel.
- En la tarjeta del nivel, elige el producto y las variantes entre las que el cliente puede escoger.
- Elige cómo se añade: automáticamente con un selector, con un botón, o como lista dentro de la barra.
- Decide qué pasa cuando el carrito baja del nivel: el regalo se retira, en el siguiente nivel o a un importe dado.
Configurar un nivel de descuento
La app crea el descuento en Shopify y se aplica automáticamente en el checkout.
- Elige Porcentaje o Importe y el valor.
- Elige a qué se aplica el descuento: al pedido completo o a los productos.
- Comprueba cómo se combina con tus códigos de descuento, en la misma tarjeta.
Barras
Una barra es aquello sobre lo que se miden los niveles. Una tienda puede tener varias.
- Abre la pestaña Barras para añadir una.
- Elige la medida: importe del carrito, peso, cantidad, o el historial del cliente — gasto acumulado o número de pedidos — para niveles VIP.
- Restríngela a colecciones si solo debe contar parte del catálogo, y excluye las tarjetas regalo.
Diseño
Las pestañas de diseño dan forma a la barra sin código.
- Estilo de barra: colores, altura, radio.
- Marcador, Precio, Importe, Imágenes: lo que muestra cada nivel.
- Wrapper: márgenes y ubicaciones en el carrito lateral, arriba o abajo.
- CSS personalizado para lo demás; presets de diseño para empezar.
Mensaje de éxito y selector de regalo
- El mensaje de éxito sustituye a la cuenta atrás cuando se alcanza el nivel; puede ocultarse nivel por nivel.
- El selector de regalo se abre cuando el regalo tiene varias variantes; las agotadas se omiten durante la sesión.
- Sus colores y textos se configuran una vez, en el app embed.
Segmentación
Cada nivel puede mostrarse solo a algunos clientes.
- Tipo de cliente (B2B, B2C), con sesión o invitado, etiquetas de cliente, segmentos de clientes.
- Países, y fuente de tráfico por parámetros de campaña.
- Condiciones del carrito: colección, producto, tipo de compra, atributos del carrito.
- Fechas activas, para un nivel estacional.
Mercados
Un nivel puede llevar un umbral distinto por mercado, país o región.
- Bajo la frase del nivel, añade una excepción para un mercado o uno de sus países.
- Dale su propio umbral, o desactiva el nivel en ese mercado.
- Un país hereda de su mercado hasta que define su propio valor; la vista previa cambia a ese mercado mientras editas.
Guardar y publicar
- Cada cambio es un borrador hasta Guardar y publicar.
- Guardar crea o actualiza los descuentos de Shopify que necesitan los niveles.
- Puedes hacer una copia de seguridad de la configuración antes de un cambio grande, y restaurarla.
¿Falta algo? Escribe a [email protected], o pruébalo antes en la demo.