Тильда как настроить корзину

Корзина: настройки и возможности

Корзина — один из самых важных элементов в онлайн-магазине. Удобная и практичная, она может стать одним из факторов решения купить товар или отказаться от него.

🛒 В Тильде блок с корзиной ST100 находится в категории «Магазин». Владелец магазина может настраивать корзину под себя по самым разным параметрам. О некоторых расскажем в сегодняшнем посте.

1. Открывающийся поп-ап или анимация корзины при добавлении продукта

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

🙌 Если посетители добавляют свыше десяти разных вещей в корзину за одну покупку, всё время закрывать окно корзины станет утомительно. В таких случаях открывание поп-апа можно отключить в Настройках блока. Тогда при добавлении товара значок корзины будет анимирован, а слева от него появится сумма всех товаров, помещённых в корзину.

2. Кастомизация значка корзины

Значок корзины можно легко адаптировать под стиль интернет-магазина: изменить размер, цвет корзины, обводки, лейбла и текста. Это доступно во вкладке «Настройка».

Также можно добавить собственный значок корзины: перейдите во вкладку «Контент» > Дополнительно и загрузите изображение.

3. Минимальные сумма покупки и количество товаров в заказе

💳 В Тильде можно установить нижнюю границу суммы покупки. Например, вы хотите, чтобы в интернет-магазине можно было совершать покупки от 1000 рублей. Укажите это число в Настройках корзины. Пользователь увидит минимальную сумму заказа в корзине после добавления первого товара. Она будет высвечиваться до тех пор, пока общая стоимость продуктов не превысит порог.

Аналогичная схема работает для настройки минимального количества товаров в заказе.

4. Количество дней хранения товаров в корзине

Представьте, что пользователь выбрал товары, положил их в корзину, но решил отложить покупку на несколько дней. Чтобы, вернувшись на сайт, он нашёл отложенные товары, установите количество дней их хранения в корзине. Это можно сделать в Настройках блока.

Если необходимо, чтобы товары удалялись при закрытии корзины, поставьте галочку у этого пункта.

Источник

Корзина для Тильды на отдельной странице

Всё что вам нужно сделать это создать страницу с кодом который представлен ниже, добавить на неё корзину, и сделать ссылки к ней на всём сайте.

Сложность: 4 из 5

Создали страницу на которой будет отображаться корзина, назовем её просто «Корзина», адрес зададим «basket».

Последовательность блоков на странице:

• Меню сайта
• Заголовок, чтобы люди понимали куда они попали.
• И 2 блока «Т123», понадобятся для добавления кода на страницу.

Результат того что должно получится у вас.
Ниже представлены коды для добавления на страницу и в настройки сайта.

• КОД 1 вставить в блок Т123 на странице корзины, где будет находиться корзина с товарами.
• Второй код нужен что бы скрыть иконку корзины на всём сайте, поэтому добавляем его в настройки сайта → Ещё → HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD «Редактировать код» и туда прописываем его.
• Настройка меню: его нужно делать через Зероблок, чтобы создать новую иконку корзины. В примере шаблона есть готовое меню. Можете использовать шаблон, только ссылки поменяйте на свои.

+ Создали ZeroBlock
+ Добавили в него элемент Image с иконкой корзины и 2 элемента Text с цифрой 0 (для количества товара) и знаком = (для суммы заказа)
+ Задали класс для текста с кол-вом и для иконки корзины cartcopy_elem
+ Задали класс для текста с ценой cartprice_elem
+ Создали блок с корзиной ST100
+ Добавили КОД 3 на страницу, в блок Другое — Т123

Пример готовой страницы вы можете взять из шаблона «20632499», водить его нужно в поле ID в самом низу при создании новой странице.

Источник

Как работать с корзиной

Посмотрите видеоурок о том, как настроить корзину или прочитайте подробную инструкцию ниже.

С помощью Тильды вы можете создать небольшой интернет-магазин или подключить платежную систему для оплаты единичных товаров и услуг. Блоки, которые вам понадобятся, находятся в категории «Магазин».

В этой статье мы рассматриваем, как устроена и как работает корзина.

Событие покупки можно сделать в любом блоке. Если вы используете блок не из категории «Магазин», пропишите ссылку:

#order:Название товара =1000

