Att uppdatera din WooCommerce-butik är en allvarlig sak eftersom du kan bryta vissa funktioner som kan ha en negativ inverkan på ditt resultat eller helt enkelt hur din webbplats fungerar.

Det finns fyra olika tankesätt bland butiksägare när WooCommerce-uppdateringar kommer i närheten:

• Cowboyen: Dessa butiksägare trycker på ”uppdatera” utan att tänka en sekund. Sedan faller deras butiker ihop runt omkring dem.
• The Couch Potato (soffpotatisen): De som helt enkelt ignorerar uppdateringar helt och hållet och behandlar dem som om de inte existerade.
• Den rädda katten: Dessa butiksägare har så 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 göra en uppdatering.
• Maverick: Dessa butiksägare har så många föråldrade plugins och teman att de är livrädda för vad som kommer att hända om de försöker göra en uppdatering: De här butiksägarna kör regelbundna säkerhetskopior, testar nya versioner av WooCommerce på en scenografisk webbplats och uppdaterar sedan sin webbplats utan problem.

I själva verket borde alla vara en Maverick. Lyckligtvis är det inte svårt att vara en! Med rätt verktyg på plats, en gedigen testchecklista och lite automatisering kan du börja hålla din WooCommerce-webbplats uppdaterad och alltid köra smidigt.

I det här inlägget går vi igenom hur du utför en säker WooCommerce-uppdatering från början till slut, inklusive vilka verktyg du ska använda och en stor test- och uppdateringschecklista.

Är du redo att börja? Då gör vi det!

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

För vi dyker in, säger bästa praxis att du aldrig ska uppdatera din webbplats, särskilt WooCommerce, utan att först testa alla nya versioner noggrant. Det gäller för större, mindre och patchversioner – det spelar ingen roll.

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

Du behöver inte trycka på ”uppdatera”-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. Det räcker med att läsa på om de nya funktioner som finns i den version av WooCommerce som du vill uppdatera till för att du ska förstå vad du måste förbereda dig för.

För att sätta saker och ting i perspektiv, och förstå hur lätt saker och ting kan gå sönder, kan du tänka ur en plugin- eller temautvecklares synvinkel för en sekund: eftersom WooCommerce core, liksom WordPress core, måste vara bakåtkompatibel. Tänk nu på hur många plugins du – eller din klients webbplats – använder. Hur sannolikt är det att en WooCommerce-uppdatering kommer att bryta någon funktionalitet? Tja, jag antar att du redan vet svaret: extremt sannolikt.

Det är därför som det, direkt efter ett tillkännagivande om en WooCommerce-uppdatering, alltid är bra att gå igenom ändringsloggar och WordPress.org:s supportforum innan du uppdaterar WooCommerce. Om det någonsin skulle uppstå ett problem med en uppdatering är det i 99 % av fallen någon annan som har stött på problemet först, vilket gör att du slipper en massa tid och besvär med att hantera problemet själv.

Det är inte heller ovanligt att avstå från att trycka WooCommerce-uppdateringen omedelbart på din webbplats och vänta på att författare av insticksmoduler/tecken ska släppa sina egna uppdateringar till WooCommerce-relaterade produkter innan du också kan uppdatera din webbplats. Så det kan verkligen löna sig att ha tålamod och ta sig tid att kontrollera kompatibiliteten.

När det gäller uppdatering av din WooCommerce-webbplats, arbetar du som 🤠 Cowboy, 🥔 Couch Potato, 🙀 Scaredy-Cat eller 😎 Maverick? Klicka för att se vilken typ av butiksägare du är 👇Click to Tweet

För att komma igång med din WooCommerce-uppdatering

Det finns fyra viktiga steg när du närmar dig WooCommerce-uppdateringar, var och en med sina egna steg. Vi lovar att när du har gått igenom allt en gång blir det snabbare och enklare för varje gång! Vi går igenom vart och ett av följande fyra steg när du uppdaterar WooCommerce:

Uppdatering av WooCommerce: Skaffa rätt verktyg

Vi måste inse att det är tråkigt och tidskrävande att testa WooCommerce manuellt. Det är av dessa skäl som så många helt enkelt inte gör det eller, när de gör det, testar de inte ordentligt och missar fel på sina webbplatser.

Tyvärr finns det verktyg som kan hjälpa till att påskynda testprocessen och göra den mindre tråkig att göra. Efter att ha testat WooCommerce-uppdateringar otaliga gånger under årens lopp är detta de verktyg vi rekommenderar. Låt oss ta en närmare titt på vart och ett av dem.

Staging Site

