...

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

287

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 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 дней

На картинке ниже показано, на что нажимают посетители, когда попадают на мою страницу продаж. Как вы можете видеть, я нажимаю на кнопку «Click Here To Tour», и это именно то, что я хочу.

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

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

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

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

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

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

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

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

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

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

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

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

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

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

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

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

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

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

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

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

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

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

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

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

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

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

Вы читали это?

Everything you need to know to start a profitable blog and build an audience

  • Find a profitable niche
  • Setup a WordPress blog
  • Generate traffic to your site

Enter your primary email address below and receive my FREE 6 Day Mini-Course and weekly tips on How To Create A Profitable Blog

Learn How To Start A Profitable Blog

Как Heat Maps и Scroll Maps увеличили конверсию для нашего интернет-магазина на 9,3%

Источник записи: https://mywifequitherjob.com

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