где «Название товара» — название товара, «1000» — цена.

Если вы используете блоки не из категории «Магазин», то в корзине не будет отображаться фотография товара. Чтобы добавить изображение товара, поставьте ссылку вида:

#order:Название товара =1000. image=URL

где URL — адрес картинки. Вы можете использовать адрес картинки, загруженной на Тильду.

По умолчанию для корзины включена настройка: при добавлении товара в корзину открывается попап с формой заказа.

Ее можно отключить в настройках блока «Корзина ST100». В этом случае при нажатии кнопки «купить» товар будет отправляться в корзину, но попап с формой заказа открываться не будет.

Далее вы можете:

✓ задать название валюты вашего магазина →
✓ подключить платежную систему, чтобы принимать платежи онлайн →
✓ подключить сервисы приема данных, чтобы заявки приходили вам на почту, в Google Drive в Telegram или в другой сервис →
✓ настроить время, в течение которого товар будет храниться в корзине →
✓ задать минимальную сумму заказа →
✓ добавить варианты доставки →
✓ настроить форму, через которую будет оформляться заказ: добавить нужные поля и отредактировать внешний вид →
✓ настроить текст сообщений об ошибках при заполнении формы →

Передача данных для онлайн-кассы

Платежные системы, которые работают с юридическими лицами и ИП, и в которых можно подключить онлайн-кассу: Cloudpayments, Робокасса и ЮKassa.

Чтобы передавать данные о покупке в платежную систему для онлайн-кассы, нужно в настройках вашей платежной системы (Настройки сайта > Платежные системы > Ваша платежная система) выбрать нужный параметр. Подробнее >>

Если покупатель добавил товар в корзину на одной странице, а потом перешел на другую или даже ушел с сайта, товар останется в корзине на 30 дней.

Это время можно изменить в настройках. Если поставить 0, товар будет удаляться при закрытии.

Чтобы покупатель не мог оплатить заказ меньше определенной суммы, в настройках можно задать минимальную сумму заказа.

В этом случае, при заказе на сумму меньше, чем минимальная, в корзине появится информация о минимальной сумме заказа и кнопка «купить» будет неактивной.

Если вам нужна доставка, в меню «Контент» блока «Корзина: ST100» добавьте поле с типом «Варианты доставки» и в поле «Варианты» перечислите виды доставки, отделяя их новой строкой. Если доставка не бесплатная, то поставьте знак = и укажите цену доставки (только цифры).

Например:
Самовывоз бесплатно
Доставка курьером 200 руб. =200

Если текст сообщений об ошибках не задан в Настройках сайта → Формы → Общие настройки форм, то текст ошибок выводится исходя из языка браузера пользователя. Если язык браузера — русский, то выводятся ошибки на русском, в остальных случаях выводятся ошибки на английском языке.

Слово «сумма» в браузерах с русским языком люди видят как «Сумма», в браузерах, с языком, отличным от русского, выводится текст «Total».

Если текст сообщений об ошибках задан в Настройках сайта → Формы → Общие настройки, то для обязательного поля и ошибок, связанных с валидацией полей телефона и почты будет выводиться заданный в настройках текст.

Источник

Корзина для тильды

Замена стандартной корзины на «Простой магазин» позволяет расширить возможности корзины при расчетах итоговой стоимости и реализовать дополнительные возможности при отправке заказа.

Готовый функционал (входит в тарифы):

• Номера заказов
• Отправку писем с собственной почты
• Формирование счета в любой платежной системе и системе интернет-эквайринга, например, Тинькофф-оплата, Альфа-банк, Вебмани, PayPal, Робокасса, Юкасса и т.д.
• Выбор покупателем варианта доставки
• Уведомление в Telegram (в том числе и в группу)
• SMS-уведомление о заказе
• Отметка партнера, привлекшего покупателя и UTM-меток
• Расчет скидок
• Промо-коды
• Напоминание о товаре при уходе с сайта
• Форма поиска товаров в каталоге
• Рекомендация дополнительных товаров (допродажа)
• Передача заказов в МойСклад и Битрикс24

Персональные доработки (примеры):