Detta är inte förhandlingsbart. Du bör aldrig uppdatera din live-webbplats omedelbart efter en ny version av WooCommerce. Staging sites tillhandahåller en testmiljö där du är fri att bryta sönder saker (vanligtvis utan konsekvenser).

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

Visuella jämförelseverktyg

Hur vet du om din webbplats har ändrats efter en WooCommerce-uppdatering? Om du driver en stor webbplats med dussintals sidor kan det ta tid att spåra små ändringar i formateringen eller till och med widgetar som slutat visas.

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

Det är viktigt att påpeka att en visuell förändring inte nödvändigtvis betyder att någon funktionalitet har gått sönder på din webbplats, bara att den kan vara trasig.

Verktyg för end-to-end-testning

Och medan verktyg för visuell jämförelse kan hjälpa dig att snabbt upptäcka förändringar i formateringen och designen på din webbplats, går verktyg för end-to-end-testning längre. De testar webbplatsens faktiska funktionalitet och ger större säkerhet när något inte fungerar.

Det tar tid att klicka runt på din webbplats för att slutföra tester, som att lägga till en vara i kundvagnen och checka ut. Dessa uppgifter blir ganska snabbt gamla när du har testat WooCommerce-uppdateringar hundra gånger tidigare.

Med verktyg för end-to-end-testning kan du automatisera den här processen så att den görs automatiskt åt dig.

Med Robot Ninja som stängs ner kommer vi att visa dig hur du använder två olika verktyg i den här handledningen.

Det första är Ghost Inspector:

Det andra verktyget för end-to-end-testning som du kan prova är Usetrace:

Det här är ett annat automatiserat verktyg för end-to-end-testning av WooCommerce, som du kan använda på både staging- och livesajter. Vi går igenom hur du konfigurerar båda senare i den här artikeln. WooCommerce har också några E2E-tester som du kan köra igenom om du är mer av en utvecklare.

Backupverktyg

Du bör köra regelbundna säkerhetskopior av din webbplats. Om du är intresserad av databasbackuper rekommenderar vi WP Migrate DB Pro eller att du helt enkelt använder WP-CLI för att köra snabba exporter.

Om du är med Kinsta tillhandahåller vi automatiska dagliga säkerhetskopior, manuella säkerhetskopieringspunkter och lagring av säkerhetskopior för alla våra planer:

När du har de rätta verktygen på plats är det dags att göra lite förberedelser.

Uppdatering av WooCommerce: Om du vill att din WooCommerce-uppdatering ska gå smidigt måste du förbereda dig. Det är lite arbete inblandat, men när du har förberett dig 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örberedande steg som vi rekommenderar.

Steg 1: Bekanta dig på nytt med webbplatsen du uppdaterar

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

Jag rekommenderar också att du gör en lista över kritiska webbadresser och funktionaliteten hos din webbplats (och dina kunder). Detta bör inkludera viktiga sidor på din webbplats, till exempel din startsida, kategori och produkt, ”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 köra en ny säkerhetskopia. Bekanta dig på nytt med säkerhetskopieringsverktyget. Viktigast av allt är att kontrollera att det fungerar som det ska och se till att du vet hur du återgår till en tidigare ögonblicksbild av din webbplats.

Steg 3: Ställ in WP Boom

Det tar bara en minut att ställa in det här verktyget. Om ditt minne och dina anteckningar inte är så bra (vi kan alla göra misstag) kan WP Boom hjälpa till att fylla ut luckorna med skärmdumpar av din webbplats. Tänk på dem som ”före”-bilderna i kampanjer för viktminskning.

Du bör börja med att ta en första ögonblicksbild av din webbplats, så att du har en visuell baslinje av din webbplats före uppdateringen.

Det kommer vanligtvis inte att kunna ta skärmdumpar av kassan (du måste ha några produkter i kundvagnen) och de skyddade sidorna, men det är där som ett av de följande verktygen kan hjälpa till.

Notera: Vi går igenom hur du installerar och använder WP Boom senare i det här inlägget.

Steg 4: Installera ditt automatiserade testverktyg

Om du testade WooCommerce manuellt är det här delen där du skulle göra en lista över testscenarier: t.ex, Öppna webbplatsen, lägg en produkt i varukorgen, gå till kassan, ange betalningsinformation etc.

Tyvärr kan både Ghost Inspector och Usetrace göra allt detta automatiskt åt dig. Vi kommer att förklara hur du ställer in båda dessa verktyg om en stund.

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

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

Du kan testa dessa saker manuellt, eller om du är mer tekniskt intresserad kan du försöka automatisera det här steget också.

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

