Uppdatering av en WooCommerce-butik är en sak man ska göra med försiktighet. Det kan nämligen få vissa funktioner att krascha så att din webbplats fungerar sämre eller inte alls.

Det finns fyra typer av butiksägare när det gäller WooCommerce-uppdateringar:

  • Cowboyen: Dessa butiksägare trycker på ”uppdatera” utan en tanke. Sen kraschar deras butiker en efter en.
  • Soffpotatisen: Dessa butiksägare ignorerar helt enkelt uppdateringarna helt och hållet, behandlar dem som att de inte existerar.
  • Den rädda katten: Dessa butiksägare har jättemå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 utgåvor av WooCommerce på en iscensättnings-webbplats och uppdaterar sedan sin live-webbplats utan problem.

Helst borde alla vara en Maverick och det är lyckligtvis inte så svårt att vara en! Med rätt verktyg på plats, en gedigen test-checklista, och viss automatisering, kan du börja hålla din WooCommerce-webbplats uppdaterad så att den alltid körs smidigt.

I det här inlägget kommer vi att visa dig 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 testnings och uppdaterings-checklista.

Och kom ihåg att ditt slutmål är att öka din butiks intäkter. Så se till att ladda ner vår kostnadsfria e-bok, 10 sätt att öka konverteringarna på din WooCommerce-produktsida.

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

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

Innan vi kör igång vill vi bara nämna att du aldrig ska uppdatera webbplatsen, speciellt WooCommerce, utan att först testa några nya utgåvor grundligt. Dett gäller för större, mindre, och patch-releaser – 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. Viktigast av allt är att du förstår hur de kan påverka allt annat på din webbplats. Läs helt enkelt på om de nya funktionerna som finns i den version av WooCommerce som du vill uppdatera till. Detta hjälper dig att förstå vad du behöver förbereda dig på.

För att sätta saker i perspektiv, och förstå hur lätt saker kan krascha, kan du försöka tänka som en plugin-utvecklare eller temautvecklare för en sekund. Eftersom WooCommerce- kärnan, precis som WordPress kärna, måste vara bakåtkompatibel. Fundera nu över antalet plugins som du — eller din klient-webbplats — använder. Hur troligt är det att en WooCommerce-uppdatering kommer att få saker 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’s supportforum innan du uppdaterar WooCommerce. Detta ska göras direkt efter tillkännagivandet om en WooCommerce-uppdatering. Om det någonsin har funnits ett problem med en uppdatering, är det 99% chans att någon annan har mött detta problem innan dig, vilket sparar dig massor av tid och krångel.

Det är inte heller ovanligt att man avstår från att uppdatera WooCommerce direkt och väntar på att plugin / tema-utvecklaren ska släppa sina egna uppdateringar till WooCommerce-relaterade produkter. Så att ha tålamod och ta sig tid att kontrollera kompatibilitet kan verkligen löna sig.

Kom igång med din WooCommerce-uppdatering

Det finns fyra viktiga stadier när man närmar wooCommerce-uppdateringar, vart och ett med sina egna fastställda steg. Vi lovar att det blir enklare och snabbare varje gång du gör detta! Nu kommer vi att gå igenom vart och ett av följande fyra steg för att uppdatera WooCommerce:

Uppdatera WooCommerce: Att få tag på rätt verktyg

Låt oss inse fakta: Att manuellt testa WooCommerce är tråkigt och tidskrävande. Det är av denna anledning som så många människor helt enkelt inte gör det. Om de mot all förmodan ändå försöker genomföra ett manuellt test, gör de inte detta ordentligt och missar fel på sina webbplatser.

Lyckligtvis finns det verktyg som kan hjälpa till att påskynda testprocessen och göra det mindre tråkigt. Efter otaliga tester av WooCommerce-uppdateringar genom åren, är det dessa verktyg vi rekommenderar. Låt oss titta närmare på vart och ett.

Iscensättnings-webbplats

