15 лучших примеров целевых страниц электронной коммерции + идеи, которые конвертируют [2022]

Отчет Shopify « Будущее электронной коммерции за 2022 год» раскрыл некоторые не столь шокирующие истины:

• Прямые потребительские расходы растут.
• Расходы на рекламу стремительно растут на разных платформах.
• Ожидается, что к 2024 году глобальные продажи электронной коммерции достигнут 6 триллионов долларов.
• Конкуренция является самым большим препятствием для достижения роста в 2022 году.

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

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

Хорошие новости?

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

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

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

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

Чем ярче, детальнее и качественнее, тем лучше.

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

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

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

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

Слишком много предложений и опций на целевой странице может привести к аналитическому параличу или к тому, что психолог Барри Шварц называет «парадоксом выбора». Это просто заставляет ваших посетителей чувствовать себя подавленными и нерешительными.

Чтобы бороться с этим, вам нужно отточить один CTA.

Мы называем эту целевую страницу лучшей практикой с соотношением внимания 1:1. Одна цель, один CTA.

Вот и все.

Например, обратите внимание, что Home Chef имеет только одну ссылку на всей своей целевой странице (зеленая кнопка для выбора блюд). Даже красная липкая полоса «Использовать предложение» ведет к одной и той же цели конверсии, только сформулированной по-другому.

Теперь сравните это с целевой страницей Thistle:

Полная целевая страница Thistle содержит около 20 ссылок. Это сильно отвлекает и еще больше места для нерешительности.

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

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

Социальное доказательство целевой страницы укрепляет доверие и представлено в виде отзывов клиентов, звездных рейтингов, значков доверия, наград, упоминаний в СМИ, тематических исследований и многого другого.

Например, Jasper (формально Jarvis) размещает социальное доказательство на своей целевой странице в виде звездных рейтингов, отзывов клиентов и списка клиентов с логотипами.

Когда дело доходит до социального доказательства, обратите внимание на следующее:

• Создайте процесс: сделайте отзывы частью вашего процесса продаж, автоматизировав поиск по электронной почте.
• Выбирайте по подгонке: ищите отзывы, которые соответствуют вашему ценностному предложению.
• Разместите его везде: Разместите социальное доказательство везде, где сможете. Выделите для него отдельный раздел, разместите его рядом с преимуществами, рядом с описанием продукта, рядом с кнопками CTA, на странице оформления заказа/корзины и так далее.
• Сохраняйте разнообразие : используйте отзывы, звездные рейтинги, награды, избранные публикации… список примеров социальных доказательств можно продолжать и продолжать. (На самом деле, мы написали целый блог, посвященный многим типам; посмотрите его здесь.)
• Будьте честны: никто не ожидает идеальной репутации. На самом деле, слишком тщательно подобранное социальное доказательство может заставить ваших клиентов усомниться в его законности и честности.

Вот немного экономики 101: чем ниже цена, тем больше спрос.

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

Поэтому неудивительно, что Corkscrew Wine Merchants увеличили конверсию на 148%, когда они добавили этикетку со скидкой 15% на целевую страницу своего продукта.

Точно так же один из наших собственных клиентов, MyClean, добился успеха после сплит-тестирования скидок в своей копии. Скидки как часть их стратегии позволили увеличить конверсию на 31% и снизить цену за конверсию на 20%. (Подробнее об их успехе вы можете прочитать в нашем тематическом исследовании.)

Но вам может быть интересно, в какой момент вы рискуете удешевить свой бренд? И сколько еще продаж вам нужно сделать, чтобы компенсировать упущенную выгоду?

В случае с Corkscrew увеличение количества новых покупок на 18,5% по цене 45 долларов за бутылку, несомненно, компенсировало потерю прибыли из-за скидки.

Но если бы коэффициент конверсии вырос всего, скажем, на 2%, это было бы сложнее оправдать.

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

Например, этот бренд предлагает скидку, но только если вы подпишитесь на их рассылку.

Один из самых простых и быстрых способов увеличить конверсию целевой страницы электронной коммерции — протестировать копию кнопки CTA.

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

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

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

Сначала мы протестировали низкую угрозу:

Затем мы протестировали среднюю угрозу:

Наконец, мы протестировали высокую угрозу:

Результаты?

«Попробуй 30 дней!» увеличить конверсию на 18% по сравнению с «Подробнее».

«Купить сейчас» увеличило конверсию на 2% по сравнению с «Узнать больше».

Предложение никогда не менялось — вы всегда можете вернуть утюг в течение 30 дней. Но, изменив текст призыва к действию на менее угрожающую версию «Купить сейчас», мы повысили мотивацию покупателя.

По словам Баймарда, 25% веб-сайтов электронной коммерции не имеют достаточного разрешения изображения продукта или уровня масштабирования. Нехорошо, учитывая, что первое действие 56% посетителей интернет-магазина — просмотр изображений продуктов.

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

Например, обратите внимание, насколько пикселизирован этот диван Sears при увеличении:

Теперь сравните это с примером от Nike:

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

Что, если мы ущипнем, чтобы увеличить масштаб на мобильном телефоне?

Большинство платформ электронной коммерции, таких как Shopify, Magento, BigCommerce и WooCommerce, предоставляют приложения или функции для масштабируемых изображений продуктов. Вы должны убедиться, что ваши изображения имеют достаточно высокое разрешение.

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

Результаты: люди любят живое общение. Онлайн-чат имеет уровень удовлетворенности потребителей 92%, и до 41% покупателей предпочитают онлайн-чат в качестве канала поддержки клиентов.

