Att uppdatera sin WooCommerce-butik är något man ska göra med försiktighet. Annars kan vissa funktioner krascha och påverka ens vinst och webbplats negativt.

Det finns fyra typer av butiksägare när det handlar om WooCommerce- uppdateringar:

  • Cowboy: Dessa butiksägare trycker ”uppdatera” utan att tänka efter. Sen kraschar deras butiker en efter en.
  • Soffpotatisen: Dessa butiksägare ignorerar uppdateringarna helt och hållet, som om de inte existerar.
  • Den rädda katten: Dessa butiksägare har otroligt många föråldrade plugins och teman eftersom de är livrädda för vad som kommer att hända om de försöker sig på en uppdatering.
  • Maverick: Dessa butiksägare kör regelbundna säkerhetskopior, testar nya versioner av WooCommerce på en iscensättnings-webbplats, och uppdaterar sedan sin live-webbplats utan problem.

Alla bör helst vara en Maverick. Lyckligtvis är det inte svårt! Med rätt verktyg på plats, en solid test-checklista och viss automatisering kan du börja hålla din WooCommerce-webbplats uppdaterad och få den att alltid fungera smidigt.

I det här inlägget kommer vi att berätta om hur du utför en säker WooCommerce- uppdatering från början till slut, skriva vilka verktyg du ska använda och en lång test och uppdaterings-checklista.

Redo att börja? Då kör vi igång!

Investera lite tid nu för att spara mycket tid (och ångest) senare

Erfarenheten har lärt oss att man aldrig ska uppdatera sin webbplats, särskilt WooCommerce, utan att grundligt testa några nya utgåvor först. Det spelar ingen roll om det är stora eller mindre patch-utgåvor!

Du måste vara villig att spendera lite tid nu för att spara mycket tid senare.

Du behöver inte trycka på ”uppdaterings”-knappen direkt. Ge dig själv lite tid och se till att du förstår vilka ändringar som kommer att göras och, viktigast av allt, hur de kan påverka allt annat på din webbplats. Kolla helt enkelt upp funktionerna som finns i den version av WooCommerce du vill uppdatera till, detta hjälper dig att få koll på vad du behöver förbereda dig för.

För att förstå hur lätt saker kan krascha, kan man försöka se det från en tema- utvecklares perspektiv: WooCommerce kärna, liksom WordPress kärna, måste vara bakåtkompatibel. Tänk nu på antalet plugins du – eller din klient-webbplats – använder. Hur sannolikt är det att en WooCommerce-uppdatering kommer att få vissa funktioner att krascha? Tja, jag antar att du vet svaret redan: extremt troligt.

Det är därför det alltid är bra att granska changelogs och WordPress.org stöd forum innan man uppdaterar WooCommerce. Om det någonsin har funnits ett problem med en uppdatering, är chansen 99% att någon annan har stött på detta problem redan, vilket besparar dig en massa tid och krångel.

Det är inte heller ovanligt att man avstår från att trycka på WooCommerce- uppdateringen och väntar på att plugin / tema-skaparen släpper sina egna uppdateringar till WooCommerce-relaterade produkter. Så det kan med andra ord löna sig att ha tålamod och ta sig tid att kontrollera kompatibilitet.

Komma igång med din WooCommerce-uppdatering

Det finns fyra viktiga delar att ta sig igenom när man ska genomföra en WooCommerce-uppdatering, var och en med sin egna uppsättning av steg. Vi lovar att det kommer gå snabbare och enklare för varje gång du gör detta! Här är de fyra delar du måste igenom för att uppdatera WooCommerce:

Uppdatera WooCommerce: Få rätt verktyg

Att manuellt testa WooCommerce är både tråkigt och tidskrävande. På grund av detta är det många människor som helt enkelt inte gör det. Om det görs blir det sällan testat ordentligt och det skapas fel på webbplatserna.

Lyckligtvis finns det verktyg som kan bidra till att påskynda testprocessen och göra den mindre tråkig. Efter att ha testat WooCommerce-uppdateringar otaliga gånger under åren, är det dessa verktyg vi rekommenderar. Låt oss ta en närmare titt.

