Documentación · Visualización

Configurar el mensaje de éxito que aparece al alcanzar todos los niveles del carrito

La línea de mensaje muestra el texto del siguiente nivel y, cuando se alcanzan todos, un mensaje de éxito que lista lo que el cliente ha desbloqueado.

· Versión MarkdownEN · FR · ES · DE

Cómo funciona la línea de mensaje

La barra tiene una línea de mensaje, encima o debajo. Mientras quede un nivel por alcanzar, muestra el texto de ese nivel, por ejemplo «Solo te faltan 12 € para el envío gratis» (ese texto se escribe en la tarjeta del nivel, consulta añadir un nivel). Cuando se alcanzan todos los niveles de la barra, la línea pasa al mensaje de éxito.

El mensaje de éxito pertenece a un diseño. Abre Diseño, elige el diseño y luego la pestaña Mensaje de éxito. Cada diseño puede tener su propio mensaje.

Escribir el mensaje

En la tarjeta Mensaje de éxito por defecto, escribe tu texto en Mensaje por defecto, por ejemplo «🎉 ¡Enhorabuena! Has desbloqueado {goals}.»

  • {goals} se sustituye por los nombres de los niveles desbloqueados, por ejemplo «el envío gratis, una tote bag de regalo y un 10 % de descuento».
  • Palabra de enlace por defecto es la palabra que va antes del último nombre («and» por defecto): pon «y» para un mensaje en español.
  • Si se alcanzan varios niveles de descuento, solo se cita el último de cada tipo (porcentaje o importe), porque sustituye a los anteriores.
  • El editor admite negrita, cursiva, colores y saltos de línea.

Dos botones de vista previa te ayudan a comprobarlo: Mostrar mensaje del primer objetivo muestra la barra con el carrito vacío y Mostrar mensaje de felicitación la muestra con todos los niveles alcanzados.

Mostrar u ocultar el mensaje

Hay dos casillas distintas:

  • Mostrar mensaje de éxito, arriba de la pestaña, muestra u oculta toda la línea de mensaje: los textos de los niveles y el mensaje final.
  • Mostrar el mensaje de éxito, dentro de la tarjeta Mensaje de éxito por defecto, solo oculta el mensaje final. Los textos de los niveles siguen apareciendo mientras quede alguno por alcanzar.

Posición y estilo

  • Posición: Antes de la barra o Después de la barra.
  • Alineación del texto: Inicio, Centro o Final.
  • Tamaño de fuente, Altura de línea, Color del texto de cabecera, Margen superior y Margen inferior.
  • Mostrar siempre los decimales: si la marcas, el importe restante en los textos de los niveles conserva los decimales aunque sea redondo («Quedan 5,00 €» en vez de «Quedan 5 €»).

Ocultar la barra cuando se alcanzan todos los niveles

En Todos los objetivos alcanzados, marca Ocultar la barra de progreso cuando se alcancen todos los objetivos para mostrar solo el mensaje de éxito en ese momento. La barra vuelve si el carrito baja de un nivel. Si el mensaje de éxito está vacío, la barra sigue visible para no dejar nunca un bloque vacío.

Traducir el mensaje

La tarjeta Traducción del mensaje de éxito enlaza con la app de Shopify Translate & Adapt, donde el mensaje se traduce a cada idioma de la tienda. Para los demás textos de la barra, consulta traducciones.

En el checkout

El bloque del checkout tiene su propia casilla, Mostrar mensaje final de éxito, con su propia alineación, en la página Checkout. Consulta checkout.

¿Falta algo? Escribe a [email protected], 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