Carrito multilingüe y proceso de pago en Tilda

En este artículo: qué sucede con el carrito y el proceso de pago al traducir un sitio web en Tilda, por qué es más complejo que traducir páginas normales y cómo resolver el problema correctamente.
El carrito es el elemento más importante de una tienda online. El usuario ha seleccionado un producto, lo ha añadido al carrito, ha empezado a tramitar el pedido y, de repente, ve texto en ruso. Para un comprador alemán, esto es una señal de que la tienda "no es para él".

¿Por qué el carrito no se traduce con los métodos estándar?

El carrito en Tilda es un componente dinámico. Su contenido: los botones "Añadir al carrito", "Tramitar pedido", los campos de dirección, los mensajes de error, la confirmación del pedido, todo esto es generado por JavaScript en el navegador.
El HTML estático que ve un traductor proxy normal no contiene el texto del carrito. Aparece más tarde, cuando el usuario interactúa con la página.
Resultado: el sitio web está traducido, pero el carrito no.

Qué hay que traducir exactamente

Todo el recorrido del usuario desde el catálogo hasta la confirmación. En el catálogo: botón "Añadir al carrito", contador, mini-carrito. En la página del carrito: nombres de los productos, importe total, botón "Tramitar pedido". Durante el proceso de pago: campos del formulario, textos de marcador de posición, opciones de envío y pago, mensajes de error. Después del proceso de pago: pantalla de confirmación y correo electrónico.
El punto más delicado son los mensajes de error. "Introduzca un correo electrónico válido" en ruso en una tienda alemana no solo es poco estético, sino que es una señal de que la tienda no está terminada.

¿Cómo resolverlo?

Renderizado del lado del servidor. Un proxy que ejecuta JavaScript antes de entregar la página al usuario, recibe la página con el carrito ya cargado y traduce todo el texto, incluyendo el contenido dinámico.
Personalización a través de la API de Tilda. Para algunos textos del carrito, Tilda ofrece la opción de sobrescribirlos a través de la configuración de la tienda, pero esta es una opción limitada.
Manualmente a través de reemplazo JS. Un script que, después de cargar la página, encuentra los elementos del carrito y reemplaza el texto. Funciona, pero es inestable: con las actualizaciones de Tilda, la estructura puede cambiar.

Moneda en el carrito

Una tarea aparte es mostrar la moneda correcta en el carrito para cada versión de idioma. Un usuario alemán quiere ver el precio en euros, no en rublos.

Qué verificar antes del lanzamiento

Prueba antes de lanzar una tienda multilingüe:
1. Añadir un producto al carrito en cada versión de idioma: ¿están todas las etiquetas en el idioma correcto? 2. Ir a la caja: ¿campos de formulario, marcadores de posición, botones? 3. Introducir intencionadamente datos incorrectos: ¿mensajes de error? 4. Realizar un pedido de prueba: ¿confirmación en pantalla y por correo electrónico?

¿Necesitas un carrito de compras de Tilda completamente traducido?

Multify traduce el carrito, el proceso de pago y todos los formularios, incluido el contenido dinámico. Compruébalo en la demo de tu tienda.

Preguntas frecuentes

¿Por qué el carrito en Tilda permanece en ruso después de conectar el traductor?
El carrito se ensambla mediante scripts en el navegador después de que la página se haya cargado. La mayoría de los traductores procesan el HTML que el servidor ha entregado, y el contenido del carrito aún no existe en ese momento.
¿Cómo probar la traducción del carrito antes de lanzar la tienda?
Agregue un producto al carrito en la versión de idioma de prueba y siga todo el proceso hasta la confirmación del pedido. Verifique los botones, los mensajes de error al ingresar datos incorrectos y la pantalla de pedido exitoso.
¿Es posible mostrar diferentes precios para diferentes países sin realizar cambios en Tilda?
Sí, a través de un proxy con conversión de divisas: los precios se recalculan en el servidor antes de que la página llegue al navegador, y el motor de búsqueda indexa el precio correcto en la divisa deseada. Un análisis detallado en el artículo sobre la tienda multidivisa y el SEO.
¿Qué hacer con la confirmación de pedido por correo electrónico en diferentes idiomas?
El correo electrónico se envía a través de Tilda y solo puede estar en un idioma. Para la localización de notificaciones, un servicio de correo externo con plantillas en cada idioma sería adecuado.

Conectaremos Multify a su sitio web

Las respuestas a sus preguntas nos ayudarán a entender cómo conectar mejor su sitio web

Tipo de sitio web
Número de páginas
Tráfico mensual del sitio web
Método de contacto preferido *