Iscensättnings-webbplats

Detta är inte förhandlingsbart. Du bör aldrig uppdatera din live-webbplats omedelbart efter att det har kommit en ny version av WooCommerce. Iscensättnings-stationer skapar en testmiljö där du är fri att krascha saker (oftast utan att något viktigt påverkas).

Där kan du köra WooCommerce-uppdateringar, testa nya versioner och se hur din webbplats reagerar innan du uppdaterar din live-webbplats. Om du inte har en iscensättnings-webbplats kan Kinsta hjälpa dig (vi erbjuder iscensättnings-miljöer med ett klick):):

MyKinstas iscensättnings-miljö med ett klick
MyKinstas iscensättnings-miljö med ett klick

Verktyg för visuell jämförelse

Hur vet du om din webbplats har ändrats efter en WooCommerce-uppdatering? Om du kör en stor webbplats med dussintals sidor kan det ta tid att spåra små ändringar i formatering eller till och med widgets som inte visas längre.

Med ett visuellt jämförelseverktyg som WP Boom, som vi kommer att använda för den här guiden, kan du ta en ögonblicksbild av din webbplats. Tryck sedan på ”uppdatera”, och ta en andra ögonblicksbild så att du snabbt kan se vad som har förändrats:

WP Boom
WP Boom

Det är viktigt att påpeka att en visuell förändring inte nödvändigtvis innebär att vissa funktioner har kraschat på din webbplats, bara att de kan ha kraschat.

End-to-end Testverktyg

Visuella jämförelseverktyg kan visserligen hjälpa dig att snabbt upptäcka ändringar i formateringen och utformningen av din webbplats, men end-to-end-testverktyg går ännu längre. De testar den faktiska funktionaliteten på din webbplats och visar med större träffsäkerhet när något inte fungerar.

Att klicka runt på webbplatsen för att slutföra tester, som att lägga till ett objekt i kundvagnen och checka ut, tar tid. Dessa uppgifter blir snabbt tröttsamma när du har gjort WooCommerce-uppdateringar hundra gånger tidigare.

Med heltäckande testverktyg kan du automatisera den här processen så att den görs automatiskt för dig.

Med Robot Ninja shutting down, kommer vi att visa dig hur du använder två olika verktyg i den här guiden.

Det första är Ghost Inspector::

Ghost inspector
Ghost inspector

Det andra end-to-end-testverktyget som du kan prova är Usetrace::

Usetrace
Usetrace

Detta är ett annat automatiserat end-to-end-testverktyg för WooCommerce, som du kan använda på både iscensättnings-stationer och live-webbplatser. Vi kommer gå igenom hur du ställer in båda senare i den här artikeln. WooCommerce har även några E2E-tester som du kan köra igenom om du är mer av en utvecklare.

Verktyg för säkerhetskopiering

Du bör skapa regelbundna säkerhetskopior av din webbplats. Om du är intresserad av säkerhetskopiering av databaser rekommenderar vi WP Migrate DB Pro eller att du använder wp-cli för att köra snabb export.

Om du är hos Kinsta tillhandahåller vi automatiska dagliga säkerhetskopieringar, manuella säkerhetskopieringspunkter och lagring av säkerhetskopiering i alla våra planer:

MyKinsta´s säkerhetskopior
MyKinsta´s säkerhetskopior

När du har rätt verktyg på plats, är det dags att göra några förberedelser.

Uppdatera WooCommerce: förberedelser (en 7-stegs checklista)

Om du vill att din WooCommerce-uppdatering ska gå smidigt, måste du göra några förberedelser. Det är en del att fixa, men när du har förberett detta en gång, är det lättare att fylla i luckorna och göra det snabbare nästa gång du uppdaterar. Nedan följer de sju förberedelse-steg som vi rekommenderar.

Steg 1: Bekanta dig med webbplatsen som du uppdaterar

Om du inte är säker på hur din webbplats förväntas fungera (dvs. om det är en ny klients webbplats), gör några anteckningar. Detta kommer att lindra en del av den ångest du annars kan känna. Du kan exempelvis bli förvirrad av hur webbplatsen fungerar efter en uppdatering (detta händer oftare än du kanske tror).

