Как работать с корзиной
Настройка корзины для интернет-магазина
Видеоурок по работе с корзиной. Открыть видео на YouTube
С помощью корзины покупатель выбирает способы оплаты и доставки, указывает контакты и другие дополнительные данные.
На Тильде возможны сценарии использования корзины как для продажи нескольких товаров из каталога, так и для приобретения одного товара или услуги.
На Тильде возможны сценарии использования корзины как для продажи нескольких товаров из каталога, так и для приобретения одного товара или услуги.
Например, вы можете создать интернет-магазин с товарами или промо-страницы для продажи онлайн-курсов с уникальными корзинами под каждый продукт. Гибкие настройки корзины позволяют реализовать самые нестандартные сценарии продаж на сайте.
Добавление корзины
Чтобы добавить корзину в проект, перейдите в Библиотеку блоков и нажмите на раздел Магазин. Выберите из списка блок ST100 «Корзина с формой заказа».
Проверка работы корзины
Чтобы проверить, как корзина отображается на сайте, перейдите в предпросмотр и нажмите на иконку корзины.
В предпросмотре в корзине уже по умолчанию отображается тестовый товар. Этого товара не существует в вашем проекте, он нужен только для демонстрации в предпросмотре.
Чтобы проверить работу платежной системы или службы доставки, необходимо опубликовать страницу с корзиной. Уже на опубликованной странице добавьте товар в корзину, заполните все поля и отправьте заказ.
Если в корзине подключена только одна платежная система или один сервис доставки товаров, то название интеграции отображаться в корзине не будет.
Названия сервисов будут отображаться, если к корзине подключено больше одного сервиса.
Названия сервисов будут отображаться, если к корзине подключено больше одного сервиса.
Сценарии работы корзины
Корзина может быть добавлена как на отдельную страницу проекта, так и целиком в проект.
Размещение корзины во всем проекте. Для многостраничных сайтов размещайте корзину в шапке или подвале, чтобы она всегда была у покупателей на виду.
Размещение корзины во всем проекте. Для многостраничных сайтов размещайте корзину в шапке или подвале, чтобы она всегда была у покупателей на виду.
Настройка шапки и подвала. Подробную информацию читайте в инструкции.
Размещение корзины на конкретной странице. Если вы не работаете с каталогом товаров и продаете единичные товары, или вам необходимы разные настройки корзины на разных страницах, — вы можете добавлять блок с корзиной на каждую страницу.
Чтобы настройки корзин не пересекались при таком способе, необходимо на этапе настройки корзины задать параметр «Не сохранять товар в корзине».
Для этого перейдите в настройки, откройте вкладку «Дополнительные настройки» и поставьте галочку в пункте «Не сохранять товар в корзине». При закрытии корзины товар будет удален. Если покупатель перейдет на другую страницу, настройки прошлой корзины не подтянутся в корзину на другой странице.
Размещение корзины в шапке и подвале интернет-магазина. На Тильде можно отдельно подключить шапку и подвал только на страницы, относящиеся к товарам — интернет-магазину. Для этого карточки товаров должны открываться как страницы. Подробная инструкция по работе с карточками доступна по этой ссылке.
Принципы работы корзины на странице
Корзина будет отображаться на странице только после того, как покупатель добавит в нее хотя бы один товар. Если ни один товар не добавлен, иконка корзины отображаться не будет.
Если в шапку, подвал или на страницу сайта добавлена корзина — в предпросмотре всегда будет отображаться ее иконка. При клике на иконку вы увидите пример товара. Это сделано для демонстрации работы корзины.
Не переживайте, в опубликованной версии сайта ни иконка, ни товар сразу отображаться не будет.
Не переживайте, в опубликованной версии сайта ни иконка, ни товар сразу отображаться не будет.
Появление корзины после нажатия кнопки «Купить»
Когда покупатель добавляет товар в корзину, на экране появляется всплывающее окно с формой заказа.
Если отключить открытие корзины после выбора товара, то товар добавится в корзину без заполненной формы заказа. Заполнить форму покупатель сможет позднее, когда перейдет в корзину.
Если отключить открытие корзины после выбора товара, то товар добавится в корзину без заполненной формы заказа. Заполнить форму покупатель сможет позднее, когда перейдет в корзину.
В настройках корзины можно также задать поведение, когда при закрытии корзины она очищается по умолчанию. Подробнее, зачем это нужно и как настроить, — ниже в инструкции.
Настройка открытия корзины
Основные настройки корзины и оплаты
Нажмите на тег, чтобы перейти сразу к описанию нужной настройки в инструкции.
Время хранения в корзине
Если пользователь добавил товар в корзину на одной странице, а потом перешел на другую или ушел с сайта, товар будет храниться в корзине 30 дней. Это время можно изменить в настройках. Если указать 0 дней, товар удалится при закрытии окна корзины.
Настройка хранения товара в корзине
Подключение платежных систем к корзине
По умолчанию в корзине нет способов оплаты, их необходимо подключить отдельно через настройки сайта. Подключить можно одну или более платежных систем. Перейдите в Настройки сайта → Платежные системы и выберите нужную из списка. Подробная информация по работе с платежными системами — здесь.
Страница настройки платежной системы и валюты
Запоминание контактных данных
Чтобы покупателям не приходилось каждый раз вводить свои данные при повторных покупках на сайте, включите запоминание контактных данных.
Для этого откройте Блок ST100 → Контент → Поля ввода. Добавьте новое поле. В качестве типа поля выберите «Галочка: запомнить контактные данные в браузере».
Для этого откройте Блок ST100 → Контент → Поля ввода. Добавьте новое поле. В качестве типа поля выберите «Галочка: запомнить контактные данные в браузере».
Настройка запоминания контактных данных покупателя
Данные в корзине запоминаются в браузере покупателя, поэтому их не требуется указывать в соглашении об обработке персональных данных на вашем сайте. Если покупатель хочет удалить данные, ему достаточно очистить кеш его браузера.
Вся передаваемая информация шифруется и защищена от перехвата третьими лицами.
Вся передаваемая информация шифруется и защищена от перехвата третьими лицами.
Минимальная сумма заказа
Если вы хотите принимать заказы начиная с определенной суммы, например, 1 000 рублей, настройте минимальную сумму заказа.
При выборе товара на меньшую сумму товар добавится в корзину, но кнопка «Купить» будет неактивна. В корзине появится текстовое предупреждение.
При выборе товара на меньшую сумму товар добавится в корзину, но кнопка «Купить» будет неактивна. В корзине появится текстовое предупреждение.
Формы заказа
Через форму заказа покупатели оставляют свои данные на вашем сайте. Чтобы ее настроить, нажмите на Контент в блоке ST100. Далее:
— добавьте и настройте поля для заполнения покупателями, задайте названия;
— выберите, какие из полей обязательны к заполнению;
— подключите сервисы приема данных, куда будут приходить заявки из формы.
Задать стиль корзины и полей можно в настройках блока.
— добавьте и настройте поля для заполнения покупателями, задайте названия;
— выберите, какие из полей обязательны к заполнению;
— подключите сервисы приема данных, куда будут приходить заявки из формы.
Задать стиль корзины и полей можно в настройках блока.
Форма заказа для интернет-магазина
Сервисы приема данных
По умолчанию данные из форм хранятся в разделе «Заявки» в течение 30 дней. Этот срок можно увеличить до 90 дней в Настройках сайта → Формы → Общие настройки форм.
Вы можете получать заявки на почту, в Google Таблицу или отправлять их в интегрированные сервисы, например, MailChimp, GetResponse, UniSender. Подключение выполняется в Настройках сайта → разделе Формы.
Подробнее читайте в инструкции по Сервисам приема данных.
Вы можете получать заявки на почту, в Google Таблицу или отправлять их в интегрированные сервисы, например, MailChimp, GetResponse, UniSender. Подключение выполняется в Настройках сайта → разделе Формы.
Подробнее читайте в инструкции по Сервисам приема данных.
Пример подключения сервисов приема данных в корзине
Варианты доставки
В корзине можно настроить доставку с подключением сервисов доставки и без. Как добавить сервисы доставки в проект и подключить их к корзине — в этой инструкции. Ниже работа с полем «Варианты доставки» без подключения сервисов.
Чтобы отображать варианты доставки при оформлении заказа, нажмите на контент в блоке Корзина: ST100. Добавьте поле с типом «Варианты доставки» и в поле «Варианты значения» перечислите способы доставки, отделяя каждый способ новой строкой.
Если доставка платная, поставьте знак = и укажите цену доставки без валюты:
Чтобы отображать варианты доставки при оформлении заказа, нажмите на контент в блоке Корзина: ST100. Добавьте поле с типом «Варианты доставки» и в поле «Варианты значения» перечислите способы доставки, отделяя каждый способ новой строкой.
Если доставка платная, поставьте знак = и укажите цену доставки без валюты:
Самовывоз бесплатно
Доставка курьером в пределах МКАД 250 руб. =250
Доставка за пределами МКАД 500 руб. =500
Доставка курьером в пределах МКАД 250 руб. =250
Доставка за пределами МКАД 500 руб. =500
Страница успеха для корзины
Если на сайте не предусмотрена онлайн оплата и корзина используется только для сбора заявок, вы можете настроить страницу успеха прямо в ней. Нажмите на контент в блоке ST100 и перейдите во вкладку «Дополнительно», а затем в поле «Адрес страницы в случае успеха» укажите ссылку на нужную страницу.
Настройка страницы успеха через Корзину ST100
Если в проекте уже подключена платежная система, то настраивать страницу успеха нужно в настройках самой платежной системы. Для этого перейдите в Настройки сайта → Платежные системы, выберите сервис из списка и укажите адрес страницы благодарности в его настройках.