Detta är icke förhandlingsbart. Du bör aldrig uppdatera din livewebbplats direkt efter en ny utgåva av WooCommerce.

Iscensättningswebbplatser erbjuder en säker testmiljö där du är fri att krascha saker (vanligtvis utan efterverkningar). Där kan du köra WooCommerce-uppdateringar, testa nya versioner och se hur din webbplats kan reagera innan du uppdaterar din livewebbplats.

Om du inte har en iscensättningswebbplats kan Kinsta hjälpa dig — vi erbjuder en kostnadsfri iscensättningsmiljö med varje plan, samt upp till fem Premium-iscensättningsmiljöer om en inte räcker.

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å förändringar i formatering eller Widgets som har slutat visas.

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

wp boom
WP Boom

Det är viktigt att påpeka att en visuell förändring inte nödvändigtvis innebär att något har kraschat på din webbplats, bara att det skulle kunna krascha.

Verktyg för end-to-end-testning

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-testverktygen går ännu längre. De testar den faktiska funktionaliteten på din webbplats och visar med större säkerhet om något inte fungerar.

Att klicka runt på din webbplats för att slutföra tester, som lägga till ett objekt i kundvagnen och checka ut, tar tid. Detta blir tröttsamt ganska snabbt när du redan 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 för dig.

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

Den 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-webbplatser och live-webbplatser. Vi kommer att gå igenom inställningar för båda dessa typer av webbplatser senare i den här artikeln. WooCommerce har även några E2E-tester som du kan pröva om du är mer av en Utvecklare.

Verktyg för säkerhetskopiering

Du bör köra regelbundna säkerhetskopieringar av din webbplats. Om du är intresserad av säkerhetskopieringar av databaser rekommenderar vi WP Migrera DB Pro. Du kan även ta hjälp av WP-CLI för att köra snabbexport.

Om du är Kinsta-kund får du tillgång till automatiska dagliga säkerhetskopior, manuella säkerhetskopieringspunkter, och bibehållande av säkerhetskopior i alla våra planer:

MyKinsta-säkerhetskopior
MyKinsta-säkerhetskopior

När du har rätt verktyg på plats, är det dags att göra lite 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 lite saker som du behöver göra. 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 visas de sju förberedande stegen 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) ska du ta några anteckningar. Detta kommer att minska en del av den ångest som man annars kan känna efteråt. Man kanske exempelvis blir förvirrad över 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 funktionaliteter på din webbplats (och kunder). Detta bör omfatta viktiga sidor på din webbplats, exempelvis ditt hem, kategori och produkt, ”mitt konto”, kundvagn och kassasidor.

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

Om dina säkerhetskopior inte är aktuella, är det dags att köra en ny säkerhetskopiering. Bekanta dig med ditt säkerhetskopieringsverktyg på nytt. Viktigast av allt är att du kontrollerar att det fungerar som det ska, och ser till att du vet hur man å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 varken ditt minne eller dina anteckningar är 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 ska börja med att ta din första ögonblicksbild av webbplatsen, så att du har en visuell baslinje för din iscensättnings-webbplats före uppdateringen.

Du kan normalt inte ta skärmdumpar av kassan (du behöver några produkter i din vagn) och skyddade sidor, men det finns ett verktyg som kan hjälpa dig med detta.

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

Steg 4: Konfigurera ditt automatiserade testningsverktyg

Om du skulle testa WooCommerce manuellt är detta den del där du skulle göra en lista över testscenarier: dvs öppna din webbplats, lägga till en produkt i varukorgen, gå till kassan, ange betalningsinformation, osv.

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

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

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

Du kan testa dessa saker manuellt, eller automatisera även detta steg. En automatisering kräver dock att du är ganska tekniskt sinnad.

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

Det är även en bra idé att kolla upp vilka nya uppdateringar och funktioner som finns i den versionen av WooCommerce du uppdaterar till. Mer specifikt, kontrollera om dina Plugins Och Teman är kompatibla med den.

