Тильда: настройка корзины на сайте
Настройка корзины в Тильде занимает несколько минут. Корзина добавляется блоком ST100 из категории «Магазин» и подключается к карточкам товаров. В статье разобрано, как добавить корзину на сайт Tilda, настроить поля заказа, оплату и доставку.
Содержание
- Что такое корзина в Тильде
- Как добавить корзину на сайт
- Настройка полей и кнопки корзины
- Подключение товаров к корзине
- Настройка оплаты и доставки
- Корзина на отдельной странице
- Частые вопросы о корзине в Тильде
Разберём настройку корзины по шагам: от добавления блока до приёма оплаты.
Что такое корзина в Тильде
Корзина в Тильде — это блок ST100 из категории «Магазин». Он собирает выбранные товары и оформляет заказ. Покупатель добавляет товар кнопкой и заполняет форму.
Корзина на сайте Tilda умеет многое.
- собирает товары с карточек магазина;
- показывает состав и сумму заказа;
- содержит форму с данными покупателя;
- принимает онлайн-оплату через платёжные сервисы;
- отправляет заявку владельцу сайта.
Иконка корзины появляется на странице после добавления блока. Это стандартное решение для магазина на Tilda.
Как добавить корзину на сайт
Добавить корзину на сайт Tilda просто. Сделать это можно на любой странице — блок ST100 ставится куда угодно. Ниже пошаговая инструкция.
- Откройте нужную страницу сайта в редакторе.
- Нажмите «Все блоки» и перейдите в категорию «Магазин».
- Выберите блок ST100 «Корзина с формой заказа».
- Настройте поля формы в панели «Контент».
- Сохраните изменения и опубликуйте страницу.
После публикации иконка корзины видна на сайте. Блок достаточно добавить один раз — корзина работает на всех страницах проекта.
Важно! Корзина ST100 должна быть только одна на сайте. Дубли блока ломают подсчёт товаров и суммы заказа.
Настройка полей и кнопки корзины
Поля формы настраиваются под задачи магазина. В панели «Контент» блока можно добавить нужные поля. Обычно в форме заказа указывают:
- имя и телефон покупателя;
- email для подтверждения заказа;
- адрес и способ доставки;
- комментарий к заказу;
- согласие на обработку персональных данных.
В настройках также меняют текст кнопки, валюту и минимальную сумму заказа. Данные заявки приходят на почту или в CRM.
Подключение товаров к корзине
Корзина работает вместе с карточками товаров. Кнопка «Купить» в карточке должна добавлять товар в корзину. Для этого нужна правильная ссылка.
Подключить товар к корзине можно двумя способами.
- в каталоге товаров Тильды — кнопка подключается автоматически;
- в обычном блоке — в ссылку кнопки добавляют код #order:Название=Цена.
Каталог удобнее для магазина с большим числом товаров. Способ со ссылкой удобно использовать на простых страницах и лендингах. Создать такую кнопку можно в любом блоке. Это работает даже при создании магазина в Zero Block.
Настройка оплаты и доставки
Корзина принимает онлайн-оплату через платёжные системы. Их подключают в настройках сайта, в разделе «Платёжные системы». Заказы без оплаты приходят как заявки.
Настройка оплаты в Тильде проходит так.
- Откройте настройки сайта и раздел «Платёжные системы».
- Выберите платёжный сервис, например ЮKassa.
- Укажите данные из личного кабинета сервиса.
- Добавьте варианты доставки и их стоимость.
- Сохраните изменения и проверьте оплату тестовым заказом.
После настройки покупатель оплачивает заказ прямо в корзине. Данные о заказах доступны в разделе «Заявки» личного кабинета Tilda.
Корзина на отдельной странице
По умолчанию корзина открывается поверх страницы. Но её можно сделать отдельной страницей сайта. Это удобно для большого интернет-магазина.
Для этого нужно создать новую страницу и разместить на ней блок корзины. Затем иконку и кнопки ведут на эту страницу ссылкой или небольшим кодом. Такой вариант требует базовых знаний или небольшого кода.
Итоги
Настройка корзины в Тильде сводится к трём шагам: добавить блок ST100, настроить поля формы и подключить оплату. Корзина собирает заказы с карточек товаров и отправляет данные владельцу сайта.