56 элементов интернет-магазина на 1С-Битрикс, которые помогают продавать больше и чаще

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

Данный перечень актуален независимо от платформы разработки магазина, в частности мы разрабатываем магазины на 1С-Битрикс, чего и вам желаем. Почему? Хотя бы потому, что каждый третий интернет-магазин в России сделан на этой CMS.

Итак, перейдем к разбору идеального магазина на компоненты.

Главная страница интернет-магазина

1. Слайдер акций, спецпредложений:

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

2. Топ категорий, подборок:

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

3. Категории товаров (каталог разделов):

— помогает быстро "глазками" по картинке выбрать нужный раздел и провалиться в него, если клиент пришел целенаправленно.

4. Топ товаров (от 2 до 5 подборок по разным принципам):

• хиты продаж (автоматическая подборка товаров, которые наиболее часто встречаются в заказах);
• актуальные (подборка вручную, например: по сезону);
• популярные (автоматическая подборка товаров, с наибольшим количеством просмотров);
• акционные (полуавтоматическая подборка товаров со скидкой и дополнительными условиями, например, из конкретной категории);
• новинки (автоматическая подборка товаров, с самой «свежей» датой публикации );
• произвольная подборка (дополнительное свойство-флажок товара «показывать на Главной»).

— помогает насытить главную страницу контентом, и предложить альтернативные выборки товаров (не по категориям, а по торговым особенностям). Используйте эти блоки, чтобы продвинуть ключевые позиции вашего магазина. Ручные выборки регулярно обновляйте и следите за реакцией посетителей на ваши подборки. Если мало "кликов" по товарам — меняйте подборку.

5. Бренды (каталог брендов):

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

6. Новости:

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

7. Обзоры (вид новостей, наиболее эффективный для интернет-магазинов):

— сравните бегло два скрина выше: новости и обзоры. Обзоры цепляют, не правда ли? Но качество материала, время на проработку и цена создания такого контента гораздо выше, чем у простых статей.

8. Подписка на новости:

— собирайте базу подписчиков  (особенно, если ваш контент дорогой и ценный), кроме рассылок ее можно использовать для настройки таргетированной рекламы. "Подписывать" можно средствами сайта, либо интеграцией сервисов UniSender, MailChimp, SendPulse и др.

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

— очень крутая штука, которая реально увеличивает продажи, если она хорошо продумана и настроена: продумать срок "недавности" - день/два/месяц..., предложить комплектность или аналоги (чем точнее, тем лучше), учитывать профиль покупателя (пол/возраст/важные даты и тд). 

10. Преимущества:

— не то, чтобы какой-то важный модуль, но главное не забыть "выделиться" из конкурентов кратко и честно.

Каталог товаров (корневые разделы)

11. Слайдер акций, спецпредложений. Для каждой категории — свой слайдер.

12. Меню категорий (список) для данного раздела.

13. Плитки (изображение + название) категорий для данного раздела.

Данные блоки встречаются в различных вариантах дизайна и расположения на экране:

— это классический проверенный удобный для клиента вариант построения страницы раздела. Так делают лидеры интернет-магазинов. Пользуйтесь, не изобретайте велосипед методом проб и ошибок.

14. Топы товаров по каждой категории раздела  или общий топ товаров раздела:

— про подборки уже шла речь. Принципы те же, что и для главной страницы.

Каталог товаров (категория с товарами)

15. Подборки по тегам.

16. Фильтр поиска по параметрам.

17. Сортировка.

18. Вид отображения мини-карточек (плитка / таблица).

19. Выбор количества товаров на странице («показывать по 10  20   30  все»).

Данные блоки встречаются в различных вариантах дизайна и расположения на экране:

— расположение фильтра поиска СЛЕВА (наилучший вариант!)

— расположение фильтра поиска СПРАВА.

— расположение фильтра поиска СВЕРХУ.

20. Пагинация + кнопка «Показать еще».

— страницы должны корректно пересчитываться при изменении количества карточек на одну страницу ("показывать по 20"), и так же при клике на "показать еще". Уделить внимание SEO-оптимизации блока пагинации.

21. История просмотра:

Карточка товара

22. Фотогалерея товара.

23. Стикеры акций, спецпредложений.

24. Рейтинг товара, отзывы.

25. Расчет бонусов (бонусная система).

26. Индивидуальные цены для групп пользователей (с регистрацией/гость, опт/мелкий опт/розница, и др.)

27. Контроль остатков.

28. Расчет кредита, рассрочки.

29. Расчет доставки.

30. «Купить в 1 клик».

Данные блоки встречаются в различных вариантах дизайна и расположения на экране:

— карточки товара, как видим, имеют специфику и выделяют интернет-магазин на фоне остальных (в отличие от товарной категории или раздела, которые плюс-минус одно и тоже, за исключением цветовой гаммы и шрифтов). Цель страницы — предоставить исчерпывающую информацию по товару и всем возможным способам его приобретения (оплата, доставка, бонусы и т.д., отзывы, все характеристики, аналоги и т.д. МАКСИМАЛЬНО ПОЛНО НА ПЕРВОМ ЭКРАНЕ!), чтобы развеять сомнения и желание "искать" где-то еще. Единственное действие, которое требуется от посетителя — это отправить товар в корзину.

31. Торговые предложения.

SKU (stock keeping unit) — единица складской наличности. Фактически - это ассортиментная позиция (единица одной товарной группы, марки, сорта в одном типе упаковки одной размерности, емкости, цвета и т.д.). Это отличие, которое выделяет товар.

32. Вкладки подробной информации о товаре:

• Описание
• Характеристики (свойства товара)
• Аксессуары (связанные товары)
• Услуги (связанные страницы)
• Обзоры (связанные страницы)
• Отзывы (модуль)
• Вопрос-ответ (модуль)
• Документация (прикрепленные файлы)

33. Комплекты товаров (цена за комплект дешевле, возможность положить в корзину комплект целиком):

34. С этим товаров покупают (автоматическая выборка на основании данных заказов других покупателей, либо ручная выборка администратором магазина):

Корзина, оформление заказа

35. Мини-корзина:

36. Всплывающее окно при добавлении в корзину:

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

37.Страница корзины.

• список товаров (изображение, название, краткое описание или основные характеристики, параметры торгового предложения, цена/скидка)
• возможность удалить, изменить количество, добавить в избранное
• поле промокода
• расчет общей скидки с учетом всех предложений
• расчет общий бонусов за все товары
• расчет суммы, на которую нужно добавить товаров до бесплатной доставки

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

38. Выбор способа доставки (получения), контактные данные получателя.

39. Выбор способа оплаты.

Личный кабинет

40. Профиль.

41. История заказов.

42. Бонусы.

43. Избранное.

Хорошие прочие модули

44. Выбор города и мультидоменность:

— mast-have для любого сайта с претензией на продвижение в других регионах. От выбора города может зависеть: контакты, цены, ассортимент, SEO-параметры (метатеги) и тексты.

45. Мега-меню для каталога:

46. Интеллектуальный быстрый поиск:

47. Навигация («хлебные крошки»):

— простой вариант.

— с возможностью выбора категории на выше лежашем уровне.

48. SEO-оптимизация:

• шаблоны метатегов
• оптимизация картинок и конвертация в webp
• яндекс тубро-страницы
• микроразметка schema.org
• SEO умного фильтра (посадочные страницы на базе свойств фильтра с индивидуальными метатегами и SEO-текстом )

49. Умный личный кабинет (удобный формат личного кабинета для интернет-магазина взамен стандартного «из коробки»).

50. Регистрация/авторизация по sms.

51. Sms уведомления о статусах заказов.

52. Интеграция с Битрикс24 (формы заявок, онлайн-консультант).

53. Интеграция с 1С (обмен в режиме реального времени: цены, остатки, заказы, клиенты).

54. Автоввод адресов, ФИО, подсказки (интеграция с сервисом DaData).

55. Цены с НДС (учет НДС и др. видов налогов).

56. Интеграция онлайн-кассы и автоматическая отправка чеков (на предоплату и отгрузку).

Вместо послесловия

Только 0,1% запущенных в Сети интернет-магазинов реально работают. Остальные остаются лежать на просторах интернета мертвым грузом. Не продают.
Если делать сайт — то хорошо, или никак.