Jag rekommenderar även att du gör en lista över kritiska webbadresser och funktioner på din webbplats (och kunders webbplatser). Listan bör innehålla viktiga sidor på din webbplats, exempelvis din startsida, kategorier och produkter, ”mitt konto”, kundvagn och kassasidor.

Steg 2: Kontrollera att dina säkerhetskopior är aktuella

Om dina säkerhetskopior inte är aktuella är det dags att skapa en ny säkerhetskopia. Bekanta dig med säkerhetskopieringsverktyget. Viktigast av allt, kontrollera att det fungerar korrekt och se till att du vet hur du återgår till en tidigare ögonblicksbild av din webbplats.

Steg 3: Ställ in WP Boom

Att konfigurera det här verktyget tar endast en minut. Om ditt minne och dina anteckningar är inte bra (vi kan alla göra misstag), kan WP Boom hjälpa till att fylla i luckorna med skärmdumpar av din webbplats. Tänk på dem som ”före” bilder i viktminsknings-kampanjer.

Du bör börja med att ta en första ögonblicksbild av webbplatsen, så att du har en visuell baslinjepost av iscensättnings-miljön.

Det går vanligtvis inte att ta skärmdumpar av kassan (du behöver några produkter i din varukorg) och skyddade sidor, men där kan nästa verktyg hjälpa dig.

Obs: Vi kommer att gå igenom hur du ställer in och använda WP Boom senare i det här inlägget.

Steg 4: Konfigurera ditt automatiska testverktyg

Om du testade WooCommerce manuellt, är det här du skulle göra en lista över testscenarier: dvs öppna din webbplats, lägga till en produkt i kundvagnen, gå till kassan, ange betalningsinformation, etc.

Lyckligtvis kan både Ghost Inspector och Usetrace automatiskt göra allt detta åt dig. Vi ska förklara hur man ställer in båda dessa verktyg.

Steg 5: Identifiera andra delar av din webbplats som du vill testa

Nästa steg är att identifiera andra delar av webbplatsen som du vill testa, baserat på listan över kritiska webbadresser och funktioner som du skapade tidigare. Detta kan vara funktioner som kontaktformulär och popup-fönster, eller element som bildspel och gallerier.

Du kan visserligen testa dessa saker manuellt. Men om du är mer tekniskt sinnad, kan du prova att automatisera även detta steg.

Steg 6: Kolla in vad som är nytt i WooCommerce-versionen som du uppdaterar till

Det är också en bra idé att kolla upp vilka nya uppdateringar och funktioner som finns i den version av WooCommerce som du uppdaterar till. Kontrollera om dina plugins och teman är kompatibla med den.

Det är bättre att spendera lite tid på detta nu, för att bespara dig lite tid och ångest senare. Vi rekommenderar att du kollar in release-meddelanden på WooCommerce.com, ändrings-loggar, GitHub-frågor, och WordPress supportforum.

Steg 7: Klona din live-webbplats till din iscensättnings-miljö

Om du använder plugins som har ett iscensättnings-läge, till exempel WooCommerce-prenumerationer, slår du helt enkelt på dem eller inaktiverar dem. Du bör även inaktivera e-postmeddelanden.

Dubbelkolla sedan för att se till att din iscensättnings-miljö härmar din livewebbplats så mycket som möjligt. Vi föreslår även att du aktiverar WordPress felsökningsläge på denna punkt, som en hjälp med problemlösning längs vägen.

Viktigt: När du har omvandlat webbplatsen till iscensättning vill du inte förlora några beställningar. För att undvika detta, är vår rekommendation att du sätter din WooCommerce-butik i underhållsläge. Detta säkerställer att inga beställningar görs när du utför uppdateringar och tester.

Uppdatera WooCommerce: Uppdatera och testa din iscensättnings-webbplats (en 7-stegs checklista)

