Det er en alvorlig ting at opdatere din WooCommerce-butik, da du muligvis kan ødelægge nogle funktioner, der kan have negativ indflydelse på din bundlinje eller blot hvordan dit websted fungerer.

Der er fire tankegange blandt butiksejere, når WooCommerce-opdateringer rulles rundt:

  • Cowboy: Disse butiksejere ramte “opdatering” uden en anden tanke. Derefter bryder deres butikker ned omkring dem.
  • Den dovne: De, der simpelthen ignorerer opdateringer helt og holdent, som om de ikke findes.
  • Bangebuksen: Disse butiksejere har så mange forældede plugins og temaer, fordi de er bange for, hvad der vil ske, hvis de fortager en opdatering.
  • Maverick: Endelig er dette butiksejere, der kører regelmæssige backups, tester nye udgivelser af WooCommerce på et scenesite og derefter opdaterer deres live-site uden problemer.

Ideelt set burde alle være en Maverick. Heldigvis er det ikke svært at være en! Med de rigtige værktøjer på plads, en solid test checkliste og en vis automatisering kan du begynde at holde dit WooCommerce-site opdateret og altid køre problemfrit.

I dette indlæg vil vi køre dig igennem, hvordan du udfører en sikker WooCommerce-opdatering fra start til slut, herunder hvilke værktøjer, du skal bruge, og en stor test og opdatering af tjeklisten.

Og husk, dit ultimative mål er at øge din butiks omsætning. Så sørg for at downloade vores gratis e-bog, 10 måder at booste dine WooCommerce-produktsidekonverteringer på.

Klar til at starte? Lad os gøre det, så!

Invester lidt tid nu for at spare en masse tid (og angst) senere

Inden vi dykker ind, fortæller bedste praksis os, at du aldrig skal opdatere dit websted, især WooCommerce, uden først at teste nye udgivelser grundigt. Det gælder for større, mindre og patch-udgivelser – det betyder ikke noget.

Du skal være villig til at bruge lidt tid nu for at spare meget tid senere.

Du behøver ikke at trykke på knappen ‘opdatering’ med det samme. Giv dig selv lidt tid, og sørg for at forstå, hvilke ændringer der vil blive foretaget, og vigtigst af alt, hvordan de kan påvirke alt andet på dit websted. Du skal bare læse op på de nye funktioner, der er tilgængelige i den version af WooCommerce, du vil opdatere til, hjælper dig med at give dig indsigt i, hvad du har brug for at forberede dig på.

For at sætte tingene i perspektiv og forstå, hvor let tingene kan gå i stykker, skal du tænke på det fra et plugin eller temaudviklers synspunkt et øjeblik: da WooCommerce core såvel som WordPress core skal være bagudkompatible. Tænk nu på det antal plugins, du – eller din klients websted – bruger. Hvor sandsynligt vil en WooCommerce-opdatering ødelægge nogle funktioner? Nå, jeg antager, at du allerede ved svaret: meget sandsynligt.

Derfor er det altid godt efter en WooCommerce-opdateringsmeddelelse, at det altid er godt at gennemgå changelogs og WordPress.org supportfora, før du opdaterer WooCommerce. Hvis der nogensinde var et problem med en opdatering, ville 99% af tiden en anden først komme på problemet, hvilket sparer dig masser af tid og besvær med at tackle problemet selv.

Det er heller ikke ualmindeligt at afstå fra at skubbe WooCommerce-opdateringen straks til dit websted og vente på, at plugin / temaforfattere frigiver deres egne opdateringer til WooCommerce-relaterede produkter, før du også kan opdatere dit websted. Så at være tålmodig og tage sig tid til at tjekke kompatibilitet kan virkelig betale sig.

Kom godt i gang med din WooCommerce-opdatering

Der er fire vigtige faser, når man nærmer sig WooCommerce-opdateringer, hver med sine egne sæt trin. Vi lover, at når du har gennemgået alt en gang, bliver det hurtigere og lettere hver gang! Vi vil lede dig gennem hvert af de følgende fire faser i opdatering af WooCommerce:

Opdatering af WooCommerce: Få de rigtige værktøjer

