Jak mapy ciepła i mapy przewijania zwiększyły konwersje w naszym sklepie internetowym o 9,3%

Jeśli chodzi o prowadzenie jakiejkolwiek działalności online, śledzenie zachowań odwiedzających i testowanie lejków konwersji jest niezbędne do poprawy sprzedaży. Większość webmasterów korzysta z bezpłatnego narzędzia Google Analytics do śledzenia ogólnych statystyk swoich witryn.

Ale chociaż Google Analytics jest niezwykle potężnym narzędziem, nie dostarcza wystarczających informacji, aby dać jasny obraz interakcji użytkownika z Twoją witryną. Na przykład…

• Google Analytics nie informuje, które dokładnie przyciski i linki klika osoba na danej stronie.
• Google Analytics nie informuje, które części Twojej strony internetowej są najczęściej czytane.
• Google Analytics nie informuje, czy ludzie przewijają się w dół i czytają całą zawartość.

Krótko mówiąc, sam Google Analytics nie zapewnia wystarczającej ilości informacji, aby ulepszyć Twoją witrynę.

Uzyskaj bezpłatny mini kurs na temat tego, jak założyć udany sklep e-commerce

Jeśli jesteś zainteresowany rozpoczęciem działalności e-commerce, przygotowałem kompleksowy pakiet zasobów , które pomogą Ci uruchomić własny sklep internetowy od zera. Koniecznie weź go przed wyjazdem!

Kliknij tutaj, aby pobrać

Śledź dokładną aktywność swoich gości

Od 2011 roku, kiedy po raz pierwszy uruchomiłem kurs w sklepie internetowym, korzystam z narzędzia o nazwie Crazy Egg, które pomaga ulepszać moje strony internetowe. W przeciwieństwie do Google Analytics, Crazy Egg pozwala dokładnie zobrazować, w jaki sposób klient wchodzi w interakcję z Twoją witryną .

Na przykład narzędzie umożliwia tworzenie map popularności, aby zobaczyć, gdzie Twoi klienci klikają w Twojej witrynie.

Aktualizacja: Używam teraz narzędzia o nazwie Mouse Flow, które oprócz map ciepła i map przewijania pozwala nagrywać i oglądać filmy swoich klientów w akcji! Dodatkowo jest znacznie tańszy niż CrazyEgg!

Kliknij tutaj, aby wypróbować MouseFlow bezpłatnie przez 30 dni

Poniższy obrazek pokazuje, w co klikają odwiedzający, gdy trafiają na moją stronę sprzedaży. Jak widać, jest intensywne klikanie przycisku „Kliknij tutaj, aby wziąć udział w wycieczce”, co jest dokładnie tym, czego chcę.

Zarówno Crazy Egg, jak i Mouse Flow udostępniają również mapę przewijania, która pozwala określić, które części Twojej strony są faktycznie czytane. Poniższy obrazek wyraźnie pokazuje, które części mojej strony są bardziej popularne.

Żółte i czerwone części strony są „gorące”, podczas gdy zielone i niebieskie obszary to obszary, w których odwiedzający nie jest tak zaangażowany w treść.

W każdym razie, jeśli kiedykolwiek próbowałeś sprzedać coś online, prawdopodobnie rozumiesz, dlaczego korzystanie z takiego narzędzia może być nieocenione w zrozumieniu zachowań klientów i umożliwieniu wprowadzenia niezbędnych poprawek, aby poprowadzić odwiedzających we właściwym kierunku.

Osobista historia

Więc tutaj jest to dla mnie trochę zawstydzające :) Chociaż używam tych narzędzi dość intensywnie do optymalizacji mojego bloga i stron docelowych, nie zacząłem używać narzędzia w moim sklepie e-commerce dopiero w zeszłym roku.

Pomyślałem więc, że poświęcę trochę czasu, aby podzielić się z Wami testem, który niedawno przeprowadziłem, który zmniejszył liczbę telefonów wsparcia do naszego sklepu i zwiększył konwersje o 9,3% .

A jedynym powodem, dla którego zdecydowałem się wprowadzić zmiany na stronie, były dane, które zebrałem za pomocą narzędzi takich jak Crazy Egg i Mouse Flow

Poniżej pokazano, jak dawno temu wyglądał jeden z naszych najlepszych landing pages.

Oto krótki opis projektu strony. W naszym sklepie sprzedajemy spersonalizowane chusteczki do nosa. Oferujemy do wyboru 14 różnych stylów chusteczek i 14 kolorów nici, a klient może w zasadzie dostosować swoją chustkę do swoich potrzeb.

Problem polegał jednak na tym, że klienci byli zdezorientowani wyborem produktu, ponieważ myśleli, że utknęli z chusteczką „widoczną na zdjęciu” i nie pozwalali na wybór różnych stylów lub kolorów nici.

Otrzymywaliśmy więc wiele telefonów od ludzi pytających, jak spersonalizować chusteczkę i czy mogliby spersonalizować inną chusteczkę niż ta, którą pokazano na zdjęciu itp.

W każdym razie, aby uniknąć nieporozumień, dodałem zdjęcie wszystkich chusteczek, które można spersonalizować na górze strony, które następnie rozszerzą się do większego obrazu, gdy najedziesz myszką na konkretną chusteczkę. Dodałem również wykres wątków.

Poniżej pokazano drugą iterację tej samej strony.

Pomysł polegał na tym, aby klient od razu zauważył, że podczas dodawania personalizacji ma do wyboru duży wybór chusteczek, aby nie pomylić się i nie odejść.

Ale nawet po tej zmianie od czasu do czasu otrzymywaliśmy przez telefon bardzo podstawowe pytania, takie jak „Jak spersonalizować moją chusteczkę?”.

W każdym razie wiedziałem, że nasz interfejs użytkownika nadal ma pewne problemy, ale zostawiłem go w spokoju na najdłuższy czas, ponieważ strona nadal bardzo dobrze konwertowała (między 3-7%). Ale ponieważ te produkty są jednymi z naszych wielkich pieniędzy, zdecydowałem się na Crazy Egg i to właśnie zauważyłem.

Czy widzisz tutaj problem? Klienci faktycznie klikali te małe obrazki, mimo że nie były to linki! Czy to możliwe, że klienci klikali tam, oczekując, że coś się wydarzy?

Po obejrzeniu mapy popularności zaprosiłem znajomego, który nigdy nie robił zakupów w naszym sklepie, aby spróbował kupić spersonalizowaną chusteczkę. I oto i oto zaczęła klikać te zdjęcia!

Założyła, że ​​klikając na małe zdjęcie, zostanie przeniesiona na inną stronę, gdzie będzie mogła spersonalizować swoją chusteczkę. Była też zdezorientowana całym procesem personalizacji, ponieważ nie było jasnych instrukcji .

Uwaga: Myślę, że jednym z powodów, dla których się zdezorientowała, było to, że te małe zdjęcia chusteczki znajdowały się nad zakładką, a „prawdziwe” produkty były ukryte pod zakładką na jej laptopie. To był prawdziwy problem!

W każdym razie miałem pewien dylemat. Gdybym umieścił wskazówki, jak spersonalizować chusteczkę u góry strony, zepchnęłoby to wszystkie produkty poniżej zakładki, co nie byłoby pożądane.

Więc ostatecznie zdecydowałem się stworzyć małe okienko informacyjne, które wyświetlało się, gdy ktoś kliknął na jedno z tych małych obrazków. W tym wyskakującym okienku podałem konkretne wskazówki, jak spersonalizować chusteczkę. Dodatkowo usunąłem kolorową grafikę nici, aby przenieść nasze produkty w górę strony . Oto przykład poniżej.

Po dodaniu wyskakującego okienka i przeprowadzeniu kilku testów z oryginalną stroną docelową stwierdziłem, że dodanie wyskakującego okienka i przeniesienie produktów wyżej na stronie zwiększyło konwersje o około 9,3%, ale co najważniejsze, od tego czasu nie otrzymaliśmy kontaktu z pomocą techniczną w tej sprawie .

Mimo że ta strona wciąż wymaga pracy, byłem zachwycony, że znalazłem problematyczne miejsce na naszym landingu, które udało mi się natychmiast wykryć dzięki analizie mapy ciepła. Przy zwykłym Google Analytics nigdy nie zaobserwowałbym tego zachowania.

Zdobyta wiedza

Jeśli cokolwiek odbierzesz od tego posta, oznacza to, że Google Analytics nie dostarcza wystarczających informacji, aby poprawić konwersje, jeśli prowadzisz jakąkolwiek witrynę transakcyjną.

Analiza zachowań klientów jest ważna i ważne jest, aby nie tylko wiedzieć, którzy klienci odwiedzają, ale także w jaki sposób wchodzą w interakcję z Twoją stroną.

Prowadzenie sklepu internetowego jest tak samo transakcyjne, jak to tylko możliwe, więc polecam wszystkim sklepom e-commerce myślenie poza analizą i obserwowanie swoich klientów na znacznie dokładniejszym poziomie.

Najlepsze jest to, że możesz kliknąć tutaj, aby wypróbować te narzędzia do śledzenia za darmo przez 30 dni.

Zapraszam do zadawania mi pytań poniżej.