Nu när du är förberedd och redo att köra igång, kommer den roliga delen: uppdatering av din iscensättnings-webbplats. Det som är så bra med iscensättnings-webbplatser är att det inte spelar någon roll om din webbplats kraschar, eftersom det är bara en kopia. Låt oss ta en titt på de steg som ingår i denna del av processen.

Steg 1: Ta en ögonblicksbild av din webbplats med WP Boom

Det första du ska göra är att ta en ögonblicksbild av din webbplats med WP Boom. Detta ger dig en visuell baslinjepost av din iscensättnings-miljö.

Steg 2: Kör ditt testverktyg och se till att dina tester blir godkända

Som vi nämnde tidigare kan du använda ett end-to-end-testverktyg som Ghost Inspector eller Usetrace för att automatisera dina tester. Längre fram i den här artikeln kommer vi att gå igenom hur du kan köra ett test med båda verktygen, och kontrollera att testerna blir godkända.

Steg 3: Uppdatera dina plugins och teman

I förberedelse-stadiet nämnde vi att du ska kontrollera att dina plugins och teman är kompatibla med den nya versionen av WooCommerce som du uppdaterar till. Om du upptäckte att dina plugins eller teman var föråldrade och inte längre kompatibla med den senaste versionen av WooCommerce, är det dags att uppdatera dem till en version som är kompatibel.

Steg 4: Uppdatera WooCommerce på din iscensättnings-webbplats

När du har uppdaterat dina plugins och teman och sett till att det inte blir några kompatibilitetsproblem, är du redo att uppdatera din iscensättnings-webbplats till den senaste versionen av WooCommerce. Genom att uppdatera din iscensättnings-webbplats kan du identifiera eventuella fel innan du uppdaterar din live-webbplats.

Steg 5: Kontrollera om det finns fel i dina loggar

Efter att ha uppdaterat dina plugins, teman och WooCommerce, är det smart att kontrollera dina loggar för att leta efter eventuella fel till följd av dessa uppdateringar. Gör en snabb genomsökning för att säkerställa att du fortfarande kan komma åt din hemsida och ditt administratörsområde.

Om du får en vit skärm eller har fastnat i någon annan oåterkallelig situation, är det läge att återgå till en tidigare ögonblicksbild av din webbplats. Du kan antingen göra problemlösningen själv eller söka hjälp.

Steg 6: Ta en andra ögonblicksbild för att jämföra ändringar

Om allt går bra hittills, kör WP Boom igen och få en andra ögonblicksbild. Jämför dina före- och efterbilder för att se vad som har ändrats.

Det som är så bra med WP Boom är att det kommer att berätta hur mycket din webbplats har förändrats sedan din senaste ögonblicksbild.

Det kan till exempel finnas en visuell förändring på 7 % mellan de två uppsättningarna av ögonblicksbilder. Även om detta inte nödvändigtvis betyder att din webbplats har kraschat, kan det innebära att du måste justera vissa stilar.

Steg 7: Kör Ghost Inspector eller Usetrace igen för att se till att allt fungerar korrekt

Kör sedan ett annat test med antingen Ghost Inspector eller Usetrace (eller vilket end-to-end-testverktyg du nu har valt) för att säkerställa att ditt kassaflöde är i gott skick. Du kan även utföra manuella eller automatiska kontroller för andra funktioner på din webbplats, exempelvis kontaktformulären.

Om något inte fungerar som du förväntar dig, är det nu dags att rapportera och / eller fixa det.

Om du har anpassad kod som körs på din webbplats (dvs. kod som inte underhålls av ett tredje part´s plugin / förlängnings-utvecklare), måste du fixa det och se till att korrigeringarna tillämpas på din live-webbplats före eller efter att ha kört uppdateringen (beroende på problemet).

Versionskontroll, till exempel att ha din webbplats i Git, kan hjälpa dig att bättre hantera ändringar. Var du rapporterar buggar beror på vilka plugins du använder och dina support-arrangemang. När du kommit hit måste du antingen vänta på nya versioner av dina plugins / teman och sedan prova processen igen, eller arbeta på korrigeringar själv och uppdatera din kod.

