7 najlepszych praktyk dotyczących aktualizacji witryn eCommerce

Jako niezależny projektant lub projektant agencji aktualizowanie witryn WordPress może być świetną zabawą. Możesz przeprowadzić pełną eksplorację marki, zmodernizować witrynę internetową lub odkryć nowe funkcje, które z pewnością zachwycą Twojego klienta.

Ale jak zapewne wiesz, gdy aktualizacje dotyczą witryny eCommerce, przed wprowadzeniem jakichkolwiek zmian należy wziąć pod uwagę kilka rzeczy.

Aby pomóc Ci uporać się z tymi aktualizacjami witryny, jednocześnie powodując minimalne przestoje lub utratę sprzedaży, przygotowałem ten przewodnik zainspirowany radami inżynierów szczęścia Flywheel i członków naszego programu partnerskiego agencji.

Ten przewodnik obejmuje:

1. 5 znaków, że czas na przeprojektowanie eCommerce (lub przynajmniej znaczące aktualizacje)
2. Dlaczego należy zachować ostrożność podczas aktualizowania witryn eCommerce
3. Najlepsze praktyki, których należy przestrzegać, aby uniknąć przestojów lub utraty przychodów

5 znaków, że czas na przeprojektowanie eCommerce (lub przynajmniej znaczące aktualizacje)

Wszyscy wiemy, że tylko dlatego, że klient prosi o całkowite przeprojektowanie witryny, nie zawsze jest to dla niego najlepsze rozwiązanie. Jeśli chodzi zwłaszcza o witryny eCommerce, jeśli nie musisz ich przeprojektowywać, czasami najlepiej jest spróbować przejść z mniejszymi aktualizacjami (aby uniknąć niektórych obaw, o których powiemy w następnej sekcji).

Nie oznacza to jednak, że przeprojektowanie jest niemożliwe. W rzeczywistości istnieje kilka świetnych scenariuszy, w których prawdopodobnie jest to właściwe połączenie:

1. Współczynnik konwersji witryny jest niski.
2. Współczynnik odrzuceń witryny jest wysoki.
3. Twój klient otrzymuje skargi klientów dotyczące funkcjonalności witryny.
4. Motyw lub kluczowa wtyczka, za pomocą których zbudowana jest witryna, nie są już obsługiwane przez programistę.
5. Czytasz ten artykuł.

1. Współczynnik konwersji witryny jest niski

Jeśli Twój klient ma duży ruch, ale niski współczynnik konwersji, może to oznaczać, że w witrynie występują problemy z UX. Wyciągnij adres URL i zacznij klikać. Prawdopodobnie dość szybko zauważysz, na czym polega problem.

Kilka pytań, które możesz sobie zadać:

• Czy nawigacja jest łatwa do naśladowania?
• Czy strony produktów są przejrzyste i łatwe do zakupu?
• Czy witryna i proces realizacji transakcji działają na urządzeniach mobilnych?
• Czy wyskakujące okienka i widżety wyświetlają się poprawnie?
• Czy łatwo jest wyświetlić koszyk?
• Czy wprowadzanie informacji o karcie kredytowej jest bezpieczne?

Chociaż przeprojektowanie witryny nie jest jedynym sposobem rozwiązania niektórych z tych problemów (i z pewnością nie jest to jedyny sposób na zwiększenie współczynnika konwersji), jest to jeden ze sposobów na rozwiązanie niektórych podstawowych problemów, zwłaszcza jeśli napotykasz więcej niż jeden.

2. Współczynnik odrzuceń witryny jest wysoki

Podobnie jak współczynnik konwersji, wysoki współczynnik odrzuceń może sygnalizować, że coś w obecnym projekcie witryny nie odpowiada kupującym. Jeden z największych przestępców: wolne czasy ładowania.

Według badania przeprowadzonego przez Google z 2017 r. , gdy czas ładowania strony wynosi od 1 sekundy do 5 sekund, prawdopodobieństwo odrzucenia wzrasta o 90%.

W przypadku witryn eCommerce wysoki współczynnik odrzuceń bezpośrednio przekłada się na utratę przychodów. Jeśli jest to coś, co możesz naprawić dla swoich klientów, zapewnisz im mnóstwo wartości (i dużo więcej pieniędzy na ich koncie bankowym).