Vi upprepar: Det är bättre att spendera lite tid nu för att spara tid och ångest senare. Vi rekommenderar att du kollar in release-meddelanden på WooCommerce.com, ändringsloggar, GitHub-problem och WordPress-supportforum.

Steg 7: Klona din Live-webbplats till din iscensättnings-webbplats

Om du använder några plugins som har ett iscensättnings-läge, exempelvis WooCommerce Subscriptions, slå på dem eller inaktivera dem. Du ska även inaktivera e-postmeddelanden.

Dubbelkolla sedan för att säkerställa att din iscensättnings-miljö härmar din live-webbplats så mycket som möjligt. Vi föreslår även att du möjliggör Felsökningsläge för WordPress, för att få hjälp med problemlösning längs vägen.

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

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

Nu när du är förberedd och redo att köra igång, kommer den roliga delen: att uppdatera din iscensättnings-webbplats. Det som är så fantastiskt med iscensättnings-webbplatser är att det inte spelar någon roll om din webbplats kraschar, eftersom det bara är 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 kommer att ge dig en visuell baslinje av din iscensättnings-webbplats, innan uppdateringen.

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 testverktyg som exempelvis 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 hjälp av båda verktygen, och kontrollera att testerna blir godkända.

Steg 3: Uppdatera dina plugins och ditt tema

I förberedelse-delen nämnde vi att du ska kontrollera att dina plugins och teman är kompatibla med den versionen av WooCommerce som du uppdaterar till. Om du upptäckte 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 iscensättnings-webbplats

Har du uppdaterat dina plugins och dina teman, och sett till att det inte blir några kompatibilitetsproblem? Då är du redo att uppdatera din iscensättnings-webbplats till den senaste versionen av WooCommerce. Om du uppdaterar din iscensättnings-webbplats kan du identifiera eventuella potentiella fel och lösa dessa innan du kör WooCommerce-uppdateringen på din live-webbplats.

Steg 5: Kontrollera dina loggar för att hitta fel

Efter att du har uppdaterat dina plugins, teman och WooCommerce är det smart att kontrollera dina loggar för att leta efter eventuella fel som kan komma av dessa uppdateringar. Gör en snabb genomsökning för att säkerställa att du fortfarande kan komma åt din startsida och admin-området.

Om du får en vit skärm av död eller har fastnat i någon annan oåterkallelig situation, är det nu en bra tid 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, kan du köra WP Boom igen och få en andra ögonblicksbild. Jämför dina före- och efter-ögonblicksbilder för att se vad som har ändrats.

Det som är 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 exempelvis finnas en 7% visuell ändring mellan dina två uppsättningar av ögonblicksbilder. Även om detta inte nödvändigtvis betyder att din webbplats är trasig, kan det innebära att du behöver justera vissa saker.

Steg 7: Kör Ghost Inspector eller Usetrace igen för att säkerställa att allt fungerar korrekt

Därefter kör du ett annat test med antingen Ghost Inspector eller Usetrace (eller vilket end-to-end-testningsverktyg du nu har valt) för att säkerställa att ditt utcheckningsflöde är i korrekt skick. Du kan även utföra manuella eller automatiserade kontroller för andra funktionaliteter på webbplatsen, exempelvis kontaktformulären.

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

Du kanske har anpassad kod som körs på din webbplats (dvs. kod som inte underhålls av ett tredjeparts plugin / utvecklare). Isåfall måste du fixa den och se till att korrigeringarna tillämpas på din live-webbplats före eller efter att ha kört uppdateringen (beroende på problemet).

Kontroll av versionen, som att köra webbplatsen i Git, kan hjälpa dig att bättre hantera förändringar. Var du rapporterar buggar kommer att bero på vilka plugins du använder och dina support-arrangemang. När du har kommit hit får du antingen vänta på nya utgåvor av dina plugins/teman och sedan prova processen igen, eller arbeta på detta själv och uppdatera din kod.

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

Uppdatera WooCommerce: Uppdatera och testa din Live-webbplats (En checklista med 8 steg)

