Как тепловые карты и карты прокрутки повысили конверсию в нашем интернет-магазине на 9,3%

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

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

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

Короче говоря, только Google Analytics не предоставит вам достаточно информации для улучшения вашего веб-сайта.

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

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

Нажмите сюда для того, чтобы скачать

Отслеживайте точную активность ваших посетителей

С 2011 года, когда я впервые запустил свой курс по интернет-магазину, я использую инструмент под названием Crazy Egg, чтобы улучшить свои веб-страницы. В отличие от Google Analytics, Crazy Egg позволяет точно визуализировать, как клиент взаимодействует с вашим сайтом .

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

Обновление: теперь я использую инструмент под названием Mouse Flow, который позволяет вам записывать и смотреть видео ваших клиентов в действии в дополнение к тепловым картам и картам прокрутки! К тому же это значительно дешевле, чем CrazyEgg!

Нажмите здесь, чтобы попробовать MouseFlow бесплатно в течение 30 дней

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

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

Желтая и красная части страницы являются «горячими», а зеленая и синяя области - это области, где посетитель не так заинтересован в содержании.

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

Личная история

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

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

И единственная причина, по которой я решил внести изменения на страницу, - это данные, которые я собрал с помощью таких инструментов, как Crazy Egg и Mouse Flow.

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

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

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

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

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

Ниже показана вторая итерация той же страницы.

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

Но даже после этого изменения мы продолжали периодически получать самые простые вопросы по телефону, например: «Как мне персонализировать свой носовой платок?».

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

Вы можете заметить здесь проблему? Клиенты на самом деле нажимали на эти маленькие картинки, даже если они не были ссылками! Может быть, клиенты кликали туда, ожидая, что что-то произойдет?

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

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

Примечание: я думаю, что отчасти она запуталась, потому что те маленькие фотографии носовых платков были выше сгиба, а «настоящие» товары были спрятаны ниже сгиба на ее ноутбуке. Это была настоящая проблема!

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

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

После добавления всплывающего окна и проведения сплит-тестирования исходной целевой страницы я обнаружил, что добавление всплывающего окна и перемещение продуктов выше на странице увеличило конверсию примерно на 9,3%, но, что наиболее важно, с тех пор мы не получали обращения в службу поддержки по этому поводу. .

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

Уроки выучены

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

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

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

Самое приятное то, что вы можете нажать здесь, чтобы попробовать эти инструменты отслеживания бесплатно в течение 30 дней.

Не стесняйтесь задавать мне любые вопросы ниже.