Ponownie, chociaż przeprojektowanie nie jest jedynym sposobem na przyspieszenie witryny WordPress, może być konieczne, jeśli winowajcą wydaje się być jakaś technologia, z której zbudowana jest witryna. Jeśli teraz wydaje się, że nadszedł właściwy czas, aby przejść na WooCommerce lub uaktualnić do kompleksowego rozwiązania eCommerce, warto połączyć wszystkie te zmiany w jedną dużą aktualizację, zamiast powoli je wprowadzać.

3. Twój klient otrzymuje skargi klientów dotyczące funkcjonalności strony

Jeśli jest dosłownie zepsuty… to całkiem dobry powód do przeprojektowania. Doświadczenie użytkownika ma kluczowe znaczenie dla witryn eCommerce, ponieważ klient końcowy musi mieć pewność, że robi takie rzeczy, jak wprowadzanie informacji o karcie kredytowej, dodawanie adresu wysyłki lub podawanie innych danych osobowych w witrynie klienta.

Jeśli Ty lub Twój klient nie testujecie regularnie ich witryny, problemy z funkcjonalnością mogą przez jakiś czas pozostać niezauważone. Miejmy nadzieję, że Twój klient ma klientów, którzy nie boją się przekazywać opinii i którzy wyślą wiadomość e-mail lub prześlą zgłoszenie do pomocy technicznej, jeśli elementy witryny są zepsute lub mylące.

Jeśli twój klient wspomina o otrzymywaniu skarg tu i tam, prawdopodobnie nie jest to wielka sprawa (a przynajmniej można to rozwiązać za pomocą jednorazowych poprawek). Jeśli twój klient wspomina wiele z tych skarg lub wydaje się, że istnieje jakiś wzór, to dobry znak, że może być większy problem i może być konieczne przeprojektowanie.

4. Motyw lub kluczowa wtyczka na stronie nie są już obsługiwane przez programistę

Jest to prawdopodobnie najbardziej oczywisty powód przeprojektowania na tej liście i może być odpowiedzialny za niskie konwersje, wysoki współczynnik odrzuceń i niesprawną funkcjonalność. Jeśli witryna Twojego klienta jest zależna od oprogramowania, które nie jest już obsługiwane, to tylko kwestia czasu, zanim konieczne będzie przeprojektowanie.

Zanim jednak wyciągniesz wnioski na temat wycofania motywu lub wtyczki, dobrym pomysłem jest przeprowadzenie badań, aby zobaczyć, co się dzieje. Być może autor wtyczki lub motywu opublikował krytyczną aktualizację, którą pominął twój klient, a może zostały przejęte przez inną firmę i istnieje inny proces wsparcia.

Ostatecznie możesz nadal zdecydować, że potrzebne jest przeprojektowanie z nowym motywem lub wtyczką (wtyczkami), ale warto ustalić ten kontekst przed wprowadzeniem zmian, aby nie było żadnych niespodzianek.

5. Czytasz ten artykuł

Jeśli tu jesteś, zgaduję, że coś w twoim wnętrzu mówi ci, że w rzeczywistości potrzebne są znaczące aktualizacje dla witryny eCommerce twojego klienta, aby mogła prosperować.

Słuchaj swoich instynktów.

Chociaż powinieneś dokładnie określić cel przeprojektowania, jeśli ty i twój klient jesteście zgrani w zakresie potrzebnych zmian, jest to wystarczający powód, aby nadać temu priorytet, zamiast próbować uciec z małymi poprawkami.

Przeprojektowanie będzie wymagało dużo pracy, ale pamiętaj tylko, że ilość pracy (i potencjalnych problemów) będzie rosła, im dłużej będziesz odkładał rozwiązywanie podstawowych problemów.

Podsumowując: chociaż duże aktualizacje nie są jedynym sposobem na rozwiązanie problemów z witrynami handlu elektronicznego, czasami są one konieczne, zwłaszcza jeśli naruszona zostanie funkcjonalność witryny lub wrażenia użytkownika. Jeśli znajdziesz się w takiej sytuacji z witryną klienta, jest kilka rzeczy, o których warto pomyśleć przed wykonaniem jakichkolwiek aktualizacji.

Dlaczego należy zachować ostrożność podczas aktualizowania witryn eCommerce