När du har uppdaterat din iscensättnings-webbplats och ser att den fungerar smidigt, är du redo att uppdatera din live-webbplats.

Låt oss ta en titt på de steg som du måste ta dig igenom för att uppdatera din live WooCommerce-webbplats. Många av dessa steg kommer att likna dem du utfört under testning 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 är Kinsta-användare kan du välja mellan en mängd olika alternativ för säkerhetskopiering. Du kan dock även använda ett säkerhetskopierings-plugin.

Steg 2: Ta en andra ögonblicksbild av din webbplats

Därefter ska du ta en andra ögonblicksbild av din webbplats med WP Boom. Detta ger dig en visuell baslinje av din live-webbplats, innan uppdateringen.

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

Återigen kan du använda antingen Ghost Inspector eller Usetrace för detta. Ditt val beror på om du vill använda en Chrome-förlängning eller ett online-verktyg för att spela in dina tester. Detta skapar en annan baslinje för din webbplats innan uppdateringen.

Steg 4: Synkronisera och omvandla dina ändringar till Live

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

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

MyKinsta’s alternativ för att omvandla iscensättning till Live
MyKinsta’s alternativ för att omvandla iscensättning till Live

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

Steg 5: Kontrollera dina loggar för att hitta fel

När du är klar med synkroniseringen av uppdateringen kontrollerar du dina felloggar igen för eventuella problem som kan ha uppstått. Verifiera att du fortfarande har möjlighet att komma åt startsidan och admin-området.

Om du möter en vit skärm av död 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 lite felsökning eller höra av dig för att få hjälp.

Steg 6: Ta en andra ögonblicksbild med WP Boom

Därefter kör WP Boom igen så att du har får en andra uppsättning av ögonblicksbilder. Jämför dina före- och efter-ögonblicksbilder 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

Än en gång kan du använda ditt automatiserade verktyg för att köra ett till test och se till att allt fungerar som det ska. I det här läget kan du även utföra alla andra manuella (eller automatiserade) kontroller av funktionaliteter på webbplatsen, exempelvis kontaktformulär.

Om du löste eventuella problem tidigare när du uppdaterade din iscensättnings-webbplats, exempelvis konflikter mellan plugin-koden och din egen anpassade kod, bör det inte uppstå alltför många problem (om ens något) i detta skede.

Steg 8: Gör en slutlig visuell kontroll

Nu är du nästan klar. Det enda som finns kvar att göra är att dubbelkolla din lista över kritiska webbadresser och kritiska funktionaliteter för att se till att allt fungerar.

Om allt verkar bra, så är det bra! 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 uppdatering av webbplatsen, och få varningar närhelst automatiska uppdateringar orsakar visuella ändringar på dina webbplatser:

wp boom 1
WP Boom

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

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

När du väl har angett detaljerna och klickat på Skapa webbplats , kommer WP Boom att ta din webbplats första ögonblicksbild. Detta kommer att ta 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 kommer sidan att uppdateras. När du klickar på namnet på din webbplats, kommer du att se en översikt över din ögonblicksbild, inklusive vilken tid den togs och hur många sidor som fanns på din webbplats:

WP Boom´s senaste ögonblicksbild
WP Boom´s senaste ögonblicksbild

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

Några andra trevliga funktioner hos WP Boom är möjligheten att schemalägga veckoögonblicksbilder och e-postrapporter som kan visa eventuella visuella förändringar på din webbplats. Detta är användbart om du hanterar många webbplatser och har auto-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 uppdateringarna, inte bara din kassaprocess.

En kund kanske fyller i ett kontaktformulär eller försöker använda live chatt. Hur kan du veta om detta funkar, om du inte har testat dem?

Det är enkelt att köra manuella tester: klicka helt enkelt igenom din webbplats, fyll i formuläret och använd ditt livechatt-fönster.

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