Lad os indse det: manuel test af WooCommerce er kedelig og tidskrævende. Det er af disse grunde, at så mange mennesker simpelthen ikke gør det, eller når de gør det, ikke tester korrekt og går glip af fejl på deres websteder.

Heldigvis er der værktøjer, der kan hjælpe med at fremskynde testprocessen og gøre det mindre af en kedelig ting at gøre. Efter utallige gange at have testet WooCommerce-opdateringer gennem årene, er dette de værktøjer, vi anbefaler. Lad os se nærmere på hver enkelt.

Scenesite

Dette er ikke til forhandling. Du bør aldrig opdatere dit live-websted umiddelbart efter en ny udgivelse af WooCommerce.

Scene-websites giver et sikkert testmiljø, hvor du er fri til at bryde ting (normalt uden konsekvenser). Der kan du køre WooCommerce-opdateringer, teste nye versioner og se, hvordan dit websted kan reagere, før du opdaterer dit live-websted.

Hvis du ikke har et scene-websted, kan Kinsta hjælpe dig – vi tilbyder et gratis scenemiljø med hvert websted, samt op til fem tilføjede Premium Scenemiljøer, hvis et ikke er nok.

Visuelle sammenligningsværktøjer

Hvordan ved du, om dit websted er ændret efter en WooCommerce-opdatering? Hvis du kører et stort sted med snesevis af sider, kan det tage tid at spore små ændringer i formatering eller endda widgets, der er stoppet med visningen.

Med et visuelt sammenligningsværktøj som WP Boom, som vi vil bruge til denne tutorial, kan du tage et snapshot af dit websted, trykke på “opdatering” og derefter tage et andet snapshot, så du hurtigt kan se, hvad der er ændret:

WP Boom
WP Boom

Det er vigtigt at påpege, at en visuel ændring ikke nødvendigvis betyder, at et stykke funktionalitet er ødelagt på dit websted, bare at det kunne være ødelagt.

Testværktøjer fra ende til ende

Mens visuelle sammenligningsværktøjer kan hjælpe dig med hurtigt at få øje på ændringer i formateringen og designet af dit websted, går ende-til-ende testværktøjer videre. De tester det aktuelle funktionalitet på dit websted og giver mere sikkerhed, når noget ikke fungerer.

Det tager tid at klikke rundt på dit websted for at gennemføre test, som at tilføje en vare til indkøbskurven og tjekke ud. Disse opgaver bliver temmelig hurtigt gamle, når du har testet WooCommerce-opdateringer hundrede gange før.

Med ende-til-ende-testværktøjer kan du automatisere denne proces, så den gøres automatisk for dig.

Med Robot Ninja lukket, vil vi vise dig, hvordan du bruger to forskellige værktøjer i denne tutorial.

Den første er Ghost Inspector:

ghost inspector
Ghost Inspector

Det andet ende-til-ende-testværktøj, du kan prøve, er Usetrace:

usetrace website
Usetrace

Dette er et andet automatiseret ende-til-ende-testværktøj til WooCommerce, som du kan bruge på både scene og live-websteder. Vi gennemgår hvordan vi konfigurerer begge senere i denne artikel. WooCommerce har også nogle E2E-test, du kan gennemføre, hvis du er mere en udvikler.

Backupværktøjer

Du skal køre regelmæssige backups af dit websted. Hvis du er interesseret i backup af database, vil vi anbefale WP Migrate DB Pro eller blot bruge WP-CLI til at køre hurtig eksport.

Hvis du er sammen med Kinsta, leverer vi automatiske daglige backups, manuelle backup-point og backups af alle vores planer:

MyKinsta backups
MyKinsta backups

Når du har fået de rigtige værktøjer på plads, er det tid til at lave noget forberedelse.

Opdatering af WooCommerce: Forberedelse (en 7-trins checkliste)

Hvis du ønsker, at din WooCommerce-opdatering skal gå problemfrit, skal du lave nogle forberedelser. Der er lidt arbejde involveret, men når du har forberedt dig en gang, er det lettere at udfylde emnerne og gøre det hurtigere næste gang du opdaterer. Nedenfor er de syv forberedelse-trin, vi anbefaler.

Trin 1: Bekend dig selv igen med det websted, du opdaterer

