Aktualizacja sklepu WooCommerce to poważna sprawa, ponieważ możesz złamać pewne funkcjonalności, które mogą negatywnie wpłynąć na Twoją dolną linię lub po prostu jak działa Twoja witryna.

Istnieją cztery szkoły myślenia wśród właścicieli sklepów, gdy aktualizacje WooCommerce toczą się wokół:

• Kowboj: Ci właściciele sklepów trafiają „aktualizuj” bez zastanowienia. Następnie ich sklepy rozpadają się wokół nich.
• The Couch Potato: Ci, którzy po prostu całkowicie ignorują aktualizacje, traktując je tak, jakby nie istniały.
• Straszny Kot: Ci właściciele sklepów mają tak wiele przestarzałych wtyczek i motywów, ponieważ są przerażeni tym, co się stanie, jeśli spróbują dokonać aktualizacji.
• Maverick: Wreszcie, są to właściciele sklepów, którzy prowadzą regularne kopie zapasowe, testują nowe wersje WooCommerce na stronie inscenizacji, a następnie aktualizują swoją witrynę na żywo bez problemu.

Właściwie każdy powinien być Maverick. Na szczęście, nie jest trudno być jednym z nich! Z odpowiednimi narzędziami na miejscu, solidną listą kontrolną do testowania i pewną automatyzacją, możesz zacząć utrzymywać swoją witrynę WooCommerce na bieżąco i zawsze działać płynnie.

W tym poście zamierzamy przeprowadzić Cię przez to, jak przeprowadzić bezpieczną aktualizację WooCommerce od początku do końca, w tym jakie narzędzia należy użyć i dużą listę kontrolną do testowania i aktualizacji.

Czy jesteś gotowy, aby zacząć? Zróbmy to, a następnie!

Invest a Little Time Now to Save a Lot of Time (And Anxiety) Later

Zanim się zanurzymy, najlepsze praktyki mówią nam, że nigdy nie powinieneś aktualizować swojej witryny, zwłaszcza WooCommerce, bez dokładnego testowania wszelkich nowych wydań w pierwszej kolejności. Dotyczy to wydań głównych, pomniejszych i poprawek – to nie ma znaczenia.

Musisz być skłonny poświęcić trochę czasu teraz, aby zaoszczędzić dużo czasu później.

Nie musisz od razu uderzać w przycisk „aktualizuj”. Daj sobie trochę czasu i upewnij się, że rozumiesz, jakie zmiany zostaną wprowadzone i, co najważniejsze, jak mogą one wpłynąć na wszystko inne w Twojej witrynie. Po prostu czytanie o nowych funkcjach dostępnych w wersji WooCommerce, do której chcesz się zaktualizować, pomoże Ci uzyskać głowę wokół tego, na co musisz się przygotować.

Aby umieścić rzeczy w perspektywie i zrozumieć, jak łatwo rzeczy mogą się zepsuć, pomyśl o tym z punktu widzenia dewelopera wtyczek lub motywów na sekundę: ponieważ rdzeń WooCommerce, a także rdzeń WordPress, muszą być kompatybilne wstecz. Teraz pomyśl o liczbie wtyczek, których Ty – lub Twoja witryna klienta – używasz. Jak prawdopodobne jest, że aktualizacja WooCommerce złamie jakąś funkcjonalność? Cóż, domyślam się, że znasz już odpowiedź: bardzo prawdopodobne.

Dlatego właśnie, zaraz po ogłoszeniu aktualizacji WooCommerce, zawsze dobrze jest przejrzeć dzienniki zmian i fora pomocy technicznej WordPress.org przed aktualizacją WooCommerce. Jeśli kiedykolwiek wystąpił problem z aktualizacją, 99% czasu ktoś inny natknąłby się na problem jako pierwszy, oszczędzając mnóstwo czasu i kłopotów z samodzielnym radzeniem sobie z problemem.

Nie jest też niczym niezwykłym powstrzymanie się od popychania aktualizacji WooCommerce natychmiast do witryny i czekanie na autorów wtyczek / schematów, aby wydać własne aktualizacje produktów związanych z WooCommerce, zanim będziesz mógł zaktualizować również swoją witrynę. Więc bycie cierpliwym i poświęcenie czasu na sprawdzenie kompatybilności może naprawdę się opłacić.

