Корзина для сайта
Корзина для сайта
Готовое решение ,Бесплатно ,Установка за 5 минут ,Для любого сайта ,Ваши стили ,Скидки ,Промо-коды ,Варинты доставки ,Онлайн-оплата ,Заказы на почту ,Заказы в Telegram ,Заказы в Битрикс24 ,Заказы в МойСклад ,Поддержка

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

Готовый виджет корзины 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
Цвет кнопки
при наведении
Цвет рамки
при наведении
Цвет текста
при наведении
Следующая статьяУстановка корзины на сайте