Мультиязычная корзина и оформление заказа на Tilda

В этой статье: что происходит с корзиной и оформлением заказа при переводе сайта на Tilda, почему это сложнее чем перевод обычных страниц и как решить задачу правильно.
Корзина — самый важный элемент интернет-магазина. Пользователь выбрал товар, добавил в корзину, начал оформлять заказ — и тут видит русский текст. Для немецкого покупателя это сигнал что магазин «не его».

Почему корзина не переводится стандартными методами

Корзина на Tilda — это динамический компонент. Её содержимое: кнопки «Добавить в корзину», «Оформить заказ», поля адреса, сообщения об ошибках, подтверждение заказа — всё это генерируется JavaScript в браузере.
Статический HTML который видит обычный прокси-переводчик не содержит текст корзины. Он появляется позже, когда пользователь взаимодействует со страницей.
Результат: сайт переведён, а корзина — нет.

Что именно нужно перевести

Весь путь пользователя от каталога до подтверждения. В каталоге: кнопка «Добавить в корзину», счётчик, мини-корзина. На странице корзины: названия товаров, итоговая сумма, кнопка «Оформить заказ». При оформлении: поля формы, placeholder-тексты, варианты доставки и оплаты, сообщения об ошибках. После оформления: экран подтверждения и email.
Самое болезненное место — сообщения об ошибках. «Введите корректный email» на русском в немецком магазине — это не просто некрасиво, это сигнал что магазин не доделан.

Как решить

Серверный рендеринг. Прокси который выполняет JavaScript до передачи страницы пользователю — получает страницу уже с загруженной корзиной и переводит весь текст включая динамику.
Кастомизация через Tilda API. Для некоторых текстов корзины Tilda предоставляет возможность переопределения через настройки магазина — но это ограниченный вариант.
Вручную через JS-замену. Скрипт который после загрузки страницы находит элементы корзины и заменяет текст. Работает, но нестабильно — при обновлениях Tilda структура может измениться.

Валюта в корзине

Отдельная задача — показывать правильную валюту в корзине для каждой языковой версии. Немецкий пользователь хочет видеть цену в евро, не в рублях.

Что проверить перед запуском

Тест перед запуском мультиязычного магазина:
1. Добавить товар в корзину на каждой языковой версии — все ли надписи на правильном языке? 2. Перейти к оформлению — поля формы, placeholder'ы, кнопки? 3. Намеренно ввести некорректные данные — сообщения об ошибках? 4. Оформить тестовый заказ — подтверждение на экране и в email?

Нужна полностью переведённая корзина на Tilda?

Multify переводит корзину, оформление заказа и все формы — включая динамический контент. Проверьте на демо вашего магазина.

Часто задаваемые вопросы

Почему корзина на Tilda остаётся на русском после подключения переводчика?
Корзина собирается скриптами в браузере уже после загрузки страницы. Большинство переводчиков обрабатывают HTML, который отдал сервер, и содержимое корзины к этому моменту ещё не существует.
Как протестировать перевод корзины до запуска магазина?
Добавьте товар в корзину на тестовой языковой версии и пройдите весь путь до подтверждения заказа. Проверьте кнопки, сообщения об ошибках при вводе неверных данных и экран успешного заказа.
Можно ли показывать разные цены для разных стран без изменений в Tilda?
Да, через прокси с конвертацией валют: цены пересчитываются на сервере до того, как страница попадает в браузер, и поисковик индексирует корректную цену в нужной валюте. Подробный разбор в статье про мультивалютный магазин и SEO.
Что делать с email-подтверждением заказа на разных языках?
Письмо отправляется через Tilda и может быть только на одном языке. Для локализации уведомлений подойдёт внешний сервис рассылок с шаблонами на каждом языке.

Подключим Multify к вашему сайту

Ответы на ваши вопросы помогут нам понять, как лучше подключить ваш сайт

Тип сайта
Количество страниц
Посещаемость сайта в месяц
Предпочтительный способ связи *