Jeśli chodzi o aktualizację witryny WooCommerce, czy działasz jak 🤠 Kowboj, 🥔 Couch Potato, 🙀 Scaredy-Cat, lub 😎 Maverick? Kliknij, aby zobaczyć, jaki typ właściciela sklepu jesteś 👇Click to Tweet

Getting Started With Your WooCommerce Update

Istnieją cztery zasadnicze etapy podczas podchodzenia do aktualizacji WooCommerce, każdy z własnym zestawem kroków. Obiecujemy, że po przejściu przez wszystko raz, będzie szybciej i łatwiej za każdym razem! Przeprowadzimy Cię przez każdy z następujących czterech etapów aktualizacji WooCommerce:

Aktualizacja WooCommerce: Getting the Right Tools

Spójrzmy prawdzie w oczy: ręczne testowanie WooCommerce jest żmudne i czasochłonne. To właśnie z tych powodów tak wiele osób po prostu tego nie robi lub, gdy to robią, nie testują poprawnie i przegapiają błędy na swoich stronach.

Na szczęście istnieją narzędzia, które mogą pomóc przyspieszyć proces testowania i sprawić, że nie będzie to już tak nudna rzecz do zrobienia. Po niezliczonych razach testowania aktualizacji WooCommerce przez lata, są to narzędzia, które zalecamy. Przyjrzyjmy się bliżej każdemu z nich.

Staging Site

To jest nienegocjowalne. Nigdy nie powinieneś aktualizować swojej witryny na żywo natychmiast po wydaniu nowej wersji WooCommerce. Strony etapowe zapewniają środowisko testowe, w którym możesz swobodnie łamać rzeczy (zazwyczaj bez reperkusji).

Tam możesz uruchomić aktualizacje WooCommerce, przetestować nowe wersje i zobaczyć, jak Twoja witryna może zareagować przed aktualizacją witryny na żywo. Jeśli nie masz strony inscenizacji, Kinsta może Ci pomóc (oferujemy środowiska inscenizacji jednym kliknięciem):

Visual Comparison Tools

Skąd wiesz, czy Twoja witryna zmieniła się po aktualizacji WooCommerce? Jeśli prowadzisz dużą witrynę z dziesiątkami stron, śledzenie małych zmian w formatowaniu lub nawet widżetów, które przestały się wyświetlać, może zająć trochę czasu.

Z wizualnym narzędziem do porównywania, takim jak WP Boom, którego będziemy używać w tym samouczku, możesz zrobić migawkę swojej witryny, uderzyć w „aktualizację”, a następnie zrobić drugą migawkę, dzięki czemu możesz szybko zobaczyć, co się zmieniło:

Ważne jest, aby zwrócić uwagę, że zmiana wizualna nie musi oznaczać, że jakiś element funkcjonalności zepsuł się na twojej stronie, po prostu, że może być zepsuty.

Narzędzia do testowania end-to-end

Pomimo, że narzędzia do porównywania wizualnego mogą pomóc Ci szybko zauważyć zmiany w formatowaniu i projektowaniu Twojej witryny, narzędzia do testowania end-to-end idą dalej. Testują one rzeczywistą funkcjonalność witryny i zapewniają większą pewność, gdy coś nie działa.

Klikanie po witrynie w celu wykonania testów, takich jak dodanie elementu do koszyka i wypisanie się, wymaga czasu. Te zadania dość szybko się starzeją, gdy testowałeś aktualizacje WooCommerce sto razy wcześniej.

Z narzędziami do testowania end-to-end, możesz zautomatyzować ten proces, więc jest on wykonywany automatycznie dla Ciebie.

Po wyłączeniu Robot Ninja, pokażemy Ci, jak korzystać z dwóch różnych narzędzi w tym samouczku.

Pierwszym z nich jest Ghost Inspector:

Drugim narzędziem do testowania end-to-end, które możesz wypróbować, jest Usetrace:

