Корзина для сайта

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

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

Пример работы Получить код для установки

video Как установить корзину на сайт? : видео, 46 секунд

Как сделать кнопку заказа товара или оформления услуги?

Как сделать кнопку заказаНа каждой странице с описанием вашего товара или услуги необходимо добавить кнопку перехода к оформлению заказа. Размещать кнопку желательно в непосредственной близости от главных характеристик продукта: цены или наименования. Возможно расположение нескольких кнопок CTA (click to action) при наличии между ними расстояния более чем в один экран текста.

  • Убедитесь, что установлена корзина на сайте от нашего сервиса
  • В разделе "Торговые предложения" найдите соответствующий товар или создайте новый
  • Нажмите на кнопку получения html-кода для вставки:
    <a class="btn-ens-action btn-ens-style" data-rel="ХХХХХХХ123456">В корзину</a>
    где ХХХХХХХ123456 - код товара
  • Скопируйте и разместите на странице вашего сайта полученный код

Не установлена форма оформления заказа на сайте?

Установите за 10 минут на любой сайт готовый виджет. Бесплатно!

Оформление кнопки заказа

Внешний вид кнопки должен быть контрастным и выделять её из общего контекста информации о товаре или услуге. По результатам аналитических исследований компании "GetElastic" исходя из наиболее часто используемых вариантов оформления кнопки "КУПИТЬ" среди коммерческих сайтов были выявлены следующие тенденции:

Цвет кнопки:

  • Серый/Черный - 20%
  • Красный - 20%
  • Синий - 16%
  • Зеленый - 15%
  • Оранжевый - 11%

Форма кнопки:

  • Закругленные углы - 63%
  • Прямые углы - 36%

Стиль надписи:

  • ВСЕ ЗАГЛАВНЫЕ - 53%
  • Разные Буквы - 39%
  • только маленькие - 8%

Наличие картинки:

  • Без картинки 52%
  • С иконкой - 48% (из них):
  • - Иконка "Тележка" - 40%
  • - Иконка "Стрелка" - 28%
  • - Иконка "Плюсик" - 15%

Пример самого популярного варианта:

кнопку оформления заказа, пример

CSS стили для кнопки заказа товара

После установки корзины в стилях уже содержится готовый набор CSS правил. Кнопка, содержащая класс btn-ens-style будет оформлена в соответствии с наиболее распространенным вариантом. Если же его необходимо изменить - это можно сделать следующими способами:

  • Добавить готовый класс, который уже определен в CSS файлах вашего сайта вместо класса btn-ens-style
  • Использовать любой существующий на сайте элемент, превратив его в кнопку заказа добавлением класса btn-ens-action и параметр data-rel="...".
  • Воспользуйтесь онлайн конструктором для создания CSS правил. Сразу после кода подключения корзины добавьте код:
Результат:
Купить

<style>
</style>
Цвет кнопки
Цвет рамки
Цвет текста
Размер текста px
Радиус рамки = px
Отступы по горизонтали = px
Отступы по вертикали = px
Толщина рамки = px
Цвет кнопки
при наведении
Цвет рамки
при наведении
Цвет текста
при наведении
Следующая статьяДополнительный данные