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

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. Cuando el diseño apila las barras (consulta diseño), cada barra tiene su propia línea de mensaje.

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. La misma pestaña está también en la página Niveles y descuentos.

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. Cuando el texto tiene formato, los botones de goma (Borrar formato) y </> (Editar HTML) se vuelven negros para recordarlo.

Dos botones de vista previa te ayudan a comprobarlo: Mostrar mensaje del primer nivel 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 €»).
• Redondear los importes a la unidad: si la marcas, todos los importes de la barra pierden los céntimos y Mostrar siempre los decimales aparece en gris. Los umbrales y el importe restante se redondean hacia arriba, el total del carrito y los descuentos hacia abajo; los niveles se desbloquean siempre en su umbral exacto, y los asistentes de IA y los lectores de pantalla leen los importes exactos. Consulta diseño.

Ocultar la barra cuando se alcanzan todos los niveles

En Todos los niveles alcanzados, marca Ocultar la barra de progreso cuando se alcancen todos los niveles 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.

Dar a cada barra su propio mensaje de éxito

Con barras apiladas, una línea pasa a un mensaje de éxito en cuanto se alcanzan todos los niveles de su barra, mientras las demás barras siguen contando. Por defecto es el mensaje de éxito del diseño, donde {goals} solo enumera los niveles de esa barra.

Para escribir el mensaje de una barra, abre Niveles y descuentos, pestaña Barras, abre la barra y rellena Mensaje de éxito de la barra en la tarjeta Mensaje de éxito, por ejemplo «¡Envío gratis desbloqueado!». Tradúcelo desde el icono al final del campo. Si lo dejas vacío, se muestra el mensaje del diseño. Las barras encadenadas en una misma línea muestran el mensaje de la última barra de la línea. Lado a lado, este mensaje no se usa: el mensaje del diseño aparece cuando se alcanzan todos los niveles de todas las barras.

Traducir el mensaje

El mensaje y la Palabra de enlace por defecto se traducen desde sus propios campos: haz clic en el icono de traducción al final del campo y luego en Traducir para todos los mercados o Adaptar un mercado. Cada diseño guarda sus propias traducciones. El diseño creado al instalar la app ya tiene el mensaje en tu idioma principal, traducido a los demás idiomas de tu tienda. Un diseño que conserva el mensaje en inglés por defecto, sin cambios ni traducciones, lo muestra en el idioma del cliente, en la tienda y en el checkout. En cuanto editas el texto, se muestra tal como lo escribiste: tradúcelo tú mismo. Si tu tienda tiene varios diseños, el título de la tarjeta Mensaje de éxito por defecto muestra el nombre del diseño que estás editando.

Elige un idioma en el selector Idioma de la vista previa para comprobar el mensaje traducido. Un mensaje traducido antes en la app de Shopify Translate & Adapt se copió en tus diseños: no tienes nada que rehacer. 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. En el checkout, el mensaje sigue el idioma del cliente, con las mismas traducciones que en la tienda. Consulta checkout.