Jest to kolejne zautomatyzowane narzędzie do testowania end-to-end dla WooCommerce, którego możesz używać zarówno na stronach inscenizacji, jak i na żywo. Przejdziemy przez to, jak skonfigurować oba w dalszej części tego artykułu. WooCommerce ma również kilka testów E2E, przez które możesz przejść, jeśli jesteś bardziej deweloperem.

Narzędzia do tworzenia kopii zapasowych

Powinieneś wykonywać regularne kopie zapasowe swojej witryny. Jeśli jesteś zainteresowany kopiami zapasowymi bazy danych, polecamy WP Migrate DB Pro, lub po prostu użycie WP-CLI do szybkiego eksportu.

Jeśli jesteś z Kinsta, zapewniamy automatyczne codzienne kopie zapasowe, ręczne punkty kopii zapasowych i przechowywanie kopii zapasowych dla wszystkich naszych planów:

Gdy masz już odpowiednie narzędzia na miejscu, nadszedł czas, aby zrobić trochę przygotowań.

Updating WooCommerce: Prepping (A 7-Step Checklist)

Jeśli chcesz, aby Twoja aktualizacja WooCommerce przebiegła bezproblemowo, musisz zrobić trochę prep. Wiąże się z tym trochę pracy, ale po przygotowaniu raz, łatwiej jest wypełnić puste pola i zrobić to szybciej przy następnej aktualizacji. Poniżej znajduje się siedem kroków przygotowawczych, które zalecamy.

Krok 1: Zapoznaj się z witryną, którą aktualizujesz

Jeśli nie jesteś pewien, jak twoja witryna ma funkcjonować (np. jeśli jest to witryna nowego klienta), zrób notatki. To pomoże złagodzić niektóre z niepokojów, które możesz czuć, jeśli się mylić o tym, jak witryna działa po aktualizacji (dzieje się to częściej niż można się spodziewać).

Zalecam również sporządzenie listy krytycznych adresów URL i funkcjonalności witryny (i klientów). Powinno to obejmować ważne strony w witrynie, takie jak strona główna, kategoria i produkt, 'moje konto’, koszyk i strony kasy.

Krok 2: Sprawdź, czy Twoje kopie zapasowe są aktualne

Jeśli Twoje kopie zapasowe nie są aktualne, teraz jest czas, aby uruchomić kolejną kopię zapasową. Ponownie zapoznaj się z narzędziem do tworzenia kopii zapasowych. Co najważniejsze, sprawdź czy działa ono poprawnie i upewnij się, że wiesz jak przywrócić poprzednią migawkę twojej witryny.

Krok 3: Ustaw WP Boom

Ustawienie tego narzędzia zajmuje tylko minutę. Jeśli twoja pamięć i robienie notatek nie są świetne (wszyscy możemy popełniać błędy), WP Boom może pomóc wypełnić luki dzięki zrzutom ekranu twojej witryny. Pomyśl o nich jak o zdjęciach „przed” w promocjach odchudzania.

Chcesz zacząć od zrobienia pierwszego zrzutu strony, więc masz wizualny zapis linii bazowej swojej strony inscenizacji pre-update.

To zazwyczaj nie będzie w stanie zrobić zrzutów ekranu kasy (potrzebujesz kilku produktów w koszyku) i chronionych stron, ale to jest to, gdzie jedno z następnych narzędzi może pomóc.

Uwaga: Przeprowadzimy Cię przez to, jak skonfigurować i używać WP Boom w dalszej części tego postu.

Krok 4: Skonfiguruj swoje zautomatyzowane narzędzie do testowania

Jeśli testowałeś WooCommerce ręcznie, jest to część, w której zrobiłbyś listę scenariuszy testowych: tj, otwórz swoją stronę, dodaj produkt do koszyka, przejdź do kasy, wprowadź informacje o płatności itp.

Na szczęście zarówno Ghost Inspector, jak i Usetrace mogą automatycznie zrobić to wszystko za Ciebie. Wyjaśnimy jak skonfigurować oba te narzędzia za chwilę.

Krok 5: Zidentyfikuj inne części witryny, które chcesz przetestować

