Создание кнопки оформления заказа

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

• Убедитесь, что установлена корзина на сайте от нашего сервиса
• В разделе "Торговые предложения" найдите соответствующий товар или создайте новый
• Нажмите на кнопку получения html-кода для вставки:

  <a class="btn-ens-action btn-ens-style" data-rel="ХХХХХХХ123456">В корзину</a>

  где ХХХХХХХ123456 - код товара
• Скопируйте и разместите на странице вашего сайта полученный код

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

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

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

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

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

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