• Оптовые цены
• Скидки только на отдельные товары
• Скидки при заказе в определенное время
• Бесплатный 3-ий товар в чеке
• Ограничение минимальной стоимость заказа
• Расчет суммы к предоплате с выставлением онлайн-счета
• Автоподсказки при заполнении адресов, ИНН и т.п.
• Формирование счета для юр.лиц в формате PDF
• Подключение виджета для выбора ПВЗ БоксБерри
• Подключение онлайн-кассы, печать фискального чека
• Интеграцию с AMOCrm, Retail.CRM, YClients

Большой выбор инструментов продаж

Простая настройка дополнительных механизмов: сопутствующие товары, скидки, доставка, онлайн-оплата и др.

Любые данные покупателя

Настройка необходимых полей для ввода покупателем при оформлении заказа.

Возможность реализации методов увеличения продаж за счет рекомендаций.

Варианты доставки и скидки

Возможность выбора покупателем варианта доставки и расчет стоимости.

Подключение виждета онлайн-оплаты любой платежной системы.

Уведомления о заказах в Telegram

Получайте моментальное сообщение о заказе в групповом или индивидуальном чате

Сегодня через корзину уже оформлено заказов :

Как самостоятельно установить корзину на Tilda

Получите код интеграции корзины

Код подключения корзины с персональными настройками доступен в личном кабинете сервиса «Простой магазин».

Установите корзину в настройках Тильды

Размещение на одной странице:

• Перейдите в раздел «Настройки» для выбранной страницы
• В разделе «Дополнительно» найдите пункт «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажмите кнопку «Редактировать код»
• Вставьте скопированный код для установки корзины из предыдущего пункта (кроме подключения библиотеки jQuery)
• Сохраните изменения и опубликуйте еще раз страницу

Размещение на всех страницах:

• Перейдите в раздел «Настройки сайта»
• В разделе «Еще» найдите пункт «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и нажмите кнопку «Редактировать код»
• Вставьте скопированный код для установки корзины из предыдущего пункта (кроме подключения библиотеки jQuery)
• Сохраните изменения и опубликуйте еще раз страницу

Дальнейшие действия зависят от текущей ситуации

Добавление товара в корзину со страницы (из каталога Тильды)

Доступно только на тарифе: Полный

— Активруйте в личном кабинете корзины дополнительную функцию «Произвольный товар»
— Удалите стандартную корзину Тильды со страницы
— Установите скрипт. Он позволит взять информацию о товаре из карточки на странице и передать товар в корзину:

Перенесите товары в личный кабинете сервиса «Простой магазин»

Создайте товары в личном кабинете сервиса «Простой магазин»

Добавьте в Тильде элемент вывода списка товаров

Для вывода товаров рекомендуем использовать стандартные элемент из каталога «Магазин» с кнопками, например: ST300, ST305N, ST310N

Установите кнопку «КУПИТЬ» у товаров

• Перейдите в раздел «Контент» элемента
• В карточке товара выберите «Еще: вторая кнопка, метка, параметры»
• Установите Название второй кнопки = «Купить», а Ссылку для второй кнопки сделайте = «Ссылка на страницу» со значением = «#ensadd:XXXXXXXXX», где XXXXXXXX — код товара в сервисе «Простой магазин»
• Сохраните изменения и опубликуйте еще раз страницу

Автоматическое добавление кнопки «Купить» в popup-окно

• Вернитесь в настройки блока «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD», где на предыдущих этапах добавляли код корзины.
• Разместите модифицирующий скрпит, который скопирует кнопку «Купить» в popup-окно:

Что о сервисе говорят клиенты

Очень простая в использовании корзина — ввел название, поставил цену, скопировал код и вуа-ля. Лучшее решение, которое я нашла для своего интернет-магазина.

Процесс заказа, с точки зрения покупателя, предельно прост. Добавил товары в корзину, заполнил несколько полей, нажал кнопку «Заказать». Все!

Понравилось простота установки, разобрался сам. Функционал классный , особенно нравится возможность указывать условия скидки и доставки.

EasyNetShop – отличный сервис для организации магазина на сайте. Пользуюсь 6 месяцев, все устраивает.

Тех. поддержка терпеливо и подробно помогала производить нужные настройки, все поясняли. Было ощущение индивидуального подхода. Сама корзина понравилась, очень удобная для клиента.

Замечательный сервис! Всё просто, удобно и, что очень важно, Mobile Friendly. Техподдержка выше всяких похвал. Успехов и процветания!

Хороший, не перегруженный излишними настройками сервис. Простая интеграция с сайтом. Сразу чувствуется, что люди ДУМАЛИ, когда создавали это продукт!

Супер сервис! Бесплатно получаешь практически все, а за небольшую плату -абсолютно полный функционал! Рекомендую всем своим знакомым!

Easynetshop.ru — для тех, кто хочет иметь полноценный сервис, без проблем и высоких тарифов. Здесь всё так, как это должно быть лучшим образом. Всем рекомендую.

Благодарю, такой сервис я вижу впервые, где на все вопросы есть четкие ответы с очень высокой вероятностью положительного решения, поставленной задачи!

Настройка дополнительных функций корзины

Кастомная корзина для тильды

Если при начальной реализации сайта разработчики ориентируются исключительно на базовый функционал корзины — оформление заказа, то уже через короткое время у бизнеса появляется огромное количество дополнительных запросов к этому функционалу. Доработки направлены на реализацию маркетинговой стратегии магазина и делится на 2 основные блока:

• Удобство пользовательского опыта представления (UI/UX)
• Внутренние механизмы (интеграции/бэкенд)

К Удобству пользователей относятся доработки, связанные в первую очередь с автоматическим расчетом стоимости товаров, скидок, промокодов, стоимости доставки в соответствие со сложными моделями продаж и связями между всеми условиями. Наиболее распространенными задачами являются:

• Изменение цены на отдельные товары. Цена может меняться как в формате “опта” (при изменении количества такого товара в чеке), так и при одновременном добавлении в заказ товаров в формате акций, комплектов, подарков. Отдельные товары могут предлагаться бесплатно. При этом изменение цены может происходить и на странице вашего сайта, при использовании скриптов или при конфигурировании товара в zero-блоке, с последующим добавлением в корзину товара с уже пересчитанной ценой.Пересчет цены на товары позволяет пользователям в процессе оформления заказа сформировать наиболее выгодное для себя опции заказа, а для магазинов — это элемент повышения эффективности предложения, а также возможность в формате калькулятора расчетов показать покупателю сложную схему формирования итоговой суммы.
• Изменение внешнего вида корзины. Если в первичном дизайне страницы расположение кнопок или её оформление было выбрано не верно, если пользователь сталкивается со сложностями в процессе отправки заказа или проявляются системные ошибки заполнения данных — требуется акцентировать внимание покупателей на важные элементы и добавить подсказки. Такими доработками могут быть изменение положения кнопки на странице, цвет и размер значка корзины, замена иконки на более понятную, добавление текста в форму заказа.
• Установка ограничений. Хотя форма оформления заказа и не должна создавать пользователю сложностей при заполнении, но в отдельных моментах это будет полезным и не потребуется менеджеру в дальнейшем их пояснять по телефону. К таким ограничениям могут относится: минимальная стоимость заказа, время оформления заказа или время доставки, предоплата, а также обязательное с точки зрения законодательства ограничение на передачу персональных данных без согласия с политикой конфиденциальности сайта.

Доработка внутренних механизмов, которые не видны покупателю также часто используется для правильной работы отделов продаж и маркетологов. Передача событий и целей в различные сервисы аналитики, CRM-системы или платежные системы обеспечивают возможность встраивания корзины внутрь единой целостной системы предприятия. Кроме отправки данных, полученных в результате работы возможно и получение предварительных данных для начала работы с корзиной, например предварительное добавление товара по ссылке или автоматическое применение промокода по ссылке из email-рассылки. И даже если процесс оформления заказа оказывается незавершенным, корзина может использовать промежуточные данные об интересах покупателя к товару и подключить передачу информацию в отчеты электронной коммерции или использовать для таргетирования аудитории в рекламных кампаниях.

Всё указанное выше уже реализовано, либо может быть реализовано в рамках индивидуальной доработки корзины “Простой магазин” специалистами нашего сервиса в том числе и для сайтов, созданных на Tilda. Узнать подробности и обсудить ваши текущие потребности к функционалу оформления заказа Вы можете в разделе “Поддержка” в личном кабинете сервиса.

Источник