Det är också en bra idé att se vilka nya uppdateringar och funktioner som finns tillgängliga i den version av WooCommerce som du uppdaterar till. Mer specifikt bör du kontrollera om dina plugins och ditt tema är kompatibla med den.

Det är återigen bättre att lägga lite tid nu för att spara tid och ångest senare. Vi rekommenderar att du kollar in versionsmeddelanden på WooCommerce.com, ändringsloggar, GitHub-frågor och WordPress supportforum.

Steg 7: Klona din live-webbplats till din staging-miljö

Om du använder plugins som har ett staging-läge, till exempel WooCommerce Subscriptions, slå på dem eller inaktivera dem helt enkelt. På samma sätt bör du inaktivera e-post.

Därefter dubbelkontrollerar du att din staging-miljö efterliknar din live-webbplats så nära som möjligt. Vi föreslår också att du aktiverar WordPress felsökningsläge vid den här tidpunkten för att underlätta problemlösning.

Viktigt: När du har flyttat din webbplats till staging vill du inte förlora några beställningar som kan ha kommit igenom. För att undvika detta rekommenderar vi att du sätter din WooCommerce-butik i underhållsläge. Detta säkerställer att inga beställningar läggs medan du utför uppdateringar och tester.

Uppdatering av WooCommerce: Uppdatering och testning av din staging site (en checklista i 7 steg)

Nu när du är förberedd och redo att börja kommer den roliga delen: att uppdatera din staging site. Det häftiga med staging sites är att det inte spelar någon roll om din webbplats går sönder, eftersom det bara är en kopia. Låt oss ta en titt på de steg som ingår i den här delen av processen.

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

Det första du vill göra är att ta en ögonblicksbild av din webbplats med WP Boom. Detta ger dig en visuell baslinje av din staging-webbplats före uppdateringen.

Steg 2: Kör ditt testverktyg och se till att dina tester klarar sig

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 går vi igenom hur du kan köra ett test med hjälp av båda verktygen och kontrollera att testerna går igenom.

Steg 3: Uppdatera dina plugins och ditt tema

I förberedelsefasen nämnde vi att vi skulle kontrollera om dina plugins och ditt tema är kompatibla med den senaste versionen av WooCommerce som du uppdaterar till. Om du märkte att dina plugins eller teman är 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 staging site

När du har uppdaterat dina plugins och teman, och försäkrat dig om att det inte kommer att uppstå några kompatibilitetsproblem, är du redo att uppdatera din staging site till den senaste versionen av WooCommerce. Genom att uppdatera din staging site kan du identifiera eventuella fel som du måste lösa innan du skickar WooCommerce-uppdateringen till din live-webbplats.

Steg 5: Kontrollera dina loggar för fel

När du har uppdaterat dina plugins, teman och WooCommerce är det smart att kontrollera dina loggar för att se om det finns några fel till följd av dessa uppdateringar. Gör en snabb genomgång för att se till att du fortfarande kan komma åt din startsida och ditt administratörsområde.

Om du får en vit dödsskärm eller fastnar i någon annan oåterkallelig situation är det ett bra tillfälle att återgå till en tidigare ögonblicksbild av din webbplats. Du kan antingen lösa problemet 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 du WP Boom igen och tar en andra ögonblicksbild. Jämför dina ögonblicksbilder före och efter för att se vad som har förändrats.

Det som är bra med WP Boom är att den talar om för dig hur mycket din webbplats har förändrats sedan den senaste ögonblicksbilden.

Det kan till exempel vara en visuell förändring på 7 % mellan dina två uppsättningar ögonblicksbilder. Detta betyder inte nödvändigtvis att din webbplats är trasig, men det kan betyda att du behöver justera vissa stilar.

Steg 7: Kör Ghost Inspector eller Usetrace igen för att försäkra dig om att allt fungerar som det ska

Nästan, kör ett annat test med hjälp av antingen Ghost Inspector eller Usetrace (eller det verktyg för testning från början till slut som du har valt) för att försäkra dig om att ditt kassaflöde fungerar som det ska. Du kan också utföra manuella eller automatiserade kontroller av andra funktioner på webbplatsen, t.ex. kontaktformulär.

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

Om du har anpassad kod som körs på din webbplats (dvs, kod som inte underhålls av en tredjepartsutvecklare av insticksprogram/tillägg), måste du rätta den och se till att rättelserna tillämpas på din webbplats före eller efter uppdateringen (beroende på problemet).