Du kanske föredrar att automatisera den här processen? Det kan ju exempelvis hända att du vill ha mer kontroll över dina automatiserade tester, eller har en mycket anpassad webbplats eller funktionalitet? Isåfall rekommenderar vi att du provar ghost inspector och / eller UseTrace.

Båda alternativen är bra om du inte är bekant med PHP och vill inte krångla med skript och kod. Dessa alternativ erbjuder liknande funktioner för att automatisera din utcheckningstestning.

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

Komma igång med Ghost Inspector

Ghost Inspector är ett verktyg som du kan använda för att automatisera din WooCommerce-platstestning 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 detta verktyg.

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

För att komma igång, kan du besöka Ghost Inspector’s webbplats och klicka på Starta din kostnadsfria provperiod. Ange din information i formuläret och välj sedan Skapa konto:

Ghost inspector´s sida
Ghost inspector´s sida

Detta kommer att omdirigera dig till en välkomstsida. Längst ner, ska du klicka på knappen Installera Testinspelare:

Installera Ghost Inspector´s testinspelare
Installera Ghost Inspector´s testinspelare

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

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

Ghost Inspector-tillägget kommer automatiskt att läggas 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 logga in med hjälp av dina autentiseringsuppgifter:

Logga in på Chrome-tillägget Ghost Inspector
Logga in på Chrome-tillägget Ghost Inspector

Uppdatera webbläsaren. 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 rullgardins-menyn väljer du alternativet att ”Skapa ett nytt test”, följt av knappen Starta inspelning:

Ghost Inspector’s knapp för att
Ghost Inspector’s knapp för att ”starta inspelning”

När du nu testar din webbplats, kommer Ghost inspector att spela in allt du gör. När du är klar, ska du klicka på tillägget igen, följt av Jag är klar med inspelningen:

Ghost Inspector’s
Ghost Inspector’s ”klar med inspelning”-knapp

Du kan sedan namnge och spara ditt test. Om du väljer Visa mitt test, kommer du ta dig till Ghost Inspector’s instrumentpanel:

Instrumentpanelen hos Ghost Inspector
Instrumentpanelen hos Ghost Inspector

Här kan du se alla detaljer i testet. Du kommer att se en lista över de inblandade stegen och har möjlighet att redigera dem. Du kommer meddelas om testet har gått bra. Om det inte gått bra, får du veta vilka steg som kräver din uppmärksamhet. För mer detaljerad information, kolla in Ghost Inspector’s dokumentation

Komma igång med usetrace

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

För att komma igång, kan du besöka webbplatsen Usetrace och klicka på Registrera dig och börja testa nu. När du har skapat ett konto omdirigeras du till instrumentpanelen hos Usetrace. Välj Starta genom att skapa en ny spårning:

Instrumentpanelen hos Usetrace
Instrumentpanelen hos Usetrace

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

Inspelning av spårningssteg
Inspelning av spårningssteg

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

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

Ett spårningstest
Ett spårningstest

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 detta är klart bör du se ett framgångsmeddelande:

Ett framgångsmeddelande hos Usetrace
Ett framgångsmeddelande hos Usetrace

Du kan klicka på Detaljer för att lära dig mer om varje steg eller välja OK om du är klar. För mer detaljerad vägledning och instruktioner, kan du kolla in Usetrace dokumentation.

 

Sammanfattning

Med rätt verktyg, lite förberedelser, och en solid checklista på plats, bör du inte möta några problem när du testar och genomför WooCommerce-uppdateringar. För att ta bort ångesten kring att uppdatera WooCommerce, är det viktigt att avmystifiera processen, vilket vi har gjort här. Förhoppningsvis kan denna guide hjälpa dig att hålla din WooCommerce-webbplats uppdaterad.

Det är även viktigt att testa din butiks transaktionella e-postmeddelanden, men det är en helt annan historia.

Nu vill vi veta: 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

Innehållschef på Kinsta och innehållsmarknadsförings-konsult för WordPress plugin-utvecklare. Ta kontakt med Matteo på X.