Den goda nyheten är att din live-webbplats inte har kraschat, dina kunder kommer fortfarande att kunna göra inköp. Dessutom kan du ta dig tid att upprepa processen så mycket som behövs tills du är säker på att allt kommer att fungera som förväntat.

Uppdatera WooCommerce: Uppdatera och testa din live-webbplats (en 8-stegs checklista)

När du har uppdaterat din iscensättnings-webbplats och fått den att fungera smidigt, är du redo att uppdatera din live-webbplats. Vi ska nu ta en titt på de steg som ingår i uppdateringen av din live-WooCommerce- webbplats. Många av stegen kommer att likna dem du utfört under testningen av din iscensättnings-webbplats.

Steg 1: Säkerhetskopiera din live-webbplats

Det första steget är att säkerhetskopiera din live-webbplats. Det är viktigt att se till att du inte missar det här steget. Om du använder Kinsta har du en mängd olika alternativ för säkerhetskopiering att välja mellan. Men du kan även använda ett backup-plugin.

Steg 2: Ta en annan ögonblicksbild av din webbplats

Därefter ska du ta en ny ögonblicksbild av din webbplats med WP Boom. Detta ger dig en visuell baslinjepost av din iscensättnings-webbplats.

Steg 3: Kör Ghost Inspector eller Usetrace och se till att dina tester blir godkända

Som vi nämnt tidigare kan du använda antingen Ghost Inspector eller Usetrace för detta, beroende på om du vill använda ett Chrome-tillägg eller onlineverktyg för att spela in dina tester. Detta skapar en annan baslinje.

Steg 4: Synkronisera och omvandla dina ändringar till Live

Därefter, beroende på hur din iscensättnings och live-miljö fungerar, kan du helt enkelt behöva synkronisera ändringar mellan iscensättnings-webbplatser och live-webbplatser. Alternativt kan du behöva uppdatera dina plugins och din kod igen.

Om du är hos Kinsta kan du omvandla ändringarna till live med ett klick:

MyKinsta´s omvandla iscensättningen till live-alternativ
MyKinsta´s omvandla iscensättningen till live-alternativ

Kom ihåg att ta din WooCommerce-butik ur underhållsläge först.

Steg 5: Kontrollera om det finns fel i dina loggar

När du är klar med synkroniseringen av uppdateringen kontrollerar du felloggarna igen för eventuella problem som kan ha uppstått. Kontrollera att du fortfarande kan komma åt startsidan och administratörsområdet.

Om du får en vit skärm eller stöter på en annan oåterkallelig situation, är det bäst att återgå till en tidigare ögonblicksbild av din webbplats och göra felsökning eller höra av dig till supporten för att få hjälp.

Steg 6: Ta en annan ögonblicksbild med WP Boom

Kör sedan WP Boom igen så att du har en andra uppsättning ögonblicksbilder. Jämför dina före- och efterbilder för att se om något har ändrats.

Steg 7: Kör Ghost Inspector eller Usetrace igen för att bekräfta att webbplatsen fungerar korrekt

Som vi nämnt innan kan du använda ditt automatiserade verktyg för att köra ett annat test och se till att allt fungerar som det ska. Nu kan du även utföra andra manuella (eller automatiska) kontroller för andra funktioner på din webbplats, till exempel kontaktformulär.

Om du hanterade och åtgärdade eventuella problem tidigare när du uppdaterade din iscensättnings-webbplats, exempelvis plugin-kod i konflikt och din egen anpassade kod, bör det inte finnas alltför många problem (om några alls) att åtgärda i detta skede.

Steg 8: Gör en slutlig visuell kontroll

Du är nästan klar. Det enda som återstår att göra är att dubbelkolla din lista över kritiska webbadresser och funktioner för att se till att allt fungerar.

Om allt verkar bra, är det klart! Din WooCommerce-uppdatering är nu live.

Komma igång med WP Boom

WP Boom är ett visuellt test- och jämförelseverktyg som är byggt för WordPress. När det har konfigurerats kan du jämföra skärmbilder före och efter uppdateringen av webbplatsen och få varningar när automatiska uppdateringar orsakar visuella ändringar på dina webbplatser:

wp boom 1
WP Boom

