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

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

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

Рекомендовано для использования:

1 При создании нового сайта на Тильде, когда стандартная корзина не позволяет реализовать требуемый функционал, а каталог еще не заполнен.

2 При выгрузке сайта, созданного на Тильде на бесплатный хостинг с бесплатной корзиной и без ограничений на скрипты и использование доменов.

Примеры сайтов с корзиной :

1

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

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

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

Выберите вариант:

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

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

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

 <script>
$( document ).ready(function() {
     ens_jQuery("body").on('click','a.js-store-prod-btn',function (e) {
		if (ens_jQuery(this).attr('href') != undefined)
		if (ens_jQuery(this).attr('href').indexOf('#order') >= 0)
			{
             var ens_name = $(this).closest(".t-store__card").find(".t-store__card__title").html();
             var ens_price = $(this).closest(".t-store__card").find(".t-store__card__price-value").html();
             var ens_img = $(this).closest(".t-store__card").find(".t-store__card__bgimg").data('original');
             easynetshop_self(ens_name, ens_price,'', ens_img, '');
			}
		});
    });
</script>

Добавление товара в корзину из pop-up окна Тильды

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

 <script>
$( document ).ready(function() {
  ens_jQuery("body").on('click','a.t-store__prod-popup__btn',function (e) {
        if (ens_jQuery(this).attr('href') != undefined)
        if (ens_jQuery(this).attr('href').indexOf('#order') >= 0)
            {
             var ens_name = $(this).closest(".js-store-product").find(".t-store__prod-popup__name").html();
             var ens_price = $(this).closest(".js-store-product").find(".t-store__prod-popup__price-value").data('product-price-def');
             var ens_img = $(this).closest(".js-store-product").find(".t-slds__item_active .t-slds__bgimg").data('original');
            easynetshop_self(ens_name, ens_price,'', ens_img, '');
            }       
        });
    });
</script>

3

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

Сервис "Простой магазин" предназначен для подключения к любым сайтам (не только на Тильде), поэтому он может работать только с собственной базой товаров, которая расположена в разделе "Торговые предложения" личного кабинета.

Настройка товаров : видео, 2:48
3

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

Сервис "Простой магазин" предназначен для подключения к любым сайтам (не только на Тильде), поэтому он может работать только с собственной базой товаров, которая расположена в разделе "Торговые предложения" личного кабинета.

Настройка товаров : видео, 2:48
4

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

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

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

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

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

Разместите модифицирующий скрпит, который скопирует кнопку "Купить" в popup-окно:

 <script>
$( document ).ready(function() {
     ens_jQuery("body").on('click',' a.t776__btn[href="#prodpopup"], a.js-product-link[href="#prodpopup"]',function () 
	 	{
        	var product_lid = $(this).closest('.js-product').data('product-lid');
        	var ens_btn = $(this).closest('.js-product').find('.t776__btn_second').clone(true);
        	ens_jQuery('#t776__product-'+product_lid+' .t776__btn-wrapper').html('');
        	ens_jQuery('#t776__product-'+product_lid+' .t776__btn-wrapper').append(ens_btn);
		}
        });
    });
</script>

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

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

Автоматический расчет скидок и акций

Внутренние механизмы (интеграции/бэкенд)

Скидки в тильде

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

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

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

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

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

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

Рекомендовано для использования:

Примеры сайтов с корзиной :

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

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

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

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

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

Добавление товара в корзину из pop-up окна Тильды

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

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

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

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

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

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

Скидки в тильде