Żeby było jasne, „ostrożny” w tym sensie nie oznacza „nie rób tego”. Projektanci stron internetowych aktualizują witryny eCommerce codziennie bez problemów i Ty też możesz!

Kiedy mówię „ostrożnie”, mam na myśli kilka dodatkowych rzeczy, o których należy pomyśleć podczas aktualizacji witryn eCommerce, a zaoszczędzisz sobie wielu bólów głowy, jeśli pomyślisz o nich przed wprowadzeniem czegokolwiek do produkcji.

Przestój oznacza utratę sprzedaży i obniżoną wiarygodność

Przestoje to coś, czego prawdopodobnie starasz się unikać we wszystkich witrynach swoich klientów, ale w przypadku sklepów eCommerce czas bezawaryjnej pracy ma kluczowe znaczenie . Jeśli odwiedzający witrynę nie mają dostępu do sklepu Twojego klienta, dosłownie nie ma szans na zostanie klientami, a to zwiększa szanse, że przeniosą swoją firmę gdzie indziej.

Zepsuta witryna może nawet na stałe odwrócić niektórych odwiedzających, powodując wrażenie, że sklep został zhakowany lub zbankrutował.

Nie po to, aby wywierać presję, ale stawka jest nieco wyższa podczas pracy z witryną eCommerce. Dlatego najlepiej jest być przygotowanym przed dokonaniem jakichkolwiek aktualizacji.

Nadpisanie bazy danych grozi utratą zamówień w aktywnej witrynie

Załóżmy, że wprowadzasz zmiany w środowisku testowym, gdy aktywna witryna działa normalnie. Aktualizujesz kod, testujesz zmiany i wprowadzasz do środowiska produkcyjnego cztery godziny później.

Jeśli nadpiszesz bazę danych, zamówienia, które miały miejsce w działającej witrynie w ciągu tych czterech godzin, mogą zostać usunięte… powodując zdezorientowanie klientów i problemy z zapasami dla Twojego klienta.

Jeśli ich witryna nie otrzymuje jeszcze zbyt dużego ruchu, być może uda Ci się bez szwanku nadpisać bazę danych, ale w miarę jak sklep Twojego klienta odnosi coraz większe sukcesy (a częstotliwość zamówień zaczyna rosnąć), ryzyko wzrasta. Oznacza to, że przepływ pracy związany z wykonywaniem aktualizacji witryny ma kluczowe znaczenie, aby upewnić się, że nie zastąpisz niczego, czego nie chcesz.

Ogromne zmiany mogą zagrozić doświadczeniu użytkownika

W przypadku witryn eCommerce ważne działania użytkowników odbywają się w czasie rzeczywistym, takie jak dodawanie produktów do koszyka, wprowadzanie informacji rozliczeniowych, przesyłanie płatności itp. Wyobraź sobie, że masz zamiar coś kupić, gdy cały projekt witryny jest o zmianach. Czy zaufałbyś mu?

Prawdopodobnie nie. Nacisnąłbyś odświeżenie, zdezorientowałbyś się, a może nawet wyświetlił stronę konkurenta.

W następnej sekcji zbadam, w jaki sposób można zapobiec tej niepewności przed aktualizacjami (zwłaszcza na skalę przeprojektowania). W przypadku jakichkolwiek aktualizacji witryny eCommerce, jednak dobrze jest pomyśleć o tym, jak zmiany będą postrzegane przez użytkowników aktualnie przebywających w witrynie w momencie aktualizacji, aby upewnić się, że nie robisz nic zbyt drastycznego (zwłaszcza przepływ kasy).

Teraz, gdy wiesz o kilku rzeczach, o których należy pamiętać podczas aktualizowania witryn eCommerce, przejdźmy do dobrych rzeczy!

Najlepsze praktyki, których należy przestrzegać, aby uniknąć przestojów lub utraty przychodów

W zależności od skali aktualizacji może być konieczne wykonanie wszystkich tych kroków lub nie. Moim celem jest, abyś mógł łączyć i dopasowywać te najlepsze praktyki, aby odkryć przepływ pracy, który najlepiej odpowiada Tobie i Twojemu klientowi!

1. Upewnij się, że WordPress, motyw i kluczowe wtyczki są zaktualizowane

Czy sam ten krok rozwiąże wszystkie problemy związane z aktualizacją? Nie.

