Skip to content

Mensajes multilingües

Después de añadir configuraciones regionales a tu espacio de trabajo, puedes dirigirte a usuarios en diferentes idiomas con un solo push, correo electrónico, banner, mensaje dentro de la aplicación o bloque de contenido.

Requisitos previos

Usar configuraciones regionales

Paso 1: Configura las configuraciones regionales

Antes de poder añadir traducciones a un mensaje, primero debes crear las configuraciones regionales que quieras admitir. Las configuraciones regionales definen las variantes de idioma (y opcionalmente de región) disponibles para la mensajería.

Paso 2: Marca el contenido para traducción

Envuelve el texto que quieras traducir con las etiquetas de traducción de Liquid {% translation your_id_here %} y {% endtranslation %} y asigna un ID de etiqueta. Los ID de las etiquetas de traducción deben ser únicos dentro de un mensaje. Considera usar nombres de ID semánticos que describan claramente el texto, como {% translation header %}.

Aquí tienes un ejemplo de mensaje marcado para traducción: {% translation greeting %}Hello!{% endtranslation %}

Localización de URLs

Al traducir contenido, las URLs requieren un manejo especial para evitar enlaces rotos.

URLs estándar (estáticas)

Las URLs estáticas se introducen manualmente en el editor (por ejemplo, https://example.com). También recomendamos lo siguiente:

Una URL estándar que sigue ambas recomendaciones es:

1
<a href="{% translation id_1 %}{% landing_page_url xyz%}{% endtranslation %}">Click Here</a>

Atributos HTML y estructura

Solo envuelve texto legible por humanos en etiquetas de traducción. Evita envolver atributos HTML (como class, style o id) u otro código estructural. Los atributos HTML controlan el diseño, el estilo y la funcionalidad. Envolverlos en etiquetas de traducción puede romper el formato o los estilos en las versiones localizadas de tu mensaje.

Este texto está correctamente envuelto:

1
2
3
<p class="headline" style="color: red;">
  {% translation id_1 %}Welcome to our sale{% endtranslation %}
</p>
Texto envuelto incorrectamente

Este texto está envuelto incorrectamente:

1
2
3
4
5
{% translation id_1 %}
<p class="headline" style="color: red;">
  Welcome to our sale
</p>
{% endtranslation %}

Paso 3: Añade configuraciones regionales a tu mensaje

Después de añadir etiquetas de traducción a tu mensaje, selecciona Administrar idiomas en el editor (Idiomas en los editores de arrastrar y soltar para correo electrónico y bloques de contenido) y selecciona al menos una configuración regional para la que quieras añadir traducciones.

El desplegable Añadir configuración regional con opciones para seleccionar la configuración regional predeterminada o atributos personalizados.

Bloques de contenido que contienen traducciones

Si tu mensaje contiene bloques de contenido que ya tienen traducciones guardadas, no necesitas volver a cargar esas traducciones. Las traducciones guardadas se aplican automáticamente cuando el bloque de contenido se añade a tu mensaje.

En el modal Administrar idiomas, los bloques de contenido con traducciones guardadas aparecen en la lista, junto con las configuraciones regionales que admiten. Esto te permite ver qué partes de tu mensaje ya están localizadas antes de añadir nuevas traducciones.

La sección Administrar idiomas con una lista de bloques de contenido que tienen traducciones guardadas.

Paso 4: Añade traducciones

Después de seleccionar las configuraciones regionales, añade traducciones a tu mensaje usando uno de los siguientes métodos:

La pestaña Añadir traducciones con opciones para cargar traducciones por CSV o conectándose con socios de traducción.

Selecciona Descargar plantilla para descargar un CSV que contiene una matriz con los ID de traducción y las configuraciones regionales seleccionadas. Introduce las traducciones para cada configuración regional. Carga el archivo completado y las traducciones se aplicarán a tu mensaje.

CSV con etiquetas de traducción para un título, texto de oferta, monto de oferta y CTA.

Usa una API de traducción de un socio para gestionar y actualizar las traducciones en tus campañas y Canvas. Esto es útil si usas un sistema externo para la localización o quieres conectarte directamente con un socio de traducción.

Para usar los puntos de conexión de traducciones con Canvas, incluye los siguientes parámetros:

  • workflow_id
  • step_id
  • message_variation_id

Paso 5: Vista previa de las traducciones

Para obtener una vista previa de tu mensaje, selecciona la opción Usuario multilingüe en el menú desplegable Vista previa como usuario. Esto te permite cambiar entre diferentes definiciones de configuración regional para previsualizar todas las traducciones de tu mensaje.

Vistas previas de configuraciones regionales

Administrar traducciones

Duplicar pasos en Canvas o campañas, y traducciones

Cuando duplicas un paso en Canvas, una campaña o una variante, las traducciones se incluyen. Esto también aplica cuando se copian entre espacios de trabajo, siempre y cuando las configuraciones regionales estén definidas en el espacio de trabajo de destino. Asegúrate de revisar y actualizar las traducciones según corresponda cuando realices modificaciones en tu Canvas o campaña.

Guardar traducciones en bloques de contenido

Los bloques de contenido admiten multilingüe de la misma manera que los mensajes. Al crear o editar bloques de contenido, puedes etiquetar contenido para traducción, añadir configuraciones regionales y cargar traducciones usando un CSV o la API de traducción.

Las traducciones guardadas permanecen asociadas al bloque de contenido. Cuando el bloque se añade a un mensaje, sus traducciones se incluyen automáticamente.

Mensajes de derecha a izquierda

Al rellenar el archivo de traducción para idiomas que se escriben de derecha a izquierda (como el árabe), envuelve la traducción con span para que se formatee correctamente:

1
{% translation your_id_here %}<span dir='rtl'>default text</span>{% endtranslation %}

Seguimiento de enlaces de correo electrónico

En las campañas de correo electrónico, Braze realiza el seguimiento de enlaces añadiendo información de seguimiento (parámetros de consulta) a cada URL. Este comportamiento es compatible tanto con el aliasing de enlaces como con las plantillas de enlaces.

Cuando una URL está envuelta en etiquetas de traducción, es posible que Braze no pueda determinar dónde añadir esta información de seguimiento. Para asegurar que esto funcione correctamente, debes incluir un carácter especial al final de la URL para indicar dónde debe añadirse el seguimiento.

Las URLs usan dos caracteres especiales para controlar cómo funciona esto:

  • ? añade seguimiento a una URL que aún no lo tiene.
  • & añade seguimiento adicional si ya hay un ? presente en la URL. Una URL solo puede contener un ?.

Configuración de idioma y accesibilidad

Para canales basados en HTML (correo electrónico, mensaje dentro de la aplicación, banners, páginas de inicio y tarjetas de contenido), Braze añade un atributo de idioma de accesibilidad (lang) al mensaje renderizado. Este atributo ayuda a las tecnologías de asistencia, como los lectores de pantalla, a interpretar y pronunciar correctamente el texto.

Sin esto, un lector de pantalla asume que el contenido está en el idioma predeterminado que el usuario configuró en su dispositivo durante la configuración inicial. Si el mensaje está en un idioma diferente, es posible que el lector de pantalla no pronuncie todo correctamente.

Configurar el idioma de accesibilidad

Puedes establecer el idioma de accesibilidad en dos niveles:

Nivel de mensaje

En la configuración de tu mensaje, ve a la sección Accesibilidad y selecciona un idioma del menú desplegable o usa Liquid para establecer dinámicamente el idioma de accesibilidad. Esto se aplica a todo el contenido del mensaje.

Nivel de configuración regional

Para mensajes multilingües, establece el idioma de accesibilidad en cada configuración regional en Configuración de localización. Cuando se crean nuevos mensajes, {{accessibility_language}} se selecciona de forma predeterminada en la sección Accesibilidad. Esto mapea el idioma de accesibilidad a tu configuración regional.

Estándares

El idioma de accesibilidad se mapea al atributo HTML lang, un requisito de nivel A de WCAG 2.1 (Criterio de éxito 3.1.1). Para contenido multilingüe, también puedes establecer el idioma en bloques de contenido individuales usando el atributo lang directamente en tu HTML.

Preguntas frecuentes

¿Cuáles son los límites para las etiquetas de traducción?

Al usar etiquetas de traducción, se aplican los siguientes límites:

  • Cada mensaje puede tener hasta 200 etiquetas de traducción.
  • Cada texto predeterminado (el contenido entre etiquetas de traducción) puede tener hasta 2000 caracteres.
  • Las traducciones por configuración regional pueden tener hasta 409 600 bytes (aproximadamente 409,6 KB).

¿Puedo hacer un cambio en la copia traducida de una de mis configuraciones regionales?

Sí. Primero, realiza la edición en el CSV y luego vuelve a cargar el archivo para aplicar el cambio a la copia traducida.

¿Braze proporciona traducciones?

No. Debes proporcionar tus propias traducciones ya sea cargando un CSV o usando la API de traducción.

¿Puedo anidar etiquetas de traducción?

No.

¿Puedo envolver mensajes HTML completos en una etiqueta de traducción?

No. Como buena práctica, solo debes envolver texto legible por humanos o contenido que necesite ser localizado. Esto ayuda a evitar que se rompan el formato, los enlaces u otros elementos que no son texto.

Además, considera envolver piezas de texto más pequeñas y semánticamente relacionadas para crear traducciones precisas y evitar limitaciones de rendimiento o tamaño.

¿Puedo hacer un cambio en la copia traducida de una de mis configuraciones regionales?

Sí. Si usas un CSV, primero realiza la edición en el archivo y luego vuelve a cargarlo para aplicar el cambio a la copia traducida. Si usas la API de traducción, usa los puntos de conexión de actualización para realizar cambios.

¿Qué validaciones o comprobaciones adicionales realiza Braze?

New Stuff!