För att komma igång med WP Boom, kan du registrera dig för ett kostnadsfritt konto. När du har angett din e-post och ditt lösenord, kommer du bli ombedd att ansluta en ny webbplats:

Anmälningsformuläret för WP Boom
Anmälningsformuläret för WP Boom

När du anger detaljerna och klickar på Skapa webbplats kommer WP Boom att börja arbeta med att ta din webbplats första ögonblicksbild. Detta tar en minut eller två, beroende på hur många sidor din webbplats innehåller:

En ögonblicksbild av WP Boom
En ögonblicksbild av WP Boom

När den här processen är klar uppdateras sidan. När du klickar på namnet på din webbplats visas en översikt av din ögonblicksbild, inklusive den tid den togs och hur många sidor som fanns på din webbplats:

Den senaste ögonblicksbilden av WP Boom
Den senaste ögonblicksbilden av WP Boom

När du är redo att ta en andra ögonblicksbild, går du helt enkelt tillbaks till WP Boom´s instrumentpanel, väljer den webbplats du vill fota och klickar på ögonblicksbild av Valda webbplatser.

WP Boom erbjuder även möjligheten att schemalägga veckovisa ögonblicksbilder och e-postrapporter så att du har koll på eventuella visuella förändringar på din webbplats. Detta är användbart om du hanterar en mängd webbplatser och har automatiska uppdateringar på plats.

Automatiserade testverktyg: Ghost Inspector och Usetrace

Det är viktigt att testa och se till att funktionaliteten på hela din WooCommerce- webbplats fungerar korrekt efter att ha gjort uppdateringarna, inte bara din kassaprocess.

Om en kund fyller i ett kontaktformulär eller försöker använda chatten och dessa är trasiga, hur vet du detta om du inte har testat dem?

Det är enkelt att köra manuella tester: klicka bara igenom din webbplats, fyll i formulär och använd ditt chattfönster.

För att automatisera denna process kan du först sätta ihop en lista över kritiska funktioner, samt instruktioner för hur du manuellt utför tester (dvs. ”Öppna webbplats, navigera till kontaktsidan, fyll i formulär, etc.”). Detta kommer att se till att du inte missar något när du gör ett manuellt test.

Om du föredrar att automatisera den här processen, vill ha mer kontroll över dina automatiserade tester, eller har en mycket anpassad webbplats eller funktionalitet, rekommenderar vi att du kollar in Ghost Inspector och/eller UseTrace.

Båda är bra alternativ om du inte är bekant med PHP och inte vill syssla med skript och kod. Dessa alternativ erbjuder liknande funktioner för att automatisera test av din kassa.

Vilket alternativ du väljer beror i slutändan på om du vill använda ett Chrome-tillägg eller ett onlineverktyg för att spela in dina tester. Om du är en utvecklare och gillar att få händerna smutsiga, är Codeception ett utmärkt val.

Komma igång med Ghost Inspector

Ghost Inspector är ett verktyg som du kan använda för att automatisera testningen av din WooCommerce-webbplats och se till att den fungerar korrekt. Det bästa är att du inte behöver någon programmering eller testnings-erfarenhet.

Ghost Inspector lägger till ett tillägg i webbläsaren Chrome eller Firefox. Sedan registrerar tillägget din webbplats och kör testerna automatiskt.

För att komma igång, kan du besöka Ghost Inspector´s hemsida och klickagratis testperiod. Ange din information i formuläret och välj sedan skapa konto:

Registreringssidan för Ghost Inspector
Registreringssidan för Ghost Inspector

Detta kommer att omdirigera dig till en välkomstsida. Längst ner klickar du på knappen Installera testinspelare:

Installera testinspelaren för Ghost Inspector
Installera testinspelaren för Ghost Inspector

Då öppnas Chrome Web Store på en : ny webbläsarflik. Välj Lägg till i Chrome:

Lägga till Chrome-tillägget Ghost Inspector
Lägga till Chrome-tillägget Ghost Inspector

Tillägget Ghost Inspector läggs automatiskt till i webbläsaren och visas i det övre högra hörnet. Första gången du klickar på det, kommer det att be dig att logga in med dina inloggningsuppgifter:

Logga in i Chrome-tillägget Ghost Inspector
Logga in i Chrome-tillägget Ghost Inspector

Uppdatera din webbläsare. När du är redo att köra ett test besöker du din WooCommerce-webbplats (se till att du är utloggad) och klickar sedan på webbläsartillägget.

I rullgardinsmenyn väljer du alternativet ”Skapa ett nytt test”, följt av knappen Starta inspelning:

Ghost Inspector "starta inspelning"-knappen
Ghost Inspector ”starta inspelning”-knappen

När du går igenom och testar din webbplats kommer Ghost Inspector att spela in alla dina handlingar. När du är klar ska du klicka på tillägget igen, följt av Jag är klar med inspelningen:

Ghost Inspector "klar med inspelning" knappen
Ghost Inspector ”klar med inspelning” knappen

Du kan sedan namnge och spara ditt test. Om du väljer Visa mitt test kommer du att hamna i Ghost inspector´s instrumentpanel:

Instrumentpanelen för Ghost inspector
Instrumentpanelen för Ghost inspector

Här kan du se alla detaljer i testet. Du kommer att se en lista över de berörda stegen och har möjlighet att redigera dem. Du kommer att få veta om testet är godkänt eller inte, samt vilka steg som kräver din uppmärksamhet. Mer detaljerad information finns i dokumentationen för Ghost Inspector.

Komma igång med Usetrace

Om du vill använda ett automatiserat testverktyg som inte är specifikt för någon webbläsare kanske du vill pröva Usetrace. Med det här verktyget skapar du ”spår” genom att registrera dina arbetsflöden via Usetrace online-redigerade. Sedan kan du använda dem för att automatiskt testa din webbplats.

För att komma igång, kan du besöka Usetrace webbplats och klicka på registrera dig och börja testa nu. När du har skapat ett konto omdirigeras du till Instrumentpanelen i Usetrace. Välj  Börja med att skapa en ny spårning::

Instrumentpanelen i Usetrace
Instrumentpanelen i Usetrace

I fönstret till vänster finns dina spårningssteg och inställningar. Till höger är den webbplats du testar. För att starta, klicka på Spela in steg:

Registrera spårningssteg
Registrera spårningssteg

Programmet kommer att börja spela in din webbplats interaktioner. Varje gång du utför en åtgärd, exempelvis lägger till ett objekt i kundvagnen eller fyller i ett kontaktformulär, läggs en kontrollpunkt till spårningsstegen till vänster.

När du är klar klickar du på knappen Spara steg:

Ett Usetrace-test
Ett Usetrace-test

Om du vill köra igenom hela spårningen för att bekräfta att allt fungerar väljer du Kör spårning i det nedre vänstra hörnet:

Knappen Kör spårning i Usetrace
Knappen Kör spårning i Usetrace

När det är klart bör du se ett meddelande om lyckade åtgärder:

Ett framgångsmeddelande för Usetrace
Ett framgångsmeddelande för Usetrace

Du kan klicka på Information om du vill veta mer om varje steg eller välja OK om du är klar. För mer detaljerad vägledning och instruktioner, kolla gärna in Usetrace dokumentation.

Sammanfattning

Med rätt verktyg, lite förberedelse-tid, och en solid checklista på plats, bör det inte bli några problem med att testa och genomföra WooCommerce- uppdateringar. För att slippa ha ångest över detta är det viktigt att avmystifiera processen, vilket vi har gjort här. Förhoppningsvis har denna guide gett dig en solid grund som hjälper dig att låta din WooCommerce-webbplats förbli aktuell.

Vi vill även betona att det är viktigt att testa din butik´s transaktionella e-postmeddelanden, men det är en helt annan artikel.

Nu vill vi fråga dig: Använder du visualisering eller skärmdumps-verktyg när du uppdaterar WooCommerce och WordPress? Vilka andra verktyg och arbetsflöden använder du för uppdateringar? Dela dem med oss i kommentarerna nedan!

Matteo Duò Kinsta

Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.