Ale zapewni to, że nie dokonasz większych zmian w witrynie tylko po to, aby dowiedzieć się, że coś się zepsuje lub mogło zostać naprawione przez pierwszą aktualizację wtyczki.

Co więcej, przeprojektowanie to zawsze dobry czas na porządkowanie witryny, więc oprzyj się na swojej wewnętrznej Marie Kondo i zorganizuj się. Wykonuj aktualizacje WordPress, motywów i wtyczek, archiwizuj stare zamówienia, wyczyść bazę danych, a może nawet odinstaluj niektóre z tych motywów lub wtyczek, których witryna już nie używa.

(Wszyscy wiemy, jak szybko mogą się sumować, zwłaszcza jeśli Twój klient zarządzał własną witryną przed przyjściem do Ciebie!)

Gdy wszystko będzie działać w najnowszej wersji, będziesz dokładnie wiedział, z czym pracujesz, jeśli chodzi o ten przeprojektowanie. A kto wie, może nawet skrócisz swoją listę rzeczy do zrobienia, naprawiając problem z funkcjonalnością, po prostu aktualizując coś!

2. Rozważ powiadomienie użytkowników o konserwacji witryny, aby wiedzieli, kiedy nie robić zakupów

Może to nie wydawać się właściwe dla wszystkich witryn eCommerce, ale jeśli Twój klient ma małą społeczność kupujących, przejrzystość powiadomienia o aktualizacjach witryny może być mile widziana. Najlepsze jest to, że nie wymaga to zbyt wiele dodatkowej pracy; wystarczy jasno komunikować terminy z klientem, aby wszyscy dokładnie wiedzieli, kiedy spodziewać się zmian.

Jeśli Twój klient ma wielu stałych klientów, możesz zasugerować, aby wysłali wiadomość e-mail z powiadomieniem o oknie konserwacji. Jeśli Twój klient sprzedaje dużo nowym użytkownikom sieci, warto zapoznać się z wyskakującym lub przyklejonym nagłówkiem z informacją, kiedy nastąpią aktualizacje.

Mówiąc o „kiedy nastąpi aktualizacja”, jeśli martwisz się o to Ty lub Twój klient, kolejnym krokiem, który możesz zrobić, jest wprowadzenie zmian w „poza” godzinami pracy (np. późno w nocy, jeśli większość ich sprzedaży odbywa się od 9 -5).

Chociaż te techniki nie gwarantują, że ludzie nie będą robić zakupów w oknie aktualizacji, mogą pomóc zmniejszyć ryzyko aktywności w witrynie podczas wprowadzania zmian do produkcji.

3. Otwórz stronę konserwacyjną podczas przesyłania aktualizacji na żywo

Jeśli aktualizacja witryny eCommerce, gdy użytkownicy są aktywni, nie stanowi ryzyka, które chcesz podjąć, w pełni sprawdzonym sposobem na zatrzymanie zakupów jest przełączenie witryny w tryb konserwacji.

Strona konserwacji lub strona „Wkrótce” zasadniczo ukrywa całą zawartość Twojej witryny, zwykle z komunikatem typu „Nadchodzą aktualizacje; sprawdź wkrótce!”

Zaletą tej techniki jest to, że wygląda o wiele bardziej profesjonalnie niż zepsuta strona. Zamiast widzieć Twój projekt w toku (i potencjalnie uszkodzony), odwiedzający zobaczą prostą stronę docelową z kontekstem tego, co się dzieje.

Minusem jest to, że odwiedzający nie będą mogli robić zakupów, gdy witryna jest w trybie konserwacji, więc najlepiej włączyć tę opcję, gdy będziesz gotowy do wprowadzania aktualizacji, a następnie wyłączyć ją, gdy tylko skończysz aby Twój klient mógł wrócić do zarabiania na sprzedaży.

Te wtyczki mogą pomóc w przełączeniu witryny w tryb konserwacji:

• Tryb konserwacji WP
• Fantazyjne już wkrótce i tryb konserwacji
• Tryb inteligentnej konserwacji

I znowu, wprowadzanie aktualizacji poza godzinami pracy może pomóc złagodzić wszelkie utracone przychody z przeprojektowania.

4. Najpierw wprowadź zmiany w witrynie lokalnej lub tymczasowej, a następnie zaktualizuj witrynę aktywną