Hvis du ikke er sikker på, hvordan dit websted forventes at fungere (dvs. hvis det er en ny klients websted), skal du tage nogle noter. Dette vil hjælpe med at lette noget af den angst, du måske føler, hvis du bliver forvirret over, hvordan webstedet fungerer efter en opdatering (dette sker oftere, end du måske forventer).

Jeg anbefaler også at lave en liste over kritiske webadresser og dit websteds (og kunders) funktionalitet. Dette bør omfatte vigtige sider på dit websted, såsom dit hjem, kategori og produkt, ‘min konto’, indkøbsvogn og kasse sider.

Trin 2: Kontroller, at dine backups er aktuelle

Hvis dine backups ikke er aktuelle, er det nu tid til at køre en anden backup. Gør dig bekendt med dit backupværktøj igen. Det vigtigste er, at du kontrollerer, om det fungerer korrekt, og sørg for, at du ved, hvordan du vender tilbage til et tidligere snapshot af dit websted.

Trin 3: Opsæt WP Boom

Det tager kun et minut at konfigurere dette værktøj. Hvis din hukommelse og notering ikke er stor (vi kan alle lave fejl), kan WP Boom hjælpe med at udfylde hullerne med skærmbilleder af dit websted. Tænk på dem som de “før” fotos i kampagner for vægttab.

Du vil starte med at tage din første snapshot af webstedet, så du har en visuel baseline-post af dit sted for opdatering af scenesitet.

Det vil typisk ikke være i stand til at tage skærmbilleder af kassen (du har brug for nogle produkter i din indkøbsvogn) og beskyttede sider, men det er her, et af de næste værktøjer kan hjælpe.

Bemærk: Vi vil lede dig igennem, hvordan du konfigurerer og bruger WP Boom senere i dette indlæg.

Trin 4: Konfigurer dit automatiske testværktøj

Hvis du testede WooCommerce manuelt, er dette den del, hvor du laver en liste over testscenarier: dvs. åbn dit websted, tilføj et produkt til indkøbskurven, gå til kassen, indtast betalingsoplysninger osv.

Heldigvis kan både Ghost Inspector og Usetrace automatisk gøre alt dette for dig. Vi forklarer, hvordan du indstiller begge disse værktøjer i en smule.

Trin 5: Identificer alle andre dele af dit websted, du vil teste

Det næste trin er at identificere alle andre dele af dit websted, du vil teste, baseret på listen over kritiske webadresser og funktionalitet, du oprettede tidligere. Dette kan være funktionalitet som kontaktformularer og pop-ups, eller elementer som diasshows og gallerier.

Du kan teste disse ting manuelt, eller hvis du er mere teknisk tænkt, kan du også prøve at automatisere dette trin.

Trin 6: Se hvad der er nyt i den WooCommerce-version, du opdaterer til

Det er også en god ide at se, hvilke nye opdateringer og funktioner der er tilgængelige i den version af WooCommerce, du opdaterer til. Mere specifikt skal du kontrollere, om dine plugins og temaer er kompatible med det.

Igen er det bedre at bruge lidt tid nu på at spare dig selv tid og angst senere. Vi anbefaler, at du tjekker udgivelses-meddelelser på WooCommerce.com, ændrer logfiler, GitHub-problemer og WordPress-supportfora.

Trin 7: Klon dit live-sted til dit scenemiljø

Hvis du bruger nogen plugins, der indeholder en scene-tilstand, såsom WooCommerce-subscriptions, skal du tænde dem eller blot deaktivere dem. Ligeledes vil du deaktivere e-mails.

Dobbeltkontrol derefter for at sikre, at dit scenemiljø efterligner dit live-site så tæt som muligt. Vi foreslår også, at du aktiverer WordPress debug mode på dette tidspunkt for at hjælpe med problemløsning på vejen.

Vigtigt: Når du har skubbet dit websted til scene, ønsker du ikke at miste ordrer, der måtte komme igennem. For at undgå dette ville vores anbefaling være at sætte din WooCommerce-butik i vedligeholdelsestilstand. Dette vil sikre, at ingen ordrer placeres, mens du udfører opdateringer og tester.

