SEOчеклист состоит из 152 инструкций

Кнопка заказа товара или услуги

Приоритет: Средний

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

Превью к кнопке заказа

Содержание:

  1. Какие функции выполняет кнопка заказа
  2. Правила оформления кнопки
  3. Как можно дополнительно побудить посетителя сделать заказ

Какие функции выполняет кнопка заказа

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

"Нет кнопки заказа - нет заказа, нет заказа - нет прибыли” - капитан очевидность, 2023 г. н.э.

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

Также отметим, что удобство интерфейса сайта напрямую влияет на юзабилити и конверсию.

Правила оформления кнопки

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

Рассмотрим подробнее различные аспекты оформления:

Расположение на экране

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

Расположение кнопок с правой стороны экрана

На страницах, содержащих несколько разных предложений, нужно также разместить эти кнопки на каждой карточке товара или услуги. Если отдельных страниц нет, то необходимо добавить кнопку возле каждого предложения на общей странице, или же сделать возможность выбрать один или несколько вариантов и заказать по одной общей кнопке.

Кнопки заказа у каждого товара

Размер

Кнопка должна быть сразу заметна при просмотре страницы, чтобы при этом на нее легко было попасть. На страницах со множеством предложений необходимо сделать ее такого размера, чтобы она была видна и при этом не отвлекала. На страницах товаров или услуг можно сделать кнопку крупного размера.

Большая кнопка заказа на странице товара

Цвет

Цвет для кнопки необходимо выбрать, отталкиваясь от основной цветовой гаммы сайта. Нужно выбрать тот цвет из палитры, который будет наиболее заметен среди текста и заднего фона страницы. Не нужно делать кнопки слишком яркими, иначе текст на них будет плохо различим.

Цвет кнопки заказа сочетается с цветовой гаммой всего сайта

Текст на кнопке

На всех кнопках нужно располагать текст, соответствующий их функционалу ("Оформить заказ", "Добавить в корзину", "Купить в 1 клик", "Оплатить"). Не нужно обременять посетителя размышлениями относительно того, что произойдет при нажатии на кнопку. Цвет текста должен контрастировать с цветом кнопки, чтобы его можно было легко прочесть. Также желательно с текстом добавить схематичное изображение (например, в виде корзины).

Текст на кнопке соответствует функции

Группировка кнопок

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

Возле кнопок должна находиться важная для совершения заказа информация: цена, наличие, доставка, минимальный объем продажи, "Оптовое предложение", "Информацию уточняйте по телефону" и т.д.

Вся информация для заказа размещена в одном месте

Мобильная версия

В мобильной версии наиболее удобным вариантом является размещение изображения на всю ширину экрана и кнопки под ним. Размеры и шрифт можно сделать крупнее, чтобы клиент мог попасть по ней даже с маленького экрана.

Кнопка заказа на мобильной версии

Как можно дополнительно побудить посетителя сделать заказ

Чтобы подтолкнуть посетителя оформить сделку, можно применить следующие способы:

  • Создать акцию с обратным таймером. Люди любят, когда есть возможность получить то, что им нужно, за меньшую цену. Увидев на сайте информацию об акции, срок которой истекает в ближайшее время, клиенты будут более склонны к сотрудничеству.
  • "Награждать" клиента за заказ. Вы можете поощрять его различными способами: подарок, бонусы на аккаунт, скидка на следующий заказ, кэшбэк и др.

Подарок за заказ

  • Указать, что товар скоро закончится. Можно вместо информации о наличии указать "Скоро закончится", это подтолкнет клиента к покупке. Однако не нужно делать это со всеми товарами, желательно размещать такой текст только на товары с очень большим или очень маленьким спросом.
  • Указать уникальность предложения. Вы можете отметить преимущества работы с вами, чтобы клиент не захотел искать аналогичное предложение у конкурентов.

Кнопка оформления заказа товара или услуги - первый шаг во взаимодействии с клиентом. Чтобы клиент завершил сделку и вернулся к вам в будущем, необходимо дать ему удобный сервис. Чем удобнее работа с сайтом, тем больше прибыли он будет приносить.

Спасибо, что дочитали до конца. Переходите к следующей инструкции.

Спонсоры и партнеры

Добавление проекта

Сообщение успешно отправлено!

Спасибо, мы свяжемся с вами в ближайшее время.

Стать спонсором

Оставьте ваши контактные данные и опишите ваше предложение в двух словах. Мы ответим в кратчайшие сроки.

Заказать SEO

Оставьте ваши контактные данные и ссылку на ваш сайт.

Заказать SERM

Оставьте ваши контактные данные и мы свяжемся с вами в ближайшее время.