Prawdopodobnie słyszałeś, że nigdy nie należy wprowadzać zmian w działającej witrynie, a zamiast tego należy używać środowiska tymczasowego lub środowiska lokalnego do testowania aktualizacji przed przekazaniem ich do środowiska produkcyjnego.

Nadal dobrym pomysłem jest najpierw przetestowanie aktualizacji w środowisku programistycznym, ale należy zachować ostrożność przy automatycznym wypychaniu zmian do środowiska produkcyjnego, na wypadek gdyby ten proces nadpisał bazę danych działającej witryny. (Jak wspomniałem wcześniej, może to spowodować utratę zamówień, a to nie jest ból głowy, z którym chcesz się uporać.)

Wielu projektantów stron internetowych zamiast tego dokonuje aktualizacji w działającej witrynie ręcznie, po przetestowaniu kodu w zgodnym środowisku programistycznym. Nie jest to najbardziej płynny przepływ pracy, ale zapewnia, że ​​baza danych pozostaje niezmieniona i nadal daje możliwość przetestowania rzeczy przed edycją sklepu.

Jeśli wcześniej nie korzystałeś ze strony testowej, sprawdź, czy jest to coś, co zapewnia Twój hosting WordPress. (Koło zamachowe i WP Engine zawierają witrynę pomostową z każdym planem!) Jeśli nie jest jeszcze uwzględniona w pakiecie hostingowym, może być konieczne uaktualnienie planu, aby odblokować tę funkcję.

Jeśli chodzi o środowisko lokalne, Local to bezpłatna platforma rozwoju lokalnego, z którą możesz zacząć w mniej niż pięć minut. Możesz także połączyć witryny Flywheel lub WP Engine, co bardzo ułatwia ściągnięcie kopii witryny eCommerce, dzięki czemu znasz dopasowanie środowisk i bazy danych.

5. Kontrola jakości przed i po wprowadzeniu zmian na żywo

Testowanie ma kluczowe znaczenie podczas przeprojektowywania witryny eCommerce i zalecam wykonanie tego zarówno przed, jak i po opublikowaniu zmian.

Witryny pomostowe Flywheel i WP Engine, wraz z Local, umożliwiają pracę nad kopią witryny na żywo (więc możesz być pewien, że jeśli coś tam działa, będzie działać na produkcji), ale nadal mądrze jest potwierdzić po wprowadzeniu zmian wszystko działa zgodnie z założeniami.

W końcu nigdy nie chcesz ryzykować wprowadzania zmian w produkcji, odejścia, a potem otrzymania telefonu od klienta, ponieważ coś się zepsuło i nie zdałeś sobie z tego sprawy.

Oczywiście będziesz chciał przetestować wszystko, co aktualizujesz, i przejrzeć wszystkie strony z istotnymi zmianami w projekcie, ale innym elementem witryn eCommerce, który chcesz sprawdzić, jest możliwość robienia zakupów.

Te zasoby mogą być pomocne podczas testowania procesu realizacji transakcji:

• Testowanie płatności WooCommerce: dokument pomocy WooCommerce
• WooCommerce Core Testing Checklist: Lista kontrolna WooCommerce na GitHub
• Ghost Inspector: aplikacja do testowania aktualizacji stron internetowych
• Usetrace: system testowy, który nie wymaga kodu
• Cypress: kompleksowa platforma testowa JavaScript
• Puppeteer: biblioteka Node do kontrolowania Chrome przez protokół DevTools

6. Przyjmij testowanie iteracyjne (kiedy możesz)

Jeśli czujesz się przytłoczony liczbą zmian, które musisz wprowadzić w witrynie e-commerce, w pewnym momencie warto zadać sobie pytanie: czy muszą nastąpić wszystkie naraz, czy też można je podzielić na wiele mniejszych aktualizacji?

Jeśli pracujesz nad pełnym przeprojektowaniem marki i przeglądem funkcjonalności, może lepiej będzie wprowadzić tryb konserwacji i spróbować wyeliminować to wszystko na raz. Jeśli jednak wprowadzasz mniejsze zmiany lub myślisz o naturalnych fazach wdrażania aktualizacji, dobrą praktyką jest wprowadzanie zmian iteracyjnych w czasie.

Ma to kilka zalet:

1. Jeśli coś się zepsuje, łatwiej będzie wyśledzić, co poszło nie tak (ponieważ będziesz mieć mniej wierszy kodu do sortowania).
2. Wrażenia użytkownika są mniej podatne na zakłócenia, ponieważ będziesz aktualizować pojedynczą część witryny na raz (w przeciwieństwie do całej).
3. Jeśli mierzysz wpływ aktualizacji witryny (na przykład na szybkość witryny lub współczynniki konwersji), będziesz w stanie dokładnie określić, jakie zmiany spowodowały wyniki.

Jeśli to zainspiruje Cię do wprowadzenia wielu drobnych zmian zamiast pełnego przeprojektowania, warto skorzystać z systemu wersjonowania, takiego jak GitHub. Pomoże Ci to śledzić, kiedy/w jaki sposób kod został zmieniony, a także pomoże Ci łatwo wycofać aktualizację, jeśli coś zostanie wypchnięte, zanim będzie gotowe.

7. Przygotuj plan wsparcia na wypadek, gdyby coś poszło nie tak.

Miejmy nadzieję, że przynajmniej najpierw przetestowałeś zmiany w witrynie testowej lub utworzyłeś kopię zapasową działającej witryny, zanim wypchniesz nowe wiersze kodu. Takie kroki zapewnią Ci powrót do miejsca, w którym zacząłeś, w przypadku, gdy coś naprawdę się zepsuje.

Jednak w najgorszym przypadku może nadejść moment, w którym będziesz musiał zadzwonić do znajomego po pomoc i najlepiej mieć ten plan, zanim zaczniesz gapić się na uszkodzoną stronę internetową.

Pomyśl o swoich zasobach. Jeśli masz znajomego w branży, często konsultujesz się z pytaniami, powiadom ich, gdy masz zamiar dokonać dużego przeprojektowania, i sprawdź, czy są one dostępne w tym samym czasie, jeśli pojawi się pytanie.

Jeśli jesteś aktywny w społecznościach Facebook lub Slack dla projektantów stron internetowych, rozważ zrobienie tego samego lub nawet zasięgnięcie porady przed rozpoczęciem aktualizacji.

Na koniec upewnij się, że wiesz, jak skontaktować się z zespołem pomocy technicznej swojego hosta WordPress i wszelkimi kluczowymi motywami lub wtyczkami, które zasilają witrynę, zwłaszcza jeśli po raz pierwszy aktywujesz nową. Klienci Flywheel i WP Engine mają całodobowy dostęp do ekspertów WordPress, którzy są zawsze w gotowości, jeśli pojawi się problem z serwerem.

Kliknij tutaj, aby dowiedzieć się więcej o obsłudze koła zamachowego, obsłudze WP Engine lub kliknij tutaj, aby uzyskać dostęp do pomocy za pośrednictwem pulpitu nawigacyjnego koła zamachowego.

Aktualizowanie witryn eCommerce może być trudniejsze niż tradycyjnej witryny, ale dzięki tym wskazówkom mam nadzieję, że poczujesz się na siłach do wprowadzenia zmian w witrynie przy minimalnym ryzyku przestojów lub utraty przychodów! Postępując zgodnie z kilkoma prostymi najlepszymi praktykami, możesz radykalnie zmniejszyć ryzyko zepsucia czegokolwiek, jednocześnie znacznie zwiększając wartość, jaką Twoje usługi zapewniają klientom.

Chociaż jest to długa lista, w żadnym wypadku nie jest wyczerpująca. Co jeszcze robisz, aby bezpiecznie aktualizować witryny eCommerce? Daj mi znać w komentarzach pod spodem!

Łatwiej aktualizuj witryny eCommerce WordPress dzięki Flywheel

Flywheel ułatwia zarządzanie witrynami klientów dzięki funkcjom takim jak bezpłatne witryny pomostowe, bezpłatne automatyczne kopie zapasowe, bezpłatne narzędzia do współpracy i całodobowe wsparcie ekspertów WordPress. To wszystko dzięki naszej imponującej infrastrukturze hostingu w chmurze, która zapewnia ich witrynom niesamowitą szybkość i pełne bezpieczeństwo.

Odkryj różnicę między partnerem hostingowym (zamiast dostawcy) już dziś!