Opdatering af WooCommerce: Opdatering og test af dit scenesite (en 7-trins-checkliste)

Nu, hvor du er klar til og klar til at gå, kommer her den sjove del: opdatering af dit scenesite. Det fantastiske ved iscenesættelse af websteder er, at det ikke betyder noget, hvis dit websted går i stykker, fordi det kun er en kopi. Lad os se på trinene involveret i denne del af processen.

Trin 1: Tag et snapshot af dit websted med WP Boom

Den første ting, du vil gøre, er at tage et snapshot af dit websted med WP Boom. Dette vil give dig en visuel basisliste af dit scenesite, før opdatering.

Trin 2: Kør dit testværktøj, og sørg for, at dine test passerer

Som vi nævnte tidligere, kan du bruge et ende-til-ende-testværktøj såsom Ghost Inspector eller Usetrace til at automatisere dine test. Yderligere i denne artikel vil vi lede dig igennem, hvordan du kan køre en test ved hjælp af begge værktøjer og kontrollere, om testene er bestået.

Trin 3: Opdater dine plugins og tema

I forberedelsesfasen nævnte vi kontrol af, om dine plugins og temaer er kompatible med den nyeste version af WooCommerce, du opdaterer til. Hvis du bemærkede, at dine plugins eller temaer er forældede og ikke længere er kompatible med den nyeste version af WooCommerce, er det nu tid til at opdatere dem til en kompatibel version.

Trin 4: Opdater WooCommerce på dit scenesite

Når du har opdateret dine plugins og temaer og sørget for, at der ikke er problemer med kompatibilitet, er du klar til at opdatere dit scenesite til den nyeste version af WooCommerce. Opdatering af dit scenesite giver dig mulighed for at identificere eventuelle fejl, der skal løses, inden du skubber WooCommerce-opdateringen til dit live-sted.

Trin 5: Kontroller dine logfiler for fejl

Efter opdatering af dine plugins, temaer og WooCommerce er det smart at tjekke dine logfiler for at se efter eventuelle fejl, der skyldes disse opdateringer. Foretag en hurtig scanning for at sikre, at du stadig kan få adgang til din startside og admin-område.

Hvis du får en dødens hvide skærm eller sidder fast i en anden uoprettelig situation, er det nu et godt tidspunkt at vende tilbage til et tidligere snapshot af dit websted. Du kan enten lave noget problemløsning selv eller søge hjælp.

Trin 6: Tag et andet snapshot for at sammenligne ændringer

Hvis alt går så langt, skal du køre WP Boom igen og få et øjebliksbillede. Sammenlign dine snapshots før og efter for at se, hvad der er ændret.

Det, der er fantastisk ved WP Boom, er, at det fortæller dig, hvor meget dit websted er ændret siden dit sidste øjebliksbillede.

Der kan for eksempel være en visuel ændring på 7% mellem dine to sæt snapshots. Selvom dette ikke nødvendigvis betyder, at dit websted er ødelagt, kan det betyde, at du er nødt til at justere nogle stilarter.

Trin 7: Kør Ghost Inspector eller Usetrace igen for at sikre, at alt fungerer korrekt

Kør derefter en anden test vha. Enten Ghost Inspector eller Usetrace (eller hvilket end-to-end-testværktøj, du har valgt) for at sikre, at din kassestrøm er i korrekt funktionsdygtig tilstand. Du kan også udføre manuel eller automatiseret kontrol af enhver anden funktionalitet på dit websted, f.eks. kontaktformularerne.

Hvis noget ikke fungerer, som du kunne forvente, er det nu tid til at rapportere og/eller rette det.

Hvis du har brugerdefineret kode, der kører på dit websted (dvs. kode, der ikke vedligeholdes af en tredjeparts plugin / extension udvikler), bliver du nødt til at ordne den og sørge for, at rettelserne anvendes på dit live site før eller efter at have kørt opdatering (afhængigt af problemet).

Versionskontrol, såsom at have dit websted i Git, kan hjælpe dig med at styre ændringer bedre. Hvor du rapporterer fejl afhænger af, hvilke plugins du bruger, og dine support-ordninger. Herfra bliver du enten nødt til at vente på nye udgivelser af dine plugins / tema og derefter prøve processen igen, eller arbejde selv med rettelserne og opdatere din kode.