Живой чат не только обеспечивает эффективный канал обслуживания клиентов в режиме реального времени, но и обеспечивает беспрепятственный путь к конверсии.

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

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

Unbounce, безусловно, знает преимущества:

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

Например, обратите внимание, как Paula's Choice (магазин средств по уходу за кожей) использует чат-бота для ответов на начальные вопросы, но затем предоставляет возможность поговорить с реальным человеком после.

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

Срочность затрагивает фундаментальный принцип поведенческой психологии: неприятие потерь.

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

Взгляните на этот пример целевой страницы, который сочетает в себе дефицит и срочность на целевой странице:

Итак, как вы можете повысить актуальность своих обычных целевых страниц и целевых страниц продукта?

• Показать уровни запасов: осталось всего два? Сообщите своим посетителям.
• Запустите предложение с ограниченным сроком действия: создайте срочность, ограничив распродажу, скидку или цену только ограниченным временем.
• Используйте таймер обратного отсчета: сделайте свое ограниченное предложение наглядным с помощью таймера обратного отсчета спереди и по центру.
• Показать общее количество покупок . Сообщите своим потенциальным клиентам, сколько покупателей уже совершили покупку (см.: социальное доказательство).
• Запустите кампанию предварительного заказа: запустите специальную распродажу только для первых покупателей и подсластите сделку предпочтительными ценами и бонусами за ранний доступ.
• Предлагайте эксклюзивные бонусы: добавляйте дополнения ограниченного выпуска для клиентов, которые покупают сейчас.
• Держите уведомления об отсутствии на складе видимыми: нет лучшего способа создать ощущение срочности, чем сообщить посетителям, что разные размеры, цвета или размеры уже распроданы.

Сегодняшние потребители хотят и ожидают бесплатную доставку . Фактически…

• 80% потребителей ожидают бесплатную доставку при заказе на определенную сумму в долларах.
• 60% покупателей отказываются от корзины из-за дополнительных расходов, включая стоимость доставки.
• 58% клиентов добавляют товары в корзину, чтобы получить бесплатную доставку.

Вот еще несколько убедительных цифр о бесплатной доставке:

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

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

Например, вы можете предложить

• бесплатная доставка при минимальной сумме заказа
• бесплатная доставка только в течение ограниченного времени
• бесплатная доставка на некоторые товары
• бесплатная доставка по городу
• бесплатная доставка до пункта самовывоза
• бесплатная доставка для участников (например, Amazon Prime)
• бесплатная доставка только 7 дней

Эта целевая страница Gillette предлагает бесплатную доставку для каждого заказа:

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

Так что мыслите стратегически.

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

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

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

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

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

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

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

Drunk Elephant недавно изменил дизайн страниц своих продуктов (по состоянию на начало 2022 года). Это не настоящие целевые страницы, но они часто используются для рекламных кампаний. Одна проблема: они стали слишком милыми с этим.

Теперь, посетители

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

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

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

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

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

Видео. Видео. Видео.

Мы знаем — в наши дни никто не может перестать говорить о видео.

Но правда остается. Когда дело доходит до сообщения ценности ваших продуктов, нет ничего лучше, чем хорошо подготовленное видео на целевой странице.

Потребитель, который смотрит видео о продукте, на 144% чаще добавляет этот продукт в свою корзину. А в исследовании, в котором приняли участие более 1000 человек, 96% респондентов заявили, что считают просмотр видео полезным в процессе принятия решений.

Почему?

Ну, если картинка говорит тысячу слов, то видео говорит миллион… только за считанные секунды.

Вот почему приведенный ниже пример вряд ли нуждается в словах; Видео говорит само за себя.

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

Как видите, видео о товарах может быть в разных формах, например:

• объяснитель продукта
• как
• история
• распаковка
• Сравнение продуктов
• + многое другое

Исследования показывают, что использование пустого пространства увеличивает понимание почти на 20%.

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

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

Например, обратите внимание, как Oura Ring использует пустое пространство вокруг CTA раздела героя, чтобы соблазнить ваш взгляд:

Или обратите внимание, как пустое пространство между разделами на целевой странице Marlow Pillow создает информационную архитектуру, которая направляет ваш взгляд вниз по странице от одного преимущества к другому.

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

Правда? В нашем гиперконкурентном мире есть большая вероятность, что ваши продукты не на 100% уникальны.

И это нормально. Не беспокоиться.

Самое главное, чтобы вы повесили шляпу на что-то и посвятили себя этому.

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

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

Давайте рассмотрим примеры для всех трех.

Saucey конкурирует в своей нише: доставка алкоголя. Ничего больше. Не меньше.

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

Компания Death Wish Coffee Co. продает кофе (сюрприз).

Не совсем оригинальный продукт.

Тем не менее, Death Wish вешает шляпу, предлагая «самый крепкий кофе в мире». Они мастерски заявляют о своей ценности жирными красными буквами, а затем подтверждают свое заявление, подробно рассказывая о том, как именно они производят самый крепкий кофе в мире.

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

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

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

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

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

Исследование Nielsen Norman Group показало, что большинство людей читают в Интернете по образцу F. Вот тепловая карта, которая показывает иерархию взгляда глаза:

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

Хотите совет? Укажите конечную точку земли Z на CTA.

Цвет ваших кнопок CTA не так важен, как цветовой контраст ваших кнопок и фона. Сделайте их популярными. Период.

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

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

В целом, когда дело доходит до оптимизации конверсий, рекомендуется подходить ко всему со здоровой долей скептицизма.

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