Kolejnym krokiem jest zidentyfikowanie innych części witryny, które chcesz przetestować, w oparciu o listę krytycznych adresów URL i funkcjonalności, które stworzyłeś wcześniej. Może to być funkcjonalność taka jak formularze kontaktowe i wyskakujące okienka, lub elementy takie jak pokazy slajdów i galerie.

Możesz przetestować te rzeczy ręcznie, lub jeśli jesteś bardziej technicznie zorientowany, możesz spróbować swoich sił w automatyzacji tego kroku również.

Krok 6: Sprawdź, co nowego w wersji WooCommerce, do której aktualizujesz

Dobrym pomysłem jest również sprawdzenie, jakie nowe aktualizacje i funkcje są dostępne w wersji WooCommerce, do której aktualizujesz. Dokładniej, sprawdź, czy Twoje wtyczki i motyw są z nią kompatybilne.

Powtarzam, lepiej poświęcić trochę czasu teraz, aby zaoszczędzić sobie czasu i niepokoju później. Zalecamy sprawdzenie ogłoszeń o wydaniu na WooCommerce.com, dzienników zmian, problemów GitHub i forów pomocy technicznej WordPress.

Krok 7: Sklonuj swoją witrynę na żywo do środowiska inscenizacji

Jeśli używasz wtyczek, które posiadają tryb inscenizacji, takich jak Subskrypcje WooCommerce, włącz je lub po prostu wyłącz. Podobnie, będziesz chciał wyłączyć pocztę elektroniczną.

Następnie sprawdź dwukrotnie, aby upewnić się, że twoje środowisko inscenizacji naśladuje twoją żywą witrynę tak dokładnie, jak to możliwe. Sugerujemy również włączenie trybu debugowania WordPress w tym momencie, aby pomóc w rozwiązywaniu problemów w dół drogi.

Ważne: Po pchnięciu witryny do inscenizacji, nie chcesz stracić żadnych zamówień, które mogą przejść. Aby tego uniknąć, naszym zaleceniem byłoby wprowadzenie sklepu WooCommerce w tryb konserwacji. Zapewni to, że żadne zamówienia nie zostaną złożone podczas wykonywania aktualizacji i testowania.

Updating WooCommerce: Updating and Testing Your Staging Site (A 7-Step Checklist)

Teraz, gdy jesteś przygotowany i gotowy do działania, nadchodzi część zabawy: aktualizacja witryny etapowej. Wspaniałą rzeczą w witrynach inscenizacji jest to, że nie ma znaczenia, jeśli witryna łamie, bo to tylko kopia. Rzućmy okiem na kroki związane z tą częścią procesu.

Krok 1: Zrób zrzut swojej strony z WP Boom

Pierwszą rzeczą, którą będziesz chciał zrobić, jest zrobienie zrzutu swojej strony z WP Boom. To da ci wizualny zapis linii bazowej twojej strony inscenizacji, przed aktualizacją.

Krok 2: Uruchom narzędzie do testowania i upewnij się, że twoje testy przechodzą

Jak wspomnieliśmy wcześniej, możesz użyć narzędzia do testowania end-to-end, takiego jak Ghost Inspector lub Usetrace, aby zautomatyzować swoje testy. W dalszej części tego artykułu przeprowadzimy Cię przez to, jak możesz uruchomić test przy użyciu obu narzędzi i sprawdzić, czy testy przechodzą.

Krok 3: Zaktualizuj swoje wtyczki i motyw

W fazie przygotowawczej wspomnieliśmy o sprawdzeniu, czy Twoje wtyczki i motyw są kompatybilne z najnowszą wersją WooCommerce, do której aktualizujesz. Jeśli zauważyłeś, że twoje wtyczki lub motyw są przestarzałe i nie są już kompatybilne z najnowszą wersją WooCommerce, teraz jest czas, aby zaktualizować je do wersji, która jest kompatybilna.

Krok 4: Zaktualizuj WooCommerce na swojej stronie testowej