Den gode nyhed er, at dit live site ikke er ødelagt, dine kunder vil stadig være i stand til at foretage køb. Derudover kan du tage dig tid til at gentage processen så meget som nødvendigt, indtil du er komfortabel, at alt fungerer som forventet.

Opdatering af WooCommerce: Opdatering og test af dit live site (en 8-trins checkliste)

Når du har opdateret dit scenesite og har fået det til at fungere problemfrit, med enhver ødelagt funktionalitet rettet og alle bugs udryddet, er du klar til at opdatere dit live-site.

Lad os se på trinnene, der er involveret i opdatering af dit live WooCommerce-sted, hvoraf mange vil svare til dem, du udførte under testningen af ​​dit scenesite.

Trin 1: Tag backup af dit live site

Det første trin er at tage backup af dit live-site. Det er vigtigt at sikre dig, at du ikke går glip af dette trin. Hvis du er en Kinsta-bruger, har du en række backup indstillinger at vælge imellem. Du kan dog også bruge et backup-plugin.

Trin 2: Tag endnu et snapshot af dit websted

Dernæst vil du tage et nyt snapshot af dit websted med WP Boom. Dette giver dig en visuel baseline-post af dit live-site, for-opdatering.

Trin 3: Kør Ghost Inspector eller Usetrace, og sørg for, at dine test passerer

Igen kan du bruge enten Ghost Inspector eller Usetrace til dette, afhængigt af om du ønsker at bruge en Chrome-udvidelse eller et online-værktøj til at registrere dine test. Dette giver en anden grundlinje til dit webstedets præ-opdatering.

Trin 4: Synkroniser og skub dine ændringer live

Afhængigt af hvordan dine iscenesættelses- og live-miljøer fungerer, skal du muligvis simpelt hen synkronisere ændringer mellem scene og live-websteder. Alternativt skal du muligvis køre gennem opdatering af dine plugins og kode igen.

Hvis du er sammen med Kinsta, kan du skubbe ændringer direkte med et enkelt klik

MyKinsta skub scene til live mulighed
MyKinsta skub scene til live mulighed

Husk først at tage din WooCommerce-butik ud af vedligeholdelsestilstand.

Trin 5: Kontroller dine logfiler for fejl

Når du er færdig med at synkronisere opdateringen, skal du kontrollere dine fejllogs igen for eventuelle problemer, der kan have opstået som et resultat. Kontroller, at du stadig kan få adgang til startsiden og admin-området.

Ligesom med scenesitet, er det bedst at vende tilbage til et tidligere snapshot af dit websted og udføre fejlfinding eller række ud til hjælp, hvis du får dødens hvide skærm eller støder på en anden uoprettelig situation.

Trin 6: Tag endnu et snapshot med WP Boom

Kør derefter WP Boom igen, så du har et andet sæt snapshots. Sammenlign dine snapshots før og efter for at se, om noget er ændret.

Step 7: Run Ghost Inspector or Usetrace Again to Confirm That the Site Works Properly

Igen kan du bruge dit automatiske værktøj til at køre en anden test og sikre dig, at alt fungerer som det skal. På dette tidspunkt kan du også udføre enhver anden manuel (eller automatiseret) kontrol af anden funktionalitet på dit websted, såsom kontaktformularer.

Hvis du har behandlet og rettet problemer tidligere under opdatering af dit scenesite, såsom konfliktfuld plugin-kode og din egen brugerdefinerede kode, skulle der ikke være for mange problemer (hvis nogen) til at løse i dette trin.

Trin 8: Foretag en endelig visuel kontrol

Du er næsten færdig. Det eneste, der er tilbage at gøre, er at tjekke din liste over kritiske webadresser og funktionalitet for at sikre, at alt fungerer.

Hvis alt synes godt, er det det! Din opdaterede WooCommerce er nu live.

Kom godt i gang med WP Boom

WP Boom er et visuelt test- og sammenligningsværktøj bygget til WordPress. Når det er konfigureret, kan du sammenligne skærmbilleder før og efter opdatering af dit websted og modtage advarsler, hver gang auto-opdateringer forårsager visuelle ændringer på dine websteder:

wp boom 1
WP Boom

For at komme i gang med WP Boom skal du tilmelde dig en gratis konto. Når du har indtastet din e-mail og adgangskode, vises der en modal, der beder dig om at oprette forbindelse til et nyt sted:

WP Boom tilmeldingsformularen
WP Boom tilmeldingsformularen

Når du har indtastet detaljerne og klikket på Opret websted, kommer WP Boom til at arbejde med at tage dit websteds første snapshot. Dette vil tage et minut eller to, afhængigt af hvor mange sider dit websted indeholder:

Et snapshot fra WP Boom
Et snapshot fra WP Boom

Når denne proces er færdig, opdateres siden. Når du klikker på navnet på dit websted, ser du en oversigt over dit snapshot, inklusive den tid, det blev taget, og hvor mange sider der var på dit websted:

Et seneste snapshot fra WP Boom
Et seneste snapshot fra WP Boom

Når du er klar til at tage et andet snapshot, skal du bare vende tilbage til WP Boom-betjeningspanelet, vælge det sted, du vil klikke på, og klikke på Valgte websteder med snapshot.

Et par andre gode funktioner, som WP Boom inkluderer, er muligheden for at planlægge ugentlige snapshots og e-mail-rapporter, der indeholder detaljerede visuelle ændringer på dit websted. Dette er nyttigt, hvis du administrerer et væld af sider og har auto-opdateringer på plads.

Automatiske testværktøjer: Ghost Inspector og Usetrace

Det er vigtigt at teste og sikre, at funktionaliteten på hele dit WooCommerce-websted fungerer korrekt, når du har foretaget opdateringer, ikke kun din checkout-process.

Når alt kommer til alt, hvis en kunde udfylder en kontaktformular eller forsøger at bruge live chat, og disse funktionalitetsstykker er ødelagt, hvordan vil du vide det, hvis du ikke har testet dem?

Det er let at køre manuelle tests: Klik blot på dit websted, udfyld formularer og brug dit live chat-vindue.

For at hjælpe med at automatisere denne proces kan du først sammensætte en liste over kritisk funktionalitet samt instruktioner til, hvordan man manuelt udfører test (dvs. “åbn websted, naviger til kontaktside, udfyld formular osv.”). Dette vil sikre, at du ikke går glip af noget, hver gang du foretager en manuel test.

Hvis du foretrækker at automatisere denne proces, vil have mere kontrol over dine automatiserede test eller have et stærkt tilpasset websted eller funktionalitet, vil vi anbefale at tjekke Ghost Inspector og / eller UseTrace.

Begge er gode muligheder, hvis du ikke er bekendt med PHP og ikke ønsker at rod med scripts og kode. Disse indstillinger tilbyder lignende funktioner til at automatisere din checkout-test.

I sidste ende, hvilken mulighed du går med, afhænger af, om du vil bruge en Chrome extension eller et online-værktøj til at registrere dine test. Alternativt, hvis du er en udvikler og kan lide at få dine hænder beskidte, er Codeception et godt valg for udviklere.

Kom godt i gang med Ghost Inspector

Ghost Inspector er et værktøj, du kan bruge til at automatisere din WooCommerce-test af websteder og sikre, at den fungerer korrekt. Det bedste er, at du ikke har brug for nogen programmerings- eller testoplevelse for at bruge den.

Ghost Inspector fungerer ved at tilføje en Chrome- eller Firefox-udvidelse til din browser. Derefter registrerer udvidelsen dit websted og kører testene automatisk.

For at komme i gang skal du besøge Ghost Inspector-webstedet og klikke på Start Your Free Trial. Indtast dine oplysninger i formularen, og vælg derefter Opret konto:

Ghost Inspector-tilmeldingssiden
Ghost Inspector-tilmeldingssiden

Dette vil omdirigere dig til en velkomstside. Klik på knappen Install Test Recorder nederst i bunden:

installation af Ghost Inspector testoptager
installation af Ghost Inspector testoptager

Dette åbner Chrome Web Store i en ny browserfane. Vælg Tilføj til Chrome:

Tilføjelse af Ghost Inspector Chrome-extension
Tilføjelse af Ghost Inspector Chrome-extension

