Анатомия страницы продукта Shopify, которая заставляет совершать покупки
Опубликовано: 2022-07-27Ваша страница продукта Shopify имеет большое значение — это один из самых важных рычагов, которые вы можете использовать для конверсии и оптимизации.
Хотя вы можете захотеть разбросать свои УТП и точки продаж по всему сайту, страница вашего продукта — единственная страница, которая имеет значение для покупателя. Ваша домашняя страница может иметь удостоенный наград дизайн и текст, но это все равно не поможет вам совершить продажу, потому что, если ваша страница продукта не продает за вас, клиенты уходят с вашего сайта.
Вот краткое поясняющее видео от Риши Равата:
В этом примере Риши ищет в Интернете щипцы для завивки и показывает путь покупателя.
Давайте повторим этот тест, чтобы увидеть путешествие глазами покупателя.
С самого начала вы получаете кучу информации о продукте. Поисковая система курирует список продуктов с названием продукта, изображением продукта, названием бренда, ценой и рейтингом клиентов.
Фен Dyson (который также можно использовать как щипцы для завивки) стоит первым в списке. Наряду с изображением всех вложений вы также можете увидеть рейтинги 9000 клиентов и политику бесплатной доставки и возврата в течение 30 дней.
Нажав на нее, вы попадете на страницу продукта:
Вот где Dyson может либо превратить посетителя в покупателя, либо потерять покупателя, потому что страница продукта не справилась с задачей поиска точек продаж.
Давайте будем честными: Dyson — известный бренд, и он доказал, что его продукция заслуживает такой шумихи и высокой цены. Это может сойти с рук с далеко не идеальной страницей продукта.
Перед вашей страницей продукта стоит непростая задача превратить скептиков в покупателей.
Что делает звездную страницу продукта Shopify?
Итак, существует ли волшебная формула для создания страницы продукта Shopify, которая заставляет совершать покупки?
Эм, нет. Крестная фея Золушки ушла на пенсию, и мы не можем ее найти.
Но вы можете подражать тому, что сработало в других успешных магазинах Shopify.
Примечание : не существует универсальной ситуации. То, что сработало для них, может не сработать для вас. Вот почему важно провести исследование конверсии, создать сильную гипотезу и провести A/B-тестирование.
Что должно быть включено на страницу продукта Shopify?
Мы опросили более 50 владельцев магазинов об элементах, которые больше всего повысили конверсию. Многие так или иначе упоминали крупный и заметный CTA (с должным контрастом). Хотя этот размер выборки не является репрезентативным, он заставляет задуматься о том, почему тесты цвета кнопок были так популярны десять лет назад.
Важна психология цвета. Согласно исследованию, проведенному Seoul International Color Expo, более 92% людей сообщили, что цвет играет решающую роль при совершении покупок. Однако мы не включаем цвета в этот список, потому что это упражнение по брендингу. Пока у вас есть контраст и кнопка покупки видна, все должно быть в порядке. Если вы убеждены, что изменение цвета может помочь с конверсией, попробуйте A/B-тестирование вашей гипотезы.
Вот визуальное представление элементов страницы, которые эксперты считают важными:
Все элементы, которые вам нужны на странице продукта Shopify (сохраните этот контрольный список)
- Отличное баннерное предложение
- Высококачественные изображения продуктов, которые рассказывают историю
- Описание продукта с УТП + торговые точки
- Кнопки призыва к действию (CTA)
- Подробные руководства по продукту (инструкции, руководство по уходу за продуктом)
- Отзывы и рейтинги клиентов (+ пользовательский контент)
- Все ваши сертификаты
- Все ваши значки доверия
- Часто задаваемые вопросы (FAQ)
- Варианты обслуживания клиентов
Отличное баннерное предложение
Предлагаете ли вы скидки или бесплатную доставку, рассмотрите возможность добавления баннера, чтобы продемонстрировать это, чтобы повысить конверсию.
Эрин Нойманн, организация Sacred Space Organizing , объясняет, как помогают пороги скидок:
Предпосылка для этих пороговых значений проста: вы предлагаете либо сумму в долларах, либо процент от общей суммы покупки клиента, если он потратит определенную сумму за одну транзакцию. Например, вы можете сократить их счет на 10 %, если они потратят сумму, превышающую 100 долларов США.
Предоставление пороговых значений скидок помогает снизить негативное отношение клиентов к их решениям о покупке. Вы также увеличиваете среднюю стоимость заказа (AOV) с помощью этой тактики. Настоящая хитрость заключается в том, чтобы разработать подходящий порог, который поможет увеличить вашу долгосрочную прибыль.
Практически каждый успешный сайт имеет баннерное предложение в шапке. Вот пример из «Тогда я встретил тебя»:
Баннер также является отличным местом для представления ограниченных по времени предложений.
Предложения с ограниченным сроком действия основаны на психологическом принципе неприятия потерь, который гласит, что люди предпочитают избегать потерь, а не получать прибыль.
Рагхав, NaturoCure.in
Качественные фотографии продуктов, которые рассказывают историю
Насколько важно для вас инвестировать в качественные изображения продуктов? Как оказалось, это довольно важно.
Исследование Field Agent, проведенное в марте 2018 года, показало, что 83% потребителей в США сообщили, что изображения продуктов «очень» или «чрезвычайно» повлияли на их решение о покупке.
Выводы этого исследования были подтверждены опросом Salsify, проведенным в феврале 2018 года: 60% онлайн-покупателей хотели видеть в среднем не менее 3–4 изображений. Еще 13% хотели видеть 5 и более.
Что касается формата изображений, респонденты опроса Field Agent сообщили, что стандартных изображений продуктов достаточно. Только 29% предпочли 360-градусное фото, потому что оно позволяло увидеть товар со всех мыслимых ракурсов.
Сумит Бансал, специалист по Excel и владелец сайта TrumpExcel, делится несколькими советами, которые помогут вам делать отличные фотографии продуктов:
- Купите зеркальную камеру или хороший смартфон, чтобы снимать фотографии в высоком разрешении.
- Улучшите качество изображения, отрегулировав контрастность и освещение.
- Избегайте использования фильтров, чтобы покупатели могли видеть истинный вид товаров.
- Подумайте об использовании белого фона. Это облегчает последующее редактирование.
- Делайте снимки со всех сторон
- Попробуйте изобразить продукт так, как он используется в реальном мире.
Обучающее видео «Сделай сам»: как фотографировать товары дома с помощью смартфона
Кэмпбелл Уокер и Фелисити Хэндли, владельцы креативного бренда Strutless, возможно, овладели искусством создания отличных фотографий товаров.
На странице продукта «брюки в невежественном стиле» представлены разные люди, носящие брюки, снимки ткани крупным планом и демонстрация одежды в разных позах и при разном освещении.
Одним из заявлений об отказе от ответственности большинства брендов одежды является цвет материала. Поскольку они используют искусственное студийное освещение, они предупреждают, что одежда может иметь другой оттенок. Здесь вы можете увидеть, как брюки выглядят при естественном освещении, что является блестящим ходом для привлечения покупателей.
Вторая часть уравнения заключается в том, как вы используете эти изображения, чтобы рассказать историю.
После просмотра тысяч записей пользовательских сессий на страницах продуктов становится ясно, что большая часть трафика взаимодействует ТОЛЬКО с верхней частью страницы, которая обычно представляет собой галерею изображений продуктов. Это понимание делает вашу галерею изображений продуктов самым важным активом в вашем магазине, поскольку именно этот раздел привлекает наибольшее внимание.
- Только изображение продукта — показывает продукт на простом и простом фоне с отличным освещением.
- Выделите варианты — это дает посетителям представление о вариантах продукта, доступных для выбора.
- Групповой/пакетный снимок . Если это пакетный снимок, вы можете сделать плоскую планировку, выделив различные включенные продукты.
- Инфографика . Выделите УТП продукта, комбинируя текст и изображение для быстрого и эффективного предоставления информации.
- UGC / Lifestyle Shot — помогите повлиять на вовлеченность пользователей и поднимите подлинность бренда на новый уровень.
- GIF-файлы/видео о продуктах — они больше привлекают внимание по сравнению со статическими изображениями. Они добавляют движения вашему продукту и помогают вашим посетителям лучше понять ваш продукт, видя его в действии.
Абдул Вахаб
Описание продукта с УТП + торговые точки
Описание и характеристики вашего продукта так же важны, как и изображения продукта. Здесь вы можете продемонстрировать свое УТП и убедить покупателя, что ему нужен продукт с точки зрения продажи.
Проверьте: Как найти самые продаваемые ракурсы для продуктов вашего магазина Shopify (с данными и A / B-тестированием)
Согласно опросу Field Net, 82% потребителей в США сообщают, что описание и характеристики продукта влияют на их решение о покупке.
Вот отличный пример того, как сделать это правильно: страница хрустящего шоколадного печенья Partake Foods содержит подробные сведения о продукте, используемых ингредиентах и информации о пищевой ценности.
Описания и спецификации упакованы с мощными углами продажи. Это печенье веганское, гипоаллергенное и изготовлено из ингредиентов, не содержащих ГМО.
Если бы поиск веганского, органического и не вызывающего аллергии печенья привел посетителя на страницу этого продукта, он был бы убежден, что сорвал джекпот.
Кнопки призыва к действию (CTA)
Ваш призыв к действию должен быть четким, кратким и заметным. Он должен сообщать покупателю, что вы от него хотите, например, «добавить в корзину» или «купить сейчас».
Стивен, Связанное повествование
Но должны ли вы иметь только один призыв к действию или разбросать их по всей странице?
Вы часто найдете кнопку призыва к действию в каждом изгибе или липкую кнопку «Добавить в корзину», которая следует за вами, пока вы продолжаете прокручивать страницу вниз.
Вот пример со страницы кухонной посуды Made In:
Липкая панель также включает варианты цвета и размера.
Вы можете протестировать, используя разные тексты и положения для кнопок CTA.
Подробные руководства по продуктам
Продемонстрируйте свое знание продукта с помощью подробных руководств, как это делает Critter Depot.
Убедитесь, что на вашем веб-сайте есть контент, который показывает, что вы являетесь экспертом в своей нише. Очень часто владельцы бизнеса не понимают, что им нужно это делать.
Брюс Полсон, Решительные решения
На страницах своих продуктов посетители могут узнать все, что им нужно знать о продукте, о том, как он упаковывается и доставляется, и что могут есть их питомцы, кроме животных.
На странице вашего продукта вы можете использовать аналогичный подход, рассказывая потенциальным покупателям о том, как лучше всего использовать продукт, как за ним ухаживать и о чем они должны знать как покупатели впервые.
Для Critter Depot эти справочники также служат второстепенной цели — методу привлечения клиентов, которые не знали, что они могут покупать криттеров в Интернете.
Что мы сделали, чтобы повысить наш коэффициент конверсии, так это создали дополнительные статьи, которые дополняли тараканов, которых мы продаем. Эти руководства по уходу привлекли совершенно новую группу людей, которые не знали, что они могут купить сверчков в Интернете. Когда они обнаружили наш контент, они обнаружили, что могут покупать в нашем магазине, что привело к очень низкому показателю отказов 36% и колоссальному коэффициенту конверсии электронной торговли 10%.
Джефф Нил, Critter Depot
Вот их Google Analytics:
Отзывы и рейтинги клиентов (+ пользовательский контент)
Исследование, проведенное Dixa в 2022 году, показало, что 93% покупателей читают онлайн-отзывы перед покупкой. Но мы давно знаем, что отзывы важны, поэтому они, вероятно, уже отображаются на вашем сайте.
Но как лучше всего использовать эти отзывы и рейтинги клиентов?
- Разместите свои отзывы и рейтинги наверху.
Сделайте так, чтобы клиентам было легко сканировать страницу вашего продукта, чтобы увидеть, насколько ваш продукт нравится и сколько людей его любят. Обычно наиболее заметное место для добавления звездного рейтинга находится под названием продукта, и большинство успешных магазинов Shopify следуют этой практике.
Вот пример из Package Free, магазина безотходного образа жизни:
Мы полагаемся на социальное доказательство, чтобы продавать наши популярные продукты. Почти все наши клиенты сообщают, что проверяют, прежде чем совершить покупку, обзоры продуктов в наших опросах отзывов клиентов.
Например, путем раздельного тестирования страниц наших продуктов для наших жевательных резинок Day & Night CBD мы смогли увеличить покупки на 12% для этого продукта, переместив отображение «Отзывов». В конце концов, лучший дизайн поставил отзывы на первое место и в центр, что убедило больше клиентов совершить покупку.
Хотя мы также поиграли с нашими слайдерами изображений, макетом и описанием продукта, самым значительным изменением в наших конверсиях стала демонстрация отзывов на видном месте».
Шон Томас, Pure Relief
- Предлагайте обзоры, подтверждающие ваши утверждения.
Когда вы сортируете свои лучшие отзывы, выделяйте те, которые не только положительные, но и содержат подробный обзор продукта. 73% потребителей уделяют больше внимания обзору, чем вашей общей оценке, т. е. клиенты ищут информацию о продукте, которая поможет им понять, подходит ли он им. - Используйте схему обзора Google.
Эта разметка помогает отображать общий рейтинг и количество отзывов, когда люди ищут ваш продукт.
Вот как это выглядит:
Еще до того, как кто-то попадет на вашу страницу, он уже имеет представление о том, насколько хорош (или плох) ваш продукт.
- Используйте фотографии клиентов в своих отзывах.
Да, вы только что потратили свое время и деньги на получение качественных фотографий для своего сайта. Так зачем же использовать несколько нелестные изображения с низким разрешением? Потому что, согласно исследованию Bazaarvoice 2021 года, 2/3 покупателей хотят видеть фотографии клиентов, прежде чем совершить покупку.
Бренд быстрой моды Shein — хороший пример того, как это реализовать:
Примечание . Используйте фотографии клиентов из социальных сетей, если клиентам сложно загружать изображения при написании отзывов.
- Не удаляйте все свои негативные отзывы.
Наличие 100% положительных отзывов нереально и может показаться мошенничеством. Хотя большое количество негативных отзывов плохо для бизнеса, подумайте о том, чтобы оставить один или два негативных отзыва. Это помогает установить, что вы являетесь законным бизнесом, и придает доверие ко всем вашим отзывам. - Отвечайте на негативные отзывы.
То, как вы относитесь к своим недовольным клиентам, не останется незамеченным. Убедитесь, что вы решаете их проблемы, чтобы новые покупатели знали, что ваша служба поддержки клиентов будет рядом, если у них возникнут проблемы.
Даже у самого популярного столика ИКЕА, приставного столика ЛАКК, есть противники. Но ИКЕА прислушивается к мнению покупателя и отвечает вдумчивым замечанием.
Все ваши сертификаты
Вы можете быть углеродно-нейтральным, веганским, безжалостным и безвредным для аллергиков, но сообразительные потребители не поверят вам на слово — вы должны им это показать.
Мы включаем сертификаты на страницы, где мы показываем нашу продукцию. На странице с надписью «Добавить в корзину» мы подчеркиваем, что наша продукция не содержит ГМО, что важно для наших потребителей. И наши USP, и сертификаты помогли конвертировать наши страницы.
Мелани Бедуэлл, OLIPOP
Вот как OLIPOP отображает свои сертификаты:
Вот еще один пример от Partake Foods:
Все ваши значки доверия
Одна из основных причин, по которой покупатели отказываются от своей корзины, заключается в том, что они беспокоятся о безопасности сайта. Согласно исследованию отказа от корзины Baymard Institute, 18% потребителей отказываются от корзины, потому что не доверяют сайту информацию о своей кредитной карте.
Доверие к вашему сайту поддерживается значками доверия. Они хотят предложить вам поддержку, связав вашу фирму с другими известными и респектабельными компаниями. Поскольку эти значки не так важны, как сам продукт, их часто помещают под призывом к действию.
Если вы хотите, чтобы пользователи регистрировали учетную запись на вашем сайте, вы можете добавить значок, указывающий, что вы используете доверенную компанию по обработке платежей, поставщика услуг безопасности вашего сайта и ваш рейтинг BBB. Это простая вещь, которую вы можете сделать, и которая будет иметь огромное влияние за очень небольшие усилия или время.
Ким Абрамс, Abrams Roofing
Вы найдете значки доверия обычно в нижнем колонтитуле сайта, как в этом примере от HoneyPot:
Но вы можете переместить эти значки доверия выше на странице под кнопкой «Добавить в корзину».
Часто задаваемые вопросы (FAQ)
Иногда людям нужна дополнительная помощь. Предложите обилие часто задаваемых вопросов на странице продукта электронной коммерции. Здесь могут содержаться часто задаваемые вопросы, например, как поддерживать и использовать ваш продукт.
Трэвис Линдемоен, Nexus IT Group
Вот отличный пример со страницы продукта LastObject для LastSwab:
Раздел часто задаваемых вопросов разделен на три категории: характеристики, доставка и продукт. При нажатии на них открывается целая куча часто задаваемых вопросов и ответов.
PS Если вы не знаете, что добавить в раздел часто задаваемых вопросов или хотите, чтобы он обновлялся, добавьте раздел, где клиенты могут задавать вопросы. В разделе обзора LastSwab есть кнопка «Задать вопрос».
Варианты обслуживания клиентов
Некоторым людям нужна дополнительная помощь, чтобы совершить покупку. На самом деле, если вы посмотрите на причины, по которым люди отказываются от тележек, большинство из них можно смягчить, имея круглосуточную поддержку 7 дней в неделю.
Подумай об этом. В физическом магазине, если у вас есть вопросы о продукте или вам нужна помощь с самообслуживанием, вы всегда можете обратиться к продавцу.
Почему бы не повторить это для своего цифрового магазина?
Дайте людям возможность связаться с вами через чат, электронную почту, телефон или даже WhatsApp.
Lunchskins предлагает вариант живого чата и возможность искать ответы в своей базе знаний.
Какой длины должна быть страница продукта Shopify?
Нет ограничений на длину вашей страницы продукта Shopify, но вы должны иметь большинство важных элементов в первой части. Если вы собираетесь добавить много информации на страницу продукта, убедитесь, что:
- Заголовки рассказывают историю
- Контент можно просмотреть
- Вы разбиваете контент визуальными элементами
- Контент не пух
Джейсон Уайз рекомендует использовать пустое пространство, чтобы не перегружать пользователей.
У людей очень короткая продолжительность концентрации внимания, и они нетерпеливы, пытаясь уловить смысл чего-либо. Это изменило время, которое человек готов потратить на перегруженную веб-страницу.
Джейсон Уайз, EarthWeb
Что делает ошеломляющую веб-страницу? Много беспорядка!
Когда вы добавляете разные компоненты с очень небольшим промежутком, мозг получает много разных информационных стимулов одновременно — и перегружается. Оставляя большие промежутки, называемые негативным пространством, вы позволяете мозгу получать информацию разрозненно, заставляя клиента сосредоточиться на одной области, прежде чем переходить к другой, что создает в целом положительный опыт.
Один из способов проверить идеальную длину страницы — просмотреть записи посетителей, просмотреть тепловые карты, а затем запустить A/B-тесты, чтобы увидеть, как ваша аудитория реагирует на разные длины страниц.
Shopify отдельные страницы продукта против нескольких страниц продукта
С точки зрения SEO страницы с одним продуктом, как правило, лучше. Если у вас много обзоров, и в этих обзорах есть изображения или видео, вы можете выбрать лучшие обзоры для размещения на странице, а остальные переместить на отдельную страницу, чтобы это не замедляло время загрузки.
Еще одна дилемма, с которой вы можете столкнуться, — это когда у вас есть продукт с кучей вариантов. Должны ли вы иметь одну страницу для размещения всех связанных продуктов или иметь несколько страниц продуктов, связанных друг с другом?
Сначала подумайте о пользовательском опыте. Если разница заключается в разнице в цвете, вы можете разместить два продукта на одной странице. Но если у второго товара больше возможностей или совсем другой дизайн, лучше добавить его в список товарных рекомендаций.
Как структурировать страницу продукта Shopify с нуля
Вот разбивка от Даррена Литта о том, что помогает странице продукта Hiya Health работать хорошо:
«Во-первых, он начинается с четких фотографий нашего продукта, а также со списком его основных преимуществ и описанием. Вы также увидите цену, сведения о пищевой ценности, 5-звездочный рейтинг продукта и промо-акцию со скидкой, которую мы предлагаем для первых заказов. Это хороший способ привлечь внимание, заинтересовать людей тем, что вы продаете, и заставить их продолжать прокручивать страницу, чтобы узнать больше. Это также способ для нас первоначально представить социальную миссию нашего бренда.
Далее у нас есть раздел для отзывов от счастливых клиентов. Это отличный способ показать потенциальным покупателям, что другие довольны тем, что они купили, и помогает создать чувство социального доказательства. Вы заметите, что у нас есть два раздела, в один из которых автоматически добавляются самые последние отзывы проверенных покупателей. Также стоит отметить, что мы включили фотографии рецензентов, чтобы сделать их более понятными.
За ним следует раздел, в котором показано, что отличает поливитамины Hiya от обычных витаминных жевательных резинок на рынке. Это также важно, поскольку помогает людям понять уникальное ценностное предложение нашего продукта и понять, почему за него стоит платить.
Вы также увидите раздел с часто задаваемыми вопросами. Это важно, потому что помогает решить любые проблемы или оговорки, которые могут возникнуть у кого-то в отношении нашего продукта перед покупкой. Благодаря легкодоступности этой информации потенциальные клиенты могут принять обоснованное решение о том, подходит ли им наш продукт. Этот раздел также показывает, что мы уверены в том, что мы продаем, и что мы прозрачны в отношении нашего продукта и его ингредиентов.
Наконец, у нас есть кнопка призыва к действию, стратегически расположенная четыре раза на странице нашего продукта. Это потому, что мы хотим максимально упростить потенциальным клиентам возможность сделать следующий шаг и приобрести наш продукт».
Примечание . На странице продукта Hiya Health есть все нужные примечания. У него также есть отличное предложение для новых покупателей, которое отображается на видном месте в баннере. Плюс значки сертификации и доверия на странице товара.
Одна новая вещь, с которой вы, возможно, захотите поэкспериментировать, — это сравнительная таблица для страницы вашего продукта. Это совершенно необязательно, и вы можете протестировать его перед развертыванием.
Вплетение эмоционального убеждения в страницы продуктов Shopify
Эмоциональный маркетинг — это и искусство, и наука. Это наука, потому что необходимы исследования, чтобы задействовать эмоции, которые управляют мыслями, чувствами и желаемыми результатами, которые побуждают ваших клиентов совершать покупки. Искусство приходит благодаря использованию идей для создания лучшего пользовательского опыта, копий и изображений, которые увеличивают конверсию.
Талия Вульф, GetUplift
Хотя может показаться логичным разделить вашу аудиторию на разные демографические группы, поймите следующее: люди покупают не товары, они покупают эмоции.
Лучший способ понять, как это работает, — это пример бренда LEGO, которым увлекаются и дети, и взрослые.
В Руководстве GetUplift по эмоциональному маркетингу от AZ Талия объясняет, как LEGO овладела искусством использования эмоций для продажи.
Если вы такой же родитель, как и я, вы, вероятно, получили несколько ударов по ногам из-за крошечных деталей Lego, которые ваши дети разбрасывали по дому. Ой!
Вы готовы пройти через эту мгновенную боль и купить своим детям набор Lego, потому что вы знаете, что игра с кубиками Lego открывает шлюзы воображения ваших детей, вдохновляет их пробовать новые вещи и в конечном итоге повышает их уверенность в себе.Это идея, которую Lego Group использует для продажи».
Мастерская реклама LEGO — вот что делает свое дело.
Вот их оригинальная (отмеченная наградами) реклама «Что это такое красиво» 1980 года и то, как они воссоздали ее для 2021 года:
Эти рекламные объявления нацелены непосредственно на сердце родителей, показывая им, что Lego является неотъемлемой частью строительства, изобретения и воплощения мечты их детей в жизнь. Реклама Lego не фокусируется на том, что вы можете построить (например, замок, автомобиль, башню или грузовик-монстр). Они не подчеркивают количество штук в упаковке или цену. Вместо этого они показывают вам яркие образы детей, гордо строящих и держащих свои творения.
Страницы продуктов Apple: урок мастерства продаж
Мы не можем говорить о страницах продуктов и не думать об Apple. Кроме того, Google рассматривает страницы продуктов Apple как сущность, имеющую отношение к страницам продуктов Shopify.
Apple делает ставку на удовлетворение своих клиентов, и эта философия распространяется на интернет-магазин компании. Сайты их продуктов имеют простой, но невероятно эффективный интерфейс, а также предоставляют всю необходимую информацию, необходимую для совершения транзакции.
Таннер Арнольд, Revelation Machinery
Технологический гигант выбрал одну страницу, на которой акцент сделан на вместительности и отделке, несмотря на то, что продукт доступен в различных размерах и цветовых сочетаниях. Акцент Apple на использовании внимания, которое пользователи уделяют странице, чтобы привлечь внимание к предложению об обмене, является еще одним элементом, который нам очень нравится в компании.
Страницы продуктов Apple имеют аналогичную структуру:
- Краткий обзор продукта + изображение продукта
- Видео обзор продукта
- Сравнительная таблица различных моделей
- Выделены различные способы покупки
- Важные ссылки для обслуживания клиентов, бесплатной доставки и способов оплаты
Страницы продуктов Apple изобилуют высококачественными фотографиями продуктов, множеством призывов к действию и предоставляют пользователям всю необходимую им информацию, не перегружая их.
Степени разделения: другие элементы, влияющие на страницы продуктов Shopify
Хотя страница продукта может быть самой важной для покупателя, другие страницы и элементы на вашем сайте также влияют на вашу страницу продукта.
- Дизайн страницы категории и навигация
При разработке страницы категории подумайте о пользователе. Что будет иметь для них наибольший смысл?
Например, вы можете объединить средства по уходу за кожей в зависимости от проблем пользователя, типа кожи или категории продукта.
Sugar Cosmetics отлично демонстрирует различные категории продуктов и использует раскрывающееся меню для каждого основного элемента:
Некоторые из этих категорий имеют подкатегории, которые ведут на страницу со списком продуктов, например:
- Страница контактов
Элемент, который помог улучшить коэффициент конверсии нашей страницы, — это простота доступа к странице контактов. При создании сайта мы позаботились о том, чтобы страница контактов не была слишком сложной. Например, чем меньшее количество кликов потребуется потребителю, чтобы перейти на страницу контактов, тем больше вероятность того, что он сконвертируется.
Веб-сайт нашей компании простой и лаконичный, с достаточным количеством опций, чтобы потенциальная аудитория могла без особых хлопот связаться с нами. Мы интегрировали нашу контактную страницу с Google Maps, чтобы покупатели могли легко найти наш физический магазин. Разнообразие вариантов помогает потребителям решить, какой способ коммуникации им подходит лучше всего.
Джессика Катс, Сокси
- Всплывающие окна
Хотя всплывающие окна не живут на страницах продуктов, они являются их частью. Раздражающее всплывающее окно может испортить впечатление клиента. Но эффективное, своевременное всплывающее окно может помочь вам привлечь больше клиентов.
Как вы можете создать всплывающее окно, которое поможет вам конвертировать больше? Изучите свою аудиторию, сформулируйте гипотезу и проверьте ее.
Позвольте задать вам вопрос: какое из этих двух всплывающих окон от Sumo вы считаете лучшей версией?
Прочтите наше полное руководство: A/B-тестирование всплывающих окон на Shopify: как сделать их эффективными, чтобы узнать!
- Списки пожеланий
Хотя это может быть трудно услышать, некоторые лиды просто не готовы совершить покупку. Это может быть что угодно: они не могут позволить себе купить прямо сейчас или ждут, когда цена упадет. Списки пожеланий также популярны, потому что они позволяют потенциальным покупателям «перекрестно ссылаться» и оценивать различные товары и цены.
Джейсон, CocoLoan
Нестандартные идеи, которые можно попробовать на страницах продуктов Shopify
Помимо всех элементов, которые должны быть на ваших страницах продуктов, вот несколько интересных идей, которые вы можете попробовать:
1. Геймифицируйте получение таких наград, как Чайник и Огонь
В нижней части страницы продукта у Kettle & Fire есть полоса вознаграждения. По мере того, как вы добавляете больше продуктов, панель близится к завершению, пока вы не разблокируете таинственный подарок.
2. Будьте веселой и остроумной, как Пурри
Pourri, бренд натуральных нейтрализаторов запаха, использует очень веселый и остроумный подход к своему бренду, и это видно в тексте:
3. Создайте футуристический макет, например Sixty-Nine .
Sixty-Nine, недемографический бренд одежды, использует чистый и минималистичный макет для страниц своих продуктов.
Кнопка «Добавить в корзину» мигает, а внизу идет бегущая строка с надписью «Ты молодец».
Нужно больше идей? Вот несколько из информационного бюллетеня Риши Равата «Быстрые перекусы».
- Попробуйте смешанный формат для изображений вашего продукта
- Сделайте так, чтобы интерфейс страницы вашей категории был переработан.
- Обоснуйте свои цены для скептиков
Подпишитесь на информационный бюллетень Quick Bites Риши Равата здесь.
Лучшие шаблоны страниц продуктов Shopify
Нужно что-то, что работает из коробки? Вот 5 лучших шаблонов страниц продукта, которые вы можете попробовать:
Примечание . Использование этих шаблонов изменит внешний вид всего магазина.
Империя
Эта тема от Pixel Union отличается чистым минималистичным дизайном и содержит все необходимые элементы, которые вам понадобятся, чтобы выделить страницы вашего продукта. У Empire есть 3 разных стиля на выбор: поставка, графика и промышленность.
Из 277 отзывов 75% положительные.
Свежий
Тема Shopify от Eight Theme, Fresh, имеет отличный игривый вид, сохраняя при этом все необходимые элементы, необходимые для того, чтобы убедить пользователей совершить покупку. У Fresh есть 3 разных стиля на выбор: Sharp, Sweet и Smooth.
83% отзывов положительные, и разработчики отвечают на каждый отзыв.
Мохаве
Тема DigiFist Mojave также является отличным вариантом для страниц продуктов. Оба стиля темы, Inner и Mojave, имеют правильные элементы и вкладки для «доставки и возврата» и «материалов и ухода».
Отзывы о теме 100% положительные:
Способствовать росту
Clean Canvas' Boost theme checks off all the right boxes. Plus, you can add a gift message in the basket when you checkout. You can play around with 4 different theme styles—Bloom, Inspire, Spark and Flourish.
The reviews are 95% positive.
Каскад
Cascade by Switch — это эстетически приятная тема, которую вы можете попробовать в 3 разных стилях — классическом, ярком и современном.
100% отзывов положительные.
Лучшие примеры страниц продуктов Shopify, на которые стоит обратить внимание
Успешные страницы продуктов Shopify строятся на 4 столпах:
- Ясность –
Понятно, что продается? Как только вы попадаете на страницу, можете ли вы сказать, что продается в магазине? Или нужно копаться, чтобы понять это? Внимание мимолетно, поэтому убедитесь, что вашу страницу можно понять с первого взгляда. - Актуальность –
Соответствует ли это тому, что ищут покупатели? Если вы рекламируете свои файлы cookie как веганские, безопасные для животных и безопасные для аллергиков, убедитесь, что вы подтверждаете эти заявления в информации о пищевой ценности вашего продукта и отображаете свои сертификаты. - Экспертиза –
Демонстрирует ли страница опыт и знания? Достаточно ли информации вы предоставили новым клиентам, чтобы рассеять их опасения? Например, у вас должны быть подробные инструкции по эксплуатации и руководства по уходу. - Легкость принятия решений –
Предлагает ли страница достаточно информации в упрощенном виде, чтобы первые покупки могли сработать без паралича анализа?
Бен Лабай исследует, насколько это важно, в этом посте:
Помимо страниц продуктов, которые мы рассмотрели, вот еще несколько примеров страниц продуктов Shopify, в которых отмечены нужные поля:
- Колорпоп
- Гимшарк
- Баджау
Создание идеальной страницы продукта Shopify для вашего магазина: протестируйте все
Идеальной страницы продукта Shopify не существует.
Вдохновляйтесь страницами успешных продуктов и используйте их. Вы лучше всех знаете своих клиентов.
Ваша способность превратить свой магазин электронной коммерции в экономичную машину сводится к двум вещам: насколько хорошо вы знаете своих клиентов и как часто вы можете проверять эти знания.
Создайте культуру постоянных экспериментов с A/B-тестированием и наблюдайте, как растет доход!
Закладка: A/B-тестирование на Shopify: Руководство для предпринимателей (+ 9 реальных примеров)