Versionskontroll, t.ex. genom att ha din webbplats i Git, kan hjälpa dig att hantera ändringar på ett bättre sätt. Var du rapporterar fel beror på vilka plugins du använder och vilka supportarrangemang du har. Härifrån måste du antingen vänta på nya versioner av dina plugins/tema och sedan försöka processen igen, eller arbeta på rättelserna själv och uppdatera din kod.

Den goda nyheten är att din livesajt inte är trasig, 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.

Uppdatering av WooCommerce: När du har uppdaterat din scenografiska webbplats och fått den att fungera smidigt, med alla trasiga funktioner fixade och alla buggar utplånade, är du redo att uppdatera din scenografiska webbplats.

Låt oss ta en titt på de steg som ingår i uppdateringen av din levande WooCommerce-webbplats, varav många kommer att likna dem som du utförde under testningen av din staging-webbplats.

Steg 1: Säkerhetskopiera din levande webbplats

Det första steget är att säkerhetskopiera din levande webbplats. Det är viktigt att se till att du inte missar det här steget. Om du är Kinsta-användare har du flera olika alternativ för säkerhetskopiering att välja mellan. Du kan dock också använda ett plugin för säkerhetskopiering.

Steg 2: Ta ytterligare en ögonblicksbild av din webbplats

Nästan vill du ta ytterligare en ögonblicksbild av din webbplats med WP Boom. Detta ger dig en visuell baslinje av din webbplats före uppdateringen.

Steg 3: Kör Ghost Inspector eller Usetrace och se till att dina tester klarar sig

Du kan återigen använda antingen Ghost Inspector eller Usetrace för detta, beroende på om du vill använda ett Chrome-tillägg eller ett onlineverktyg för att registrera dina tester. Detta ger en annan baslinje för din webbplats före uppdateringen.

Steg 4: Synkronisera och skjut dina ändringar live

Nästan, beroende på hur dina staging- och live-miljöer fungerar, kan det hända att du helt enkelt behöver synkronisera ändringarna mellan staging- och live-webbplatserna. Alternativt kan du behöva gå igenom uppdateringen av dina plugins och din kod igen.

Om du använder Kinsta kan du skjuta ändringar live med ett klick:

Håll dig till att först ta din WooCommerce-butik ur underhållsläget.

Steg 5: Kontrollera dina loggar för fel

När du är klar med synkroniseringen av uppdateringen kontrollerar du dina felloggar igen för att se om det finns några problem som kan ha uppstått till följd av detta. Kontrollera att du fortfarande kan komma åt startsidan och administrationsområdet.

Som med staging-webbplatsen är det bäst att återgå till en tidigare ögonblicksbild av din webbplats och göra en felsökning eller söka hjälp om du får en vit skärm av döden eller stöter på en annan oåterkallelig situation.

Steg 6: Ta ytterligare en ögonblicksbild med WP Boom

Nästan kör du WP Boom igen så att du har en andra uppsättning ögonblicksbilder. Jämför dina ögonblicksbilder före och efter för att se om något har förändrats.

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

En gång till kan du använda ditt automatiserade verktyg för att köra ytterligare ett test och se till att allt fungerar som det ska. Vid det här laget kan du också utföra andra manuella (eller automatiserade) kontroller för andra funktioner på din webbplats, till exempel kontaktformulär.

Om du har hanterat och åtgärdat eventuella problem tidigare när du uppdaterade din staging-webbplats, till exempel konfliktfylld instickskod och din egen anpassade kod, bör det inte finnas alltför många problem (om några) att åtgärda i det här skedet.

Steg 8: Gör en sista visuell kontroll

Du är nästan klar. Det enda som återstår är att dubbelkolla listan ö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.

Kom igång med WP Boom

WP Boom är ett verktyg för visuell testning och jämförelse som är byggt för WordPress. När det väl är konfigurerat kan du jämföra skärmdumpar före och efter uppdatering av din webbplats och få varningar när automatiska uppdateringar orsakar visuella förändringar på dina webbplatser:

Om du vill komma igång med WP Boom registrerar du dig för ett gratiskonto. När du har angett din e-postadress och ditt lösenord kommer en modal att dyka upp och be dig ansluta en ny webbplats:

När du har angett uppgifterna och klickat på Create Site (Skapa webbplats) kommer WP Boom att börja arbeta med att ta den första ögonblicksbilden av din webbplats. Detta tar en minut eller två, beroende på hur många sidor din webbplats innehåller:

När denna process är klar kommer sidan att uppdateras. När du klickar på namnet på din webbplats får du en översikt över ögonblicksbilden, inklusive när den togs och hur många sidor som fanns på webbplatsen:

När du är redo att ta en andra ögonblicksbild återvänder du helt enkelt till instrumentbrädan för WP Boom, markerar den webbplats du vill ta en ögonblicksbild av och klickar på Snapshot Selected Sites.

Ett par andra trevliga funktioner som WP Boom innehåller är möjligheten att schemalägga veckovisa ögonblicksbilder och e-postrapporter som beskriver alla visuella förändringar på din webbplats. Detta är användbart om du hanterar massor av 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 som den ska efter uppdateringar, inte bara din kassaprocess.

Om en kund fyller i ett kontaktformulär eller försöker använda livechatt och dessa delar av funktionaliteten är trasiga, hur ska du veta det om du inte har testat dem?

Det är enkelt att utföra manuella tester: klicka dig helt enkelt fram på din webbplats, fyll i formulär och använd livechattfönstret.

För att automatisera den här processen kan du först sammanställa en lista över kritisk funktionalitet, samt instruktioner för hur du manuellt ska utföra testerna (t.ex, ”Öppna webbplatsen, navigera till kontaktsidan, fyll i formuläret osv.”). Detta kommer att säkerställa att du inte missar något när du utfö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 kundanpassad 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 krångla med skript och kod. Dessa alternativ erbjuder liknande funktioner för att automatisera dina kassatester.

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

Kom 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 som den ska. Det bästa är att du inte behöver någon erfarenhet av programmering eller testning för att använda det.

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

För att komma igång besöker du Ghost Inspector-webbplatsen och klickar på Start Your Free Trial. Ange dina uppgifter i formuläret och välj sedan Skapa konto:

Detta omdirigerar dig till en välkomstsida. Längst ner klickar du på knappen Installera testskrivare:

Detta kommer att öppna Chrome Web Store i en ny flik i webbläsaren. Välj Lägg till i Chrome:

Ghost Inspector-tillägget läggs automatiskt till i din webbläsare 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:

Förny 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 ”Create a new test” (Skapa ett nytt test), följt av knappen Start Recording (Börja spela in):

När du går igenom och testar din webbplats kommer Ghost Inspector att spela in alla dina handlingar. När du är klar klickar du på tillägget igen, följt av I’m Finished Recording:

Du kan sedan namnge och spara ditt test. Om du väljer Visa mitt test kommer du till Ghost Inspector-instrumentpanelen:

Här kan du se alla detaljer om testet. Du ser en lista över de inblandade stegen och har möjlighet att redigera dem. Du får veta om testet gick igenom och om inte, vilka steg som kräver din uppmärksamhet. Mer detaljerad information finns i dokumentationen till Ghost Inspector.

Kom igång med Usetrace

Om du vill använda ett automatiserat testverktyg som inte är specifikt för en viss webbläsare kan du välja Usetrace. Med det här verktyget skapar du ”spår” genom att registrera dina arbetsflöden via Usetraces online-redigerare. Sedan kan du använda dem för att automatiskt testa din webbplats.

För att komma igång besöker du Usetraces webbplats och klickar på Sign Up and Start Testing Now. När du har skapat ett konto omdirigeras du till Usetraces instrumentpanel. Välj Start by creating a new trace:

I fönstret till vänster finns dina spårningssteg och inställningar. Till höger finns webbplatsen som du testar. För att starta klickar du på Record Steps:

Programmet börjar registrera dina webbplatsinteraktioner. Varje gång du gör en åtgärd, t.ex. lägger till en vara i kundvagnen eller fyller i ett kontaktformulär, lägger programmet till en kontrollpunkt till spårningsstegen till vänster.

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

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:

När allt är klart bör du se ett meddelande om framgång:

Du kan klicka på Details (detaljer) för att få mer information om varje steg eller välja OK om du är klar. Om du vill ha mer detaljerad vägledning och instruktioner är du välkommen att läsa Usetrace-dokumentationen.

Gör orden ”WooCommerce site update” dig nervös? 😅 Lär dig hur du genomför processen på ett säkert och enkelt sätt med den här guiden!Click to Tweet

Sammanfattning

Med rätt verktyg, lite förberedelsetid och en gedigen checklista på plats bör du inte ha några problem med att testa och genomföra WooCommerce-uppdateringar. För att ta bort oron kring uppdatering av WooCommerce är det viktigt att avmystifiera processen, vilket vi har gjort här. Förhoppningsvis har den här guiden gett dig en solid grund för att hålla din WooCommerce-webbplats uppdaterad.

Vi bör också lyfta fram att det är viktigt att testa butikens transaktionsmejl också, men det är en helt annan resa.

Nu är vi tillbaka till dig: Använder du visualiserings- eller skärmdumpverktyg 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!