Как настроить внешний вид и функции корзины на Tilda
Этот большой материал будет полностью посвящен корзине Тильды — от ее добавления на сайт до небольших пользовательских CSS-кодов, с помощью которых можно придать вашей корзине уникальный облик.
Начнём с добавления корзины на сайт 🙂
Оглавление
Добавление Корзины:
Подключение корзины к товарным карточкам:
В случае использования блоков не из категории «Магазин», изображение товара не будет автоматически отображаться в корзине. Для добавления изображения укажите ссылку вида: #order:Название_товара=500:::image=URL, где URL — это адрес изображения товара.
Теперь ваш магазин готов к работе: клиенты могут добавлять товары в корзину и оформлять покупки. Заказы будут автоматически сохраняться в вашем аккаунте.
Иконка корзины появляется на странице при добавлении товара в корзину и автоматически скрывается, если корзина пуста.
По умолчанию для корзины установлена настройка: при добавлении товара открывается попап с формой заказа. Вы можете изменить эту настройку в параметрах блока «Корзина ST100», отключив попап и позволяя пользователям добавлять товары в корзину без дополнительных действий.
Как задать название валюты в корзине Тильды
Подключение к корзине на Тильде онлайн-оплаты и различных платёжных систем
При нажатии на добавление любой платёжной системы внутри настроек системы сверху вы найдёте актуальную инструкцию для каждого отдельного сервиса платежей. На скриншоте пример с Робокассой 🙂
Как передавать данные из корзины Тильды в онлайн-кассу
- Перейдите в настройки вашей платежной системы на сайте Tilda. Это можно сделать через раздел «Настройки сайта» -> «Платежные системы» -> «Ваша платежная система».
- В настройках платежной системы найдите соответствующий параметр, который отвечает за передачу данных о покупке в онлайн-кассу.
- Выберите этот параметр и укажите его значение в соответствии с требованиями вашей онлайн-кассы. Обычно это может быть опция «Включить передачу данных в онлайн-кассу» или что-то подобное.
- Сохраните изменения.
*На скриншоте пример настроек из Робокассы
Как настроить время хранения товаров для клиентов в корзине Tilda
Для настройки времени хранения товаров в корзине на платформе Tilda следуйте этим шагам:
- Войдите в редактор вашего сайта на Tilda.
- Выберите страницу, на которой находится корзина или создайте новую страницу, если такой еще нет.
- На странице корзины выберите блок, который содержит корзину или добавьте новый блок с помощью «Добавить блок» -> «Форма» -> «Корзина».
- Нажмите на настройки этого блока (обычно они представлены значком шестеренки или «Настройки блока»).
- В окне настроек блока найдите опцию, связанную с временем хранения товаров в корзине.
- Установите желаемое время хранения в днях. Если вы хотите, чтобы товар оставался в корзине клиента в течение 30 дней, укажите значение «30». Если же хотите, чтобы товар удалялся при закрытии корзины, установите значение «0».
- Сохраните изменения и опубликуйте страницу.
После этого товары будут храниться в корзине клиента в соответствии с указанным вами временем.
Как настроить сохранение данных клиента в корзине Тильды
Для настройки сохранения данных клиента в корзине на платформе Tilda следуйте этим инструкциям:
- Перейдите к Контент блоку ST100 на вашем сайте.
- Внутри блока выберите раздел «Поля для ввода».
- Добавьте новое поле сохранения данных, назовите его, например, «Запомнить контактные данные в браузере».
- По желанию вы можете включить функцию, что бы у всех клиентов автоматически сохранялись данные.
- Сохраните внесенные изменения.
Теперь покупатели могут выбрать опцию запомнить контактные данные в браузере, что облегчит им последующие покупки. Данные будут храниться в браузере посетителя и не передаваться на сервер, и они будут удалены только в случае очистки кеша браузера. Для безопасности, данные шифруются ключом, хранящимся на сервере, что предотвращает их перехват третьими лицами. Обратите внимание, что поскольку контактные данные остаются у посетителя, упоминать об этом в документах об обработке персональных данных не обязательно.
Как настроить минимальную сумму заказа в корзине Тильды
Для настройки минимальной суммы заказа в корзине на платформе Tilda следуйте этим шагам:
- Войдите в редактор вашего сайта на Tilda.
- Найдите блок, который содержит вашу корзину или создайте новый блок с корзиной, если такой еще нет.
- Нажмите на блок корзины, чтобы открыть его настройки.
- В окне настроек блока найдите опцию, связанную с минимальной суммой заказа. Это будет параметр под названием «Минимальная сумма заказа».
- Установите желаемую минимальную сумму заказа. Например, если вы хотите, чтобы покупатель не мог оплатить заказ менее чем на 1000 рублей, укажите значение «1000».
- Сохраните изменения.
Теперь, если сумма заказа будет меньше указанной вами минимальной суммы, в корзине появится информация о минимальной сумме заказа, и кнопка «Купить» будет неактивной, что поможет покупателям соблюдать установленные вами правила.
Каким образом настраиваются варианты доставки в корзине на Тильде
Для настройки вариантов доставки в корзине на платформе Tilda выполните следующие шаги:
- Войдите в редактор вашего сайта на Tilda.
- Найдите блок «Корзина: ST100» в разделе «Контент» и откройте его настройки.
- Внутри настроек блока найдите опцию для добавления нового поля и выберите тип поля «Варианты доставки».
- В поле «Варианты» перечислите виды доставки, разделяя их новой строкой. Если доставка платная, используйте знак «=» и укажите цену доставки только цифрами.
Пример:
Самовывоз бесплатно
Доставка курьером 250 руб. =250
5. Сохраните внесенные изменения.
Теперь в корзине на вашем сайте будут отображаться варианты доставки с указанием цены, если она не бесплатная. Это позволит вашим клиентам выбрать наиболее подходящий для них способ доставки при оформлении заказа. При этом стоимость доставки будет автоматически суммироваться к стоимости заказа в корзине.
Помимо этого способа существует более сложный экспериментальный вариант настройки вариантов доставки. Если вам
Как настроить отправку формы заказа на Тильде под себя
Для настройки формы заказа на платформе Tilda следуйте этим шагам:
- Войдите в редактор вашего сайта на Tilda.
- Найдите блок «Корзина: ST100» в разделе «Контент» и откройте его настройки.
- Внесите необходимые изменения в форму заказа в соответствии с вашими предпочтениями:
— Добавьте новые поля, если нужно.
— Измените подписи для полей, если требуется. - Выйдите из вкладки «Контент» и нажмите на кнопку «Настройки» c иконкой шестерёнки. Отредактируйте внешний вид формы, используя возможности настройки стилей.
— Во вкладке «Контент» вы можете перейти в настройки подключения сервисов. Подключите сервисы приема данных, в которые будут отправляться заказы. Это можно сделать, выбрав соответствующий сервис из списка доступных интеграций. - Сохраните внесенные изменения.
После выполнения этих шагов форма заказа на вашем сайте будет настроена под ваши требования, и заказы будут отправляться в выбранные вами сервисы приема данных.
Как сделать страницу успеха на Тильде
Для создания страницы успеха на платформе Tilda в случае успешного оформления заказа или оплаты через корзину следуйте этим инструкциям:
Подключенная платежная система:
— Заверстайте отдельной страницей вашу страницу успеха.
— Если вы используете платежную систему для онлайн-оплаты, перейдите в настройки этой платежной системы в разделе «Настройки сайта».
— В настройках найдите поле для указания адреса страницы благодарности (успеха) и введите адрес страницы, которую вы хотите показать после успешной оплаты.
— Сохраните изменения.
Без платежной системы (форма заказа без онлайн оплаты):
— Если у вас нет подключенной платежной системы и вы используете корзину как форму заказа без онлайн оплаты, перейдите к настройкам блока корзины (ST100).
— На вкладке «Дополнительно» найдите опцию для указания страницы успеха и введите адрес страницы, которую вы хотите показать после успешного оформления заказа.
— Сохраните изменения.
Платежная система ЮMoney:
— Поскольку для платежной системы ЮMoney невозможно настроить страницу благодарности (успеха), вы можете создать страницу успеха на Tilda и вручную направить пользователя на нее после успешной оплаты, например, через уведомление об успешной оплате.
После выполнения этих шагов страница успеха будет показываться после успешного оформления заказа или оплаты через корзину на вашем сайте Tilda.
Как заменить язык в корзине на Тильде на свой
Для замены языка в корзине на платформе Tilda на собственный язык, следует выполнить следующие действия:
Настройка текста сообщений об ошибках:
— Перейдите в раздел «Настройки сайта» -> «Формы» -> «Общие настройки форм».
— Убедитесь, что текст сообщений об ошибках не задан в этих настройках. Если текст задан, очистите его, чтобы система могла использовать ваш собственный текст.
Изменение системных полей:
— После очистки текста сообщений об ошибках система будет использовать язык браузера пользователя.
— Если вы хотите принудительно задать определенный язык, вам может потребоваться настройка метатегов языка на вашем сайте или использование специализированных средств для изменения языка контента.
Замена слов «Сумма» и «Total»:
— Для замены слова «Сумма» на ваш собственный текст, а также для замены слова «Total», вам придется использовать пользовательские CSS или JavaScript, так как эти тексты часть внутренних компонентов Tilda, к которым нет прямого доступа для изменения текста. Если вам интересна эта тема, напишите пожалуйста в комментариях — и мы сделаем отдельную подробную инструкцию, или дополним этот материал 🙂
Настройка обязательных полей и валидации:
— Если у вас задан текст сообщений об ошибках в общих настройках форм, система будет использовать его для обязательных полей и ошибок валидации.
— Вам следует убедиться, что текст сообщений соответствует вашему предпочтению языка.
После проведения этих шагов ваша корзина на платформе Tilda будет отображаться на выбранном вами языке, а сообщения об ошибках и другие тексты будут соответствовать вашему предпочтению.
*Дополнительно. Если вы не хотите, что бы корзина подстраивалась под язык пользователя, то вы можете задать строго язык сайта в настройках сайта. Во вкладке «Ещё». Однако это работает только в случае, если весь ваш сайт планируется делать на одном языке.