Ghost Inspector-udvidelsen tilføjes automatisk til din browser, der vises i øverste højre hjørne. Første gang du klikker på det, vil det bede dig om at logge ind ved hjælp af dine legitimationsoplysninger:

Log ind på Ghost Inspector Chrome-extension
Log ind på Ghost Inspector Chrome-extension

Opdater din browser. Når du er klar til at køre en test, skal du besøge dit WooCommerce-websted (sørge for, at du er logget ud), og klik derefter på browserudvidelsen.

I rullemenuen skal du vælge indstillingen “Opret en ny test”, efterfulgt af knappen Start optagelse:

Ghost Inspector-knappen
Ghost Inspector-knappen “start optagelse”

Når du løber igennem og tester dit websted, registrerer Ghost Inspector alle dine handlinger. Når du er færdig, skal du klikke på udvidelsen igen efterfulgt af Jeg er færdig optagelse:

Ghost Inspector-knappen
Ghost Inspector-knappen “færdig optagelse”

Du kan derefter navngive og gemme din test. Hvis du vælger Vis min test, bringer den dig til Ghost Inspector-dashboardet:

Ghost Inspector-dashboardetet
Ghost Inspector-dashboardetet

Her kan du se alle detaljerne i testen. Du vil se en liste over de involverede trin og har muligheden for at redigere dem. Det fortæller dig, om testen er bestået, og hvis ikke, hvilke trin der kræver din opmærksomhed. For mere detaljerede oplysninger, se dokumentationen til Ghost Inspector.

Kom godt i gang med Usetrace

Hvis du vil bruge et automatiseret testværktøj, der ikke er specifikt for en browser, kan du muligvis gå med Usetrace. Med dette værktøj opretter du ‘spor’ ved at registrere dine arbejdsgange gennem Usetrace online-editor. Derefter kan du bruge dem til automatisk at teste dit websted.

For at komme i gang skal du besøge Usetrace-webstedet og klikke på Tilmeld og start test nu. Når du har oprettet en konto, bliver du omdirigeret til Usetrace-betjeningspanelet. Vælg Start ved at oprette et nyt trace:

Usetrace-dashboard
Usetrace-dashboard

I vinduet til venstre er dine sporstrin og indstillinger. Til højre er det websted, du tester. Klik på Record Steps for at starte:

Optagelse af trace steps
Optagelse af trace steps

Programmet begynder at registrere dine webstedets interaktioner. Hver gang du foretager en handling, f.eks. at tilføje en vare til din indkøbskurv eller udfylde en kontaktformular, tilføjer den et kontrolpunkt til sporstrinnene til venstre.

Når du er færdig, skal du klikke på knappen Gem trin:

En Usetrace-test
En Usetrace-test

Hvis du vil løbe gennem hele sporet for at bekræfte, at alt fungerer, skal du vælge Kør trace i nederste venstre hjørne:

Knappen Kør trace i Usetrace
Knappen Kør trace i Usetrace

Når det er afsluttet, skal du se en succesmeddelelse:

En Usetrace-success meddelelse
En Usetrace-success meddelelse

Du kan klikke på Detaljer for at lære mere om hvert trin eller vælge OK, hvis du er færdig. For mere detaljeret vejledning og instruktioner, er du velkommen til at henvise til Usetrace-dokumentationen.

Resumé

Med de rigtige værktøjer, noget forberedelsestid og en solid tjekliste på plads, skal du ikke have problemer med at teste og implementere WooCommerce-opdateringer. For at fjerne angsten omkring opdatering af WooCommerce er det vigtigt at afmystificere processen, som vi har gjort her. Forhåbentlig har denne guide givet et solidt fundament til at holde dit WooCommerce-site opdateret.

Vi skal også fremhæve, at det er vigtigt at teste din butiks transaktions-e-mails også, men det er en helt anden rejse.

Nu tilbage til dig: Bruger du visualiserings- eller skærmbillede-værktøjer, når du opdaterer WooCommerce og WordPress? Hvilke andre værktøjer og arbejdsgange bruger du til opdateringer? Del dem med os i kommentarerne herunder!

Matteo Duò Kinsta

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