Po zaktualizowaniu wtyczek i motywów, upewniając się, że nie będzie żadnych problemów z kompatybilnością, jesteś gotowy, aby zaktualizować swoją stronę testową do najnowszej wersji WooCommerce. Aktualizacja witryny etapowej pozwala zidentyfikować wszelkie potencjalne błędy do rozwiązania przed popchnięciem aktualizacji WooCommerce do witryny live.

Krok 5: Sprawdź swoje dzienniki błędów

Po aktualizacji wtyczek, motywu i WooCommerce, mądrze jest sprawdzić swoje dzienniki w poszukiwaniu błędów wynikających z tych aktualizacji. Zrób szybkie skanowanie, aby upewnić się, że nadal możesz uzyskać dostęp do strony głównej i obszaru administracyjnego.

Jeśli pojawi się biały ekran śmierci lub utkniesz w jakiejś innej sytuacji nie do odzyskania, teraz jest dobry moment, aby przywrócić poprzednią migawkę witryny. Możesz albo samemu rozwiązać jakiś problem, albo poszukać pomocy.

Krok 6: Zrób drugą migawkę, aby porównać zmiany

Jeśli wszystko idzie dobrze do tej pory, uruchom WP Boom ponownie i uzyskaj drugą migawkę. Porównaj swoje zrzuty przed i po, aby zobaczyć, co się zmieniło.

Wspaniałe w WP Boom jest to, że powie ci, jak bardzo twoja strona zmieniła się od ostatniego zrzutu.

Na przykład, może być 7% wizualnej zmiany między dwoma zestawami zrzutów. Chociaż nie musi to oznaczać, że Twoja witryna jest uszkodzona, może to oznaczać, że musisz dostosować niektóre style.

Krok 7: Uruchom Ghost Inspector lub Usetrace ponownie, aby upewnić się, że wszystko działa poprawnie

Następnie uruchom kolejny test za pomocą Ghost Inspector lub Usetrace (lub dowolnego narzędzia do testowania end-to-end, które wybrałeś), aby upewnić się, że przepływ kasy jest w odpowiednim stanie roboczym. Możesz również wykonać ręczne lub automatyczne kontrole dla każdej innej funkcjonalności w witrynie, takiej jak formularze kontaktowe.

Jeśli cokolwiek nie działa tak, jak byś tego oczekiwał, teraz jest czas, aby to zgłosić i/lub naprawić.

Jeśli masz niestandardowy kod działający w witrynie (tj, kod, który nie jest utrzymywany przez zewnętrzną wtyczkę/rozszerzenie dewelopera), będziesz musiał go naprawić i upewnić się, że poprawki są stosowane do witryny na żywo przed lub po uruchomieniu aktualizacji (w zależności od problemu).

Kontrola wersji, taka jak posiadanie witryny w Git, może pomóc w lepszym zarządzaniu zmianami. To, gdzie zgłaszasz błędy, będzie zależało od tego, jakich wtyczek używasz i jakie są twoje ustalenia dotyczące wsparcia. Stąd, będziesz musiał albo czekać na nowe wydania wtyczek / schematu, a następnie spróbować procesu ponownie, lub pracować nad poprawkami samodzielnie i zaktualizować swój kod.

Dobrą wiadomością jest to, że Twoja witryna na żywo nie jest uszkodzona, Twoi klienci nadal będą mogli dokonywać zakupów. Plus, możesz poświęcić czas na powtórzenie procesu tak bardzo, jak to konieczne, aż będziesz mieć pewność, że wszystko będzie działać zgodnie z oczekiwaniami.

Updating WooCommerce: Updating and Testing Your Live Site (An 8-Step Checklist)

Once you’ve updated your staging site and have it working smoothly, with any broken functionality fixed and all bugs ironed out, you’re ready to update your live site.

Przyjrzyjmy się krokom związanym z aktualizacją witryny WooCommerce na żywo, z których wiele będzie podobnych do tych, które wykonałeś podczas testowania witryny inscenizacji.

Krok 1: Utwórz kopię zapasową witryny na żywo

Pierwszym krokiem jest utworzenie kopii zapasowej witryny na żywo. Ważne jest, aby upewnić się, że nie pominiesz tego kroku. Jeśli jesteś użytkownikiem Kinsta, masz wiele opcji tworzenia kopii zapasowych do wyboru. Jednakże, możesz również użyć wtyczki kopii zapasowej.

Krok 2: Zrób kolejną migawkę swojej witryny

Następnie, będziesz chciał zrobić kolejną migawkę swojej witryny z WP Boom. Zapewnia to wizualny zapis linii bazowej witryny na żywo, przed aktualizacją.

Krok 3: Uruchom Ghost Inspector lub Usetrace i upewnij się, że twoje testy przechodzą

Znowu, możesz użyć Ghost Inspector lub Usetrace do tego, w zależności od tego, czy chcesz użyć rozszerzenia Chrome lub narzędzia online do rejestrowania testów. Zapewnia to kolejny punkt odniesienia dla witryny przed aktualizacją.

Krok 4: Synchronizacja i wypchnięcie zmian na żywo

Następnie, w zależności od tego, jak działają twoje środowiska staging i live, możesz po prostu potrzebować zsynchronizować zmiany między stronami staging i live. Alternatywnie, być może będziesz musiał uruchomić aktualizację wtyczek i kodu ponownie.

Jeśli jesteś z Kinsta, możesz popchnąć zmiany na żywo jednym kliknięciem:

Pamiętaj, aby najpierw wyjąć swój sklep WooCommerce z trybu konserwacji.

Krok 5: Sprawdź swoje dzienniki błędów

Po zakończeniu synchronizacji aktualizacji sprawdź ponownie dzienniki błędów pod kątem wszelkich problemów, które mogły wystąpić w wyniku aktualizacji. Sprawdź, czy nadal jesteś w stanie uzyskać dostęp do strony głównej i obszaru administracyjnego.

Jak w przypadku witryny inscenizacji, jeśli otrzymasz biały ekran śmierci lub napotkasz inną niemożliwą do naprawienia sytuację, najlepiej jest przywrócić poprzednią migawkę witryny i zrobić kilka problemów lub zwrócić się o pomoc.

Krok 6: Zrób kolejną migawkę z WP Boom

Następnie uruchom WP Boom ponownie, więc masz drugi zestaw migawek. Porównaj swoje zrzuty przed i po, aby zobaczyć, czy coś się zmieniło.

Krok 7: Uruchom Ghost Inspector lub Usetrace ponownie, aby potwierdzić, że strona działa poprawnie

Po raz kolejny możesz użyć swojego zautomatyzowanego narzędzia, aby uruchomić kolejny test i upewnić się, że wszystko działa tak, jak powinno. W tym momencie, można również wykonać wszelkie inne ręczne (lub automatyczne) kontrole dla innych funkcji w witrynie, takich jak formularze kontaktowe.

Jeśli poradziłeś sobie i naprawiłeś wszelkie problemy wcześniej podczas aktualizacji witryny etapowej, takie jak sprzeczny kod wtyczki i własny kod niestandardowy, nie powinno być zbyt wiele problemów (jeśli w ogóle) do naprawienia na tym etapie.

Krok 8: Wykonaj końcową kontrolę wizualną

Jesteś prawie gotowy. Jedyną rzeczą, która pozostała do zrobienia jest podwójne sprawdzenie listy krytycznych adresów URL i funkcjonalności, aby upewnić się, że wszystko działa.

Jeśli wszystko wydaje się w porządku, to jest to! Twoja aktualizacja WooCommerce jest teraz na żywo.

Getting Started with WP Boom

WP Boom to wizualne narzędzie do testowania i porównywania zbudowane dla WordPress. Po skonfigurowaniu możesz porównać zrzuty ekranu przed i po aktualizacji witryny, a także otrzymywać powiadomienia za każdym razem, gdy autoaktualizacje powodują zmiany wizualne w witrynach:

Aby rozpocząć pracę z WP Boom, zarejestruj się na bezpłatne konto. Po wprowadzeniu swojego adresu e-mail i hasła, pojawi się modal z prośbą o podłączenie nowej witryny:

Po wprowadzeniu szczegółów i kliknięciu na Utwórz witrynę, WP Boom zabierze się do pracy, wykonując pierwszą migawkę witryny. Zajmie to minutę lub dwie, w zależności od tego, ile stron zawiera Twoja witryna:

Gdy ten proces zostanie zakończony, strona zostanie odświeżona. Po kliknięciu nazwy witryny zobaczysz przegląd migawki, w tym czas, w którym została wykonana i ile stron było w Twojej witrynie:

Gdy jesteś gotowy do zrobienia drugiego zrzutu, po prostu wróć do pulpitu nawigacyjnego WP Boom, wybierz witrynę, którą chcesz zatrzasnąć, i kliknij Migawka wybranych witryn.

Kilka innych miłych funkcji WP Boom zawiera możliwość zaplanowania tygodniowych migawek i raportów e-mail, które szczegółowo opisują wszelkie zmiany wizualne na twojej stronie. Jest to przydatne, jeśli zarządzasz mnóstwem witryn i masz autoaktualizacje w miejscu.

Zautomatyzowane narzędzia testowe: Ghost Inspector i Usetrace

Ważne jest, aby przetestować i upewnić się, że funkcjonalność w całej witrynie WooCommerce działa poprawnie po dokonaniu aktualizacji, a nie tylko proces kasowy.

Po tym wszystkim, jeśli klient wypełnia formularz kontaktowy lub próbuje użyć czatu na żywo, a te kawałki funkcjonalności są zepsute, skąd będziesz wiedzieć, jeśli ich nie przetestowałeś?

Łatwo jest przeprowadzić testy ręczne: po prostu klikaj po swojej witrynie, wypełniając formularze i korzystając z okna czatu na żywo.

Aby pomóc zautomatyzować ten proces, możesz najpierw zestawić listę krytycznych funkcjonalności, a także instrukcje, jak ręcznie przeprowadzić testy (czyli, „Otwórz stronę, przejdź do strony kontaktowej, wypełnij formularz, itd.”). To zapewni, że nie przegapisz niczego, kiedy będziesz przeprowadzał testy ręczne.

Jeśli wolisz zautomatyzować ten proces, chciałbyś mieć większą kontrolę nad swoimi automatycznymi testami, lub masz bardzo spersonalizowaną stronę lub funkcjonalność, polecamy sprawdzenie Ghost Inspector i/lub UseTrace.

Obydwie są świetnymi opcjami, jeśli nie jesteś zaznajomiony z PHP i nie chcesz się bawić w skrypty i kod. Opcje te oferują podobne funkcje do automatyzacji testów kasowych.

W ostatecznym rozrachunku to, z którą opcją pójdziesz, będzie zależało od tego, czy chcesz używać rozszerzenia Chrome lub narzędzia online do rejestrowania swoich testów. Alternatywnie, jeśli jesteś programistą i lubisz brudzić sobie ręce, Codeception to świetny wybór dla programistów.

Getting Started With Ghost Inspector

Ghost Inspector to narzędzie, którego możesz użyć do zautomatyzowania testów witryny WooCommerce i upewnienia się, że działa poprawnie. Najlepszą częścią jest to, że nie potrzebujesz żadnego doświadczenia w programowaniu lub testowaniu, aby go użyć.

Ghost Inspector działa poprzez dodanie rozszerzenia do przeglądarki Chrome lub Firefox. Następnie rozszerzenie rejestruje Twoją stronę i automatycznie przeprowadza testy.

Aby zacząć, odwiedź stronę Ghost Inspector i kliknij na Start Your Free Trial. Wprowadź swoje dane w formularzu, a następnie wybierz opcję Utwórz konto:

To przekieruje Cię na stronę powitalną. Na dole kliknij przycisk Zainstaluj rejestrator testowy:

Spowoduje to otwarcie Chrome Web Store w nowej karcie przeglądarki. Wybierz opcję Dodaj do Chrome:

Rozszerzenie Ghost Inspector zostanie automatycznie dodane do przeglądarki, pojawiając się w prawym górnym rogu. Przy pierwszym kliknięciu zostanie wyświetlony monit o zalogowanie się przy użyciu danych uwierzytelniających:

Odśwież przeglądarkę. Gdy będziesz gotowy do przeprowadzenia testu, odwiedź swoją witrynę WooCommerce (upewniając się, że jesteś wylogowany), a następnie kliknij rozszerzenie przeglądarki.

W menu rozwijanym wybierz opcję „Utwórz nowy test”, a następnie przycisk Rozpocznij nagrywanie:

Podczas przechodzenia i testowania witryny Ghost Inspector zarejestruje wszystkie Twoje działania. Kiedy skończysz, kliknij ponownie rozszerzenie, a następnie I’m Finished Recording:

Możesz wtedy nadać nazwę i zapisać swój test. Jeśli wybierzesz opcję Wyświetl mój test, zostaniesz przeniesiony na pulpit nawigacyjny programu Ghost Inspector:

W tym miejscu możesz wyświetlić wszystkie szczegóły testu. Zobaczysz listę wykonywanych kroków i możliwość ich edycji. Dowiesz się, czy test został zaliczony, a jeśli nie, które kroki wymagają Twojej uwagi. Aby uzyskać bardziej szczegółowe informacje, sprawdź dokumentację Ghost Inspector.

Rozpoczynanie pracy z Usetrace

Jeśli chcesz użyć narzędzia do automatycznego testowania, które nie jest specyficzne dla jednej przeglądarki, możesz chcieć skorzystać z Usetrace. Za pomocą tego narzędzia, tworzysz „ślady” poprzez nagrywanie przepływów pracy za pomocą edytora online Usetrace. Następnie można ich użyć do automatycznego testowania witryny.

Aby zacząć, odwiedź witrynę Usetrace i kliknij na Zarejestruj się i rozpocznij testowanie teraz. Po utworzeniu konta, zostaniesz przekierowany do panelu administracyjnego Usetrace. Wybierz Rozpocznij od utworzenia nowego śladu:

W oknie po lewej stronie znajdują się kroki i ustawienia śladu. Po prawej stronie znajduje się witryna, którą testujesz. Aby rozpocząć, kliknij przycisk Record Steps:

Program rozpocznie nagrywanie interakcji na stronie. Za każdym razem, gdy użytkownik podejmie działanie, takie jak dodanie elementu do koszyka lub wypełnienie formularza kontaktowego, doda punkt kontrolny do kroków śledzenia po lewej stronie.

Kiedy skończysz, kliknij przycisk Zapisz kroki:

Aby przeprowadzić cały ślad w celu potwierdzenia, że wszystko działa, wybierz opcję Uruchom ślad w lewym dolnym rogu:

Po jego zakończeniu powinieneś zobaczyć komunikat o sukcesie:

Możesz kliknąć Szczegóły, aby dowiedzieć się więcej o każdym kroku lub wybrać OK, jeśli skończyłeś. Aby uzyskać bardziej szczegółowe wskazówki i instrukcje, zapraszamy do zapoznania się z dokumentacją Usetrace.

Czy słowa „aktualizacja witryny WooCommerce” sprawiają, że się denerwujesz? 😅 Dowiedz się, jak zakończyć ten proces bezpiecznie i łatwo z tym przewodnikiem! Click to Tweet

Podsumowanie

Dzięki odpowiednim narzędziom, trochę czasu na przygotowanie i solidnej liście kontrolnej na miejscu, nie powinieneś mieć problemów z testowaniem i wdrażaniem aktualizacji WooCommerce. Aby usunąć niepokój wokół aktualizacji WooCommerce, ważne jest, aby zdemistyfikować proces, który zrobiliśmy tutaj. Mamy nadzieję, że ten przewodnik zapewnił solidne podstawy do utrzymania witryny WooCommerce up-to-date.

Powinniśmy również podkreślić, że ważne jest, aby przetestować również e-maile transakcyjne sklepu, ale to zupełnie inna podróż.

Teraz, z powrotem do ciebie: Czy używasz narzędzi do wizualizacji lub zrzutów ekranu podczas aktualizacji WooCommerce i WordPress? Jakich innych narzędzi i przepływów pracy używasz do aktualizacji? Podziel się nimi z nami w komentarzach poniżej!