Как создать суперконверсионную страницу продукта

Опубликовано: 2020-05-07

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

Ваша страница продукта — это то, что подталкивает покупателей на последнем этапе воронки электронной коммерции — от желания к действию и от браузеров к покупателям.

Так как же создать страницу продукта, которая конвертирует? Читайте дальше, и мы расскажем о лучших практиках дизайна страницы продукта электронной коммерции, а также приведем примеры, которые информируют и вдохновляют!

7 лучших практик дизайна страницы продукта электронной коммерции

У лучших страниц продуктов есть семь общих черт. Что отличает лучших от остальных, так это то, как они используют и улучшают эти элементы.

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

1. Восхищайтесь и впечатляйте фотографиями продуктов премиум-класса

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

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

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

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

Пример страницы продукта

Совет : используйте видео и интерактивные медиа. 64% покупателей совершают покупку после просмотра фирменных видеороликов. Увеличьте продажи (и сократите возвраты), добавив видеоролики о продуктах, 360-градусное видео или функции дополненной реальности, чтобы привлечь покупателей к виртуальному взаимодействию с вашим продуктом.

2. Держите ключевые детали в верхней части страницы.

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

Персонализированный магазин собак Yappy.com отлично с этим справляется. Вся важная информация отображается вверху страницы. Они предлагают покупателям «выбрать цвет» и «выбрать размер».

Персонализированная информация о продукте

Нажав кнопку CTA «Персонализация сейчас», они проведут их через короткую интерактивную викторину о породе и имени их собаки.

Викторина по персонализации

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

Индивидуальное предложение

Совет профессионала : сделайте это личным. Сформулируйте свой размер и параметры настройки как «создайте свое собственное приключение» для покупателей. Предложите им выбрать варианты, чтобы они почувствовали, что вы делаете продукт именно для них.

3. Вдохновляйте действия с помощью сильного призыва к действию

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

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

Что касается того, что он должен сказать, вы не ошибетесь с классическим «Добавить в корзину». Или вы можете вызвать чувство срочности с помощью «Купить сейчас».

Возьмем, к примеру, CTA-дизайн бренда матрасов Leesa для электронной коммерции. На этой странице происходит много всего, но призыв к действию «Магазин» выделяется ярким лососевым цветом:

CTA в товарном предложении

Они используют тот же цвет для CTA на своей странице продукта:

CTA на странице продукта

И на протяжении всего процесса оформления заказа:

Страница оформления заказа

Совет для профессионалов : используйте одинаковый дизайн для кнопок CTA на своем сайте электронной коммерции. Это создает знакомство с покупателем и уменьшает путаницу. Кнопки «Магазин», «Купить» и «Оформить заказ» должны выглядеть одинаково.

4. Включите уникальное описание продукта

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

Этот раздел страницы сведений о вашем продукте должен включать уникальное описание вашего продукта с акцентом на уникальность. Оптимизируйте описание продукта, чтобы оно отражало целевые ключевые слова SEO для страницы и при этом делало продукт привлекательным для покупателя.

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

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

Страница продукта SPI

Прокручивая вниз, покупатели могут просмотреть полное описание продукта, в котором основное внимание уделяется преимуществам, прежде чем излагать функции в маркированном списке.

Описание продукта

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

Часто задаваемые вопросы

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

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

5. Избавьтесь от колебаний с помощью социального доказательства

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

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

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

Социальное доказательство

Они также отображают отзывы клиентов ниже по странице:

Отзывы

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

Индивидуальные обзоры

6. Будьте полезными с часто задаваемыми вопросами и поддержкой клиентов

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

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

Чат-боты также могут служить личным помощником по покупкам, направляя посетителей к лучшим продуктам для них. Вот пример со страницы продукта Benefit Cosmetics:

Чат-бот на странице товара

Добавьте часто задаваемые вопросы о продукте на странице сведений о продукте. Это может включать общие вопросы, например, как чистить и использовать ваш продукт.

Сделайте свою политику доставки и возврата заметной и доступной. Добавьте ссылки на них в верхний или нижний колонтитул вашего сайта. Если вы предлагаете бесплатную доставку или возврат, сообщите об этом с помощью баннера на сайте. Предоставьте краткий обзор политики доставки и возврата на странице продукта.

7. Всегда делайте допродажи или перекрестные продажи

Наконец, если кто-то заинтересован в этом продукте, то почему бы не попробовать заставить его купить что-то еще?

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

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

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

Сравнение продуктов

Далее вниз по странице GoPro продолжает продавать, предлагая защитное снаряжение и аксессуары для текущего продукта, который покупатель выбрал в данный момент:

Перекрестная продажа

Многие сайты отображают их как «Клиенты также просмотрели», чтобы задействовать стадный менталитет. Другие будут отображать «Сопутствующие товары», чтобы отображать похожие товары, возможно, из той же линейки продуктов. Существует также подход «Вам также может понравиться», который кажется наиболее личным.

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

Заключительные слова

Страницы продуктов оказывают огромное влияние на прибыльность вашего интернет-магазина. Онлайн-продавцы тратят много времени и денег на создание трафика, но если ваши страницы с товарами не превращают посетителей в клиентов, это напрасная трата усилий.

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

Попробуйте лучший способ поддержки ваших клиентов. Подпишитесь на 14-дневную пробную версию сегодня. Кредитная карта не нужна.

Попробуйте eDesk бесплатно