Мультиязычная корзина и оформление заказа на Tilda
В этой статье: что происходит с корзиной и оформлением заказа при переводе сайта на Tilda, почему это сложнее чем перевод обычных страниц и как решить задачу правильно.
Корзина — самый важный элемент интернет-магазина. Пользователь выбрал товар, добавил в корзину, начал оформлять заказ — и тут видит русский текст. Для немецкого покупателя это сигнал что магазин «не его».
Почему корзина не переводится стандартными методами
Корзина на Tilda — это динамический компонент. Её содержимое: кнопки «Добавить в корзину», «Оформить заказ», поля адреса, сообщения об ошибках, подтверждение заказа — всё это генерируется JavaScript в браузере.
Статический HTML который видит обычный прокси-переводчик не содержит текст корзины. Он появляется позже, когда пользователь взаимодействует со страницей.
Результат: сайт переведён, а корзина — нет.
Что именно нужно перевести
Весь путь пользователя от каталога до подтверждения. В каталоге: кнопка «Добавить в корзину», счётчик, мини-корзина. На странице корзины: названия товаров, итоговая сумма, кнопка «Оформить заказ». При оформлении: поля формы, placeholder-тексты, варианты доставки и оплаты, сообщения об ошибках. После оформления: экран подтверждения и email.
Самое болезненное место — сообщения об ошибках. «Введите корректный email» на русском в немецком магазине — это не просто некрасиво, это сигнал что магазин не доделан.
Серверный рендеринг. Прокси который выполняет JavaScript до передачи страницы пользователю — получает страницу уже с загруженной корзиной и переводит весь текст включая динамику.
Кастомизация через Tilda API. Для некоторых текстов корзины Tilda предоставляет возможность переопределения через настройки магазина — но это ограниченный вариант.
Вручную через JS-замену. Скрипт который после загрузки страницы находит элементы корзины и заменяет текст. Работает, но нестабильно — при обновлениях Tilda структура может измениться.
Валюта в корзине
Отдельная задача — показывать правильную валюту в корзине для каждой языковой версии. Немецкий пользователь хочет видеть цену в евро, не в рублях.
1. Добавить товар в корзину на каждой языковой версии — все ли надписи на правильном языке? 2. Перейти к оформлению — поля формы, placeholder'ы, кнопки? 3. Намеренно ввести некорректные данные — сообщения об ошибках? 4. Оформить тестовый заказ — подтверждение на экране и в email?
Часто задаваемые вопросы
Почему корзина на Tilda остаётся на русском после подключения переводчика?
Корзина генерируется JavaScript в браузере после загрузки страницы. Большинство переводчиков обрабатывают HTML-ответ сервера и не видят содержимое корзины — оно появляется позже.
Как протестировать перевод корзины до запуска магазина?
Добавьте товар в корзину на тестовой языковой версии и пройдите весь путь до подтверждения. Проверьте кнопки, сообщения об ошибках при вводе неверных данных и экран успешного заказа.
Можно ли показывать разные цены для разных стран без изменений в Tilda?
Да, через прокси с конвертацией валют. Прокси пересчитывает цены на сервере до того как страница попадает в браузер — Google индексирует правильные цены в правильной валюте.
Что делать с email-подтверждением заказа на разных языках?
Email отправляется через Tilda — он может быть на одном языке. Для полноценной локализации email-уведомлений нужно использовать внешний сервис рассылок с шаблонами на каждом языке.
Нужна полностью переведённая корзина на Tilda?
Multify переводит корзину, оформление заказа и все формы — включая динамический контент. Проверьте на демо вашего магазина.