Готовая корзина для вашего сайта

Сделайте ваш сайт удобным для покупок

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

Смотреть пример Получить код для установки
Установка корзины на Вашем сайте

При редактировании товара или услуги в разделе «Торговые предложения» рядом с каждой записью присутствует кнопка "Как разместить кнопку на сайте?". Нажав на нее, Вы получаете мини-инструкцию по добавлению корзины на сайт. Более подробно процесс подключения выглядит так:

  1. Необходимо разместить на сайте скрипты и стили для подключения сервиса «Простой магазин» к нему. Делается это при помощи всего 3 строк кода, которые можно добавить в основной шаблон сайта (если шаблонов несколько, то в каждый) в блок <head>...</head>
  2. Для максимального упрощения установки корзины система настроена таким образом, что при отсутствии в исходном коде размещенной Вами кнопки "Корзина" будет создавать собственную (универсальную), фиксированно расположенную справа. Далее рассмотрим параллельно 2 варианта размещения кнопки "Корзина".

Собственная кнопка

Контейнер, который вызывает появление окна «Корзины», описывается следующим образом:

<div id="easynetshop-cart">
	...
</div>

В нем Вы можете задавать произвольное содержимое и настраивать произвольные стили. Для успешного индексирования поисковыми системами и для верного их представления о развитости сайта (что на нем есть функционал интернет-магазина), рекомендуем внутри контейнера создать хотя бы 1 активный элемент, например <a>

Для примера:

 <div id="easynetshop-cart">
	<a href="#">Ваша корзина</a>
</div>

Но при такой реализации надпись будет статична и пользователь при добавлении товаров не сможет отследить собственные действия (без перехода внутрь корзины). Поэтому рекомендуем внутри контейнера использовать и плейсхолдеры:

<**** id="easynetshop-cart-info">{начальное содержимое} </***> 

При любой операции начальное содержимое этого плейсхолдера будет меняться на стандартный набор "Ваша корзина пуста" или "В вашей корзине 1 товар", и т.д.

Пример использования:

<div id="easynetshop-cart">
	<a href="#"  id="easynetshop-cart-info">
		Ваша корзина пуста
	</a>
</div>

Есть еще 2 плейсхолдера, которые помогут составить описание активной кнопки универсальным образом:

<**** id="easynetshop-cart-count">{начальное содержимое} </***>

- показывает количество товаров, добавленных в "Корзину"

<**** id="easynetshop-cart-summ">{начальное содержимое} </***>

- показывает итоговую сумму заказа.

Пример использования:

<div id="easynetshop-cart">
	Ваша корзина содержит 
	<a href="#"  id="easynetshop-cart-count"> 0 </a>
	товар(ов) на 
	<a href="#"  id="easynetshop-cart-summ"> 0 </a> рублей. 
</div>

Автоматическая кнопка

Такая кнопка появляется на сайте, как только Вы добавляете скрипты и стили. Для нее не нужно ничего прописывать и создавать в структуре HTML-документа никаких контейнеров — все создается автоматически. Но, поскольку у поисковых систем (Яндекс, Google и прочих) до настоящего момента нет полноценной поддержки работы с браузерными скриптами, и содержимое страницы они оценивают исключительно из первичного HTML-контента, то и кнопку такую они не "увидят". Это единственный минус, который существует у кнопки по умолчанию. В остальном для пользователей она точно такая же, как и размещенная в ручном режиме.