Het bijwerken van uw WooCommerce-winkel is een serieuze zaak, omdat u bepaalde functionaliteiten kunt verbreken die een negatieve invloed kunnen hebben op uw omzet of op de werking van uw site.

Er zijn vier denkrichtingen onder winkeleigenaren wanneer WooCommerce-updates worden uitgebracht:

• De Cowboy: Deze winkeleigenaren raken “update” zonder een tweede gedachte. En dan storten hun winkels in.
• The Couch Potato: Degenen die gewoon negeren updates helemaal, behandelen ze alsof ze niet bestaan.
• De Scaredy-Cat: Deze winkel eigenaren hebben zo veel verouderde plugins en thema’s omdat ze zijn doodsbang voor wat er zal gebeuren als ze proberen een update.
• De Maverick: Ten slotte zijn dit de winkeleigenaren die regelmatig back-ups draaien, nieuwe releases van WooCommerce testen op een staging site, en vervolgens hun live site zonder problemen updaten.

Iedereen zou eigenlijk een Maverick moeten zijn. Gelukkig, het is niet moeilijk om er een te zijn! Met de juiste tools op zijn plaats, een solide testen checklist, en een aantal automatisering, kunt u beginnen met het houden van uw WooCommerce site up-to-date en altijd soepel.

In dit bericht, gaan we je door hoe je een veilige WooCommerce update uit te voeren van begin tot eind, met inbegrip van welke tools te gebruiken en een grote testen en bijwerken checklist.

Klaar om te beginnen? Laten we het dan doen!

Investeer nu een beetje tijd om later veel tijd (en angst) te besparen

Voordat we er in duiken, vertellen de beste praktijken ons dat je nooit je site moet updaten, vooral WooCommerce, zonder eerst grondig nieuwe releases te testen. Dat geldt voor major, minor, en patch releases-het maakt niet uit.

Je moet bereid zijn om nu een beetje tijd te besteden om later veel tijd te besparen.

Je hoeft niet meteen op die ‘update’ knop te drukken. Gun uzelf wat tijd en zorg ervoor dat u begrijpt welke veranderingen zullen worden doorgevoerd en, nog belangrijker, hoe ze van invloed kunnen zijn op al het andere op uw site. Gewoon lezen over de nieuwe functies die beschikbaar zijn in de versie van WooCommerce die je wilt updaten zal je helpen om je hoofd te krijgen over waar je je op moet voorbereiden.

Om dingen in perspectief te plaatsen, en te begrijpen hoe gemakkelijk dingen kapot kunnen gaan, denk er eens over vanuit het oogpunt van een plugin of thema ontwikkelaar voor een seconde: aangezien WooCommerce core, evenals WordPress core, achterwaarts compatibel moeten zijn. Nu, denk aan het aantal plugins dat u – of uw klant site – gebruikt. Hoe groot is de kans dat een WooCommerce update een bepaalde functionaliteit zal verbreken? Nou, ik denk dat je het antwoord al weet: zeer waarschijnlijk.

Daarom is het, direct na een aankondiging van een WooCommerce update, altijd goed om changelogs en de WordPress.org support forums te bekijken voordat je WooCommerce gaat updaten. Als er ooit een probleem zou zijn met een update, zou 99% van de tijd iemand anders het probleem als eerste tegenkomen, wat je een hoop tijd en gedoe bespaart om het probleem zelf op te lossen.

Het is ook niet ongebruikelijk om de WooCommerce update niet onmiddellijk naar je site te pushen en te wachten op plugin/theme auteurs om hun eigen updates voor WooCommerce-gerelateerde producten vrij te geven voordat je je site ook kunt updaten. Dus geduldig zijn en de tijd nemen om compatibiliteit te controleren kan echt lonen.

Als het gaat om het updaten van uw WooCommerce site, werkt u als 🤠 de Cowboy, 🥔 de Couch Potato, 🙀 de Scaredy-Cat, of 😎 het Maverick? Klik om te zien welk type winkel eigenaar u bent 👇Click to Tweet

Getting Started With Your WooCommerce Update

Er zijn vier essentiële stadia bij het benaderen van WooCommerce updates, elk met zijn eigen set stappen. We beloven dat nadat je alles een keer hebt doorlopen, het elke keer sneller en makkelijker wordt! We zullen je door elk van de volgende vier stadia van het updaten van WooCommerce leiden:

WooCommerce Updaten: Getting the Right Tools

Let’s face it: het handmatig testen van WooCommerce is vervelend en tijdrovend. Het is om deze redenen dat zo veel mensen het gewoon niet doen of, als ze het doen, testen ze niet goed en missen fouten op hun sites.

Gelukkig zijn er tools die kunnen helpen het testproces te versnellen en het minder een saaie zaak te maken om te doen. Na ontelbare keren WooCommerce updates te hebben getest door de jaren heen, zijn dit de tools die we aanbevelen. Laten we een kijkje nemen op elk van hen.

Staging Site

Dit is niet-onderhandelbaar. U moet nooit uw live site updaten direct na een nieuwe release van WooCommerce. Staging sites bieden een test omgeving waar je vrij bent om dingen te breken (meestal zonder repercussies).

Daar kun je WooCommerce updates draaien, nieuwe versies testen, en zien hoe je site zou kunnen reageren voordat je je live site gaat updaten. Als u geen staging-site hebt, kan Kinsta u helpen (wij bieden staging-omgevingen met één klik):

Visual Comparison Tools

Hoe weet u of uw site is veranderd na een WooCommerce-update? Als u een grote site met tientallen pagina’s beheert, kan het opsporen van kleine wijzigingen in de opmaak of zelfs widgets die niet meer worden weergegeven, veel tijd kosten.

Met een visuele vergelijkingstool zoals WP Boom, die we gaan gebruiken voor deze tutorial, kunt u een momentopname maken van uw site, druk op “update”, en maak vervolgens een tweede momentopname, zodat u snel kunt zien wat er is veranderd:

Het is belangrijk om erop te wijzen dat een visuele verandering niet noodzakelijkerwijs betekent dat een stuk functionaliteit op uw site kapot is, alleen dat het kapot zou kunnen zijn.

Tools voor end-to-end-tests

Tools voor visuele vergelijking kunnen u helpen snel veranderingen in de opmaak en het ontwerp van uw site op te sporen, maar tools voor end-to-end-tests gaan verder. Ze testen de feitelijke functionaliteit van uw site en bieden meer zekerheid als iets niet werkt.

Het rondklikken op uw site om tests te voltooien, zoals het toevoegen van een artikel aan een winkelwagentje en uitchecken, kost tijd. Deze taken worden vrij snel oud als je WooCommerce-updates al honderd keer eerder hebt getest.

Met end-to-end testtools kun je dit proces automatiseren, zodat het automatisch voor je wordt gedaan.

Nu Robot Ninja is uitgeschakeld, laten we je in deze tutorial zien hoe je twee verschillende tools kunt gebruiken.

De eerste is Ghost Inspector:

De tweede end-to-end testtool die u kunt proberen is Usetrace:

Dit is een andere geautomatiseerde end-to-end testtool voor WooCommerce, die u kunt gebruiken op zowel staging- als live sites. We zullen later in dit artikel doornemen hoe je beide instelt. WooCommerce heeft ook een aantal E2E tests die u kunt uitvoeren als u meer een ontwikkelaar bent.

Backup Tools

U zou regelmatig backups van uw site moeten maken. Als u geïnteresseerd bent in database back-ups, raden wij u WP Migrate DB Pro aan, of simpelweg WP-CLI om snelle exports uit te voeren.

Als u bij Kinsta werkt, bieden we dagelijkse automatische back-ups, handmatige back-uppunten en backup-retentie voor al onze plannen:

Als u eenmaal de juiste tools hebt, is het tijd om u voor te bereiden.

WooCommerce bijwerken: Prepping (A 7-Step Checklist)

Als u wilt dat uw WooCommerce-update soepel verloopt, moet u wat voorbereidingen treffen. Er is een beetje werk bij betrokken, maar nadat je een keer hebt voorbereid, is het gemakkelijker om de lege plekken in te vullen en het de volgende keer dat je update sneller te doen. Hieronder vindt u de zeven voorbereidende stappen die wij aanbevelen.

Stap 1: Maak uzelf opnieuw vertrouwd met de site die u bijwerkt

Als u niet zeker weet hoe uw site wordt verwacht te functioneren (bijvoorbeeld als het de site van een nieuwe klant is), maak dan wat aantekeningen. Dit zal helpen verlichten sommige van de angst die je zou kunnen voelen als je in de war over hoe de site werkt na een update (dit gebeurt vaker dan je zou verwachten).

Ik raad ook aan het maken van een lijst van kritische URL’s en de functionaliteit van uw site (en klanten). Dit zou belangrijke pagina’s op uw site moeten omvatten, zoals uw home-, categorie- en product-, ‘mijn account’-, winkelwagen- en afrekenpagina’s.

Stap 2: Controleer of uw back-ups actueel zijn

Als uw back-ups niet actueel zijn, is dit het moment om een nieuwe back-up uit te voeren. Maak uzelf opnieuw vertrouwd met uw back-uptool. Het belangrijkste is, controleer of het goed werkt, en zorg ervoor dat u weet hoe u een vorige momentopname van uw site kunt terugzetten.

Stap 3: WP Boom instellen

Het kost u slechts een minuut om deze tool in te stellen. Als uw geheugen en notities niet geweldig zijn (we kunnen allemaal fouten maken), kan WP Boom helpen de gaten op te vullen met screenshots van uw site. Denk aan hen als de ‘voor’ foto’s in gewichtsverlies promoties.

U zult willen beginnen met het nemen van uw eerste site snapshot, zodat u een visuele basislijn record van uw staging site pre-update.

Het zal meestal niet in staat zijn om screenshots van de kassa (je moet een aantal producten in uw winkelwagen) en beschermde pagina’s te nemen, maar dat is waar een van de volgende tools kan helpen.

Note: We zullen u later in deze post laten zien hoe u WP Boom kunt instellen en gebruiken.

Stap 4: Stel uw geautomatiseerde testtool in

Als u WooCommerce handmatig zou testen, is dit het gedeelte waar u een lijst met testscenario’s zou maken: d.w.z., open uw site, voeg een product toe aan de winkelwagen, ga naar de kassa, voer betalingsinformatie in, etc.

Gelukkig kunnen zowel Ghost Inspector als Usetrace dit allemaal automatisch voor u doen. We zullen zo uitleggen hoe u beide tools instelt.

Stap 5: Identificeer alle andere delen van uw site die u wilt testen

De volgende stap is het identificeren van alle andere delen van uw site die u wilt testen, op basis van de lijst met kritieke URL’s en functionaliteit die u eerder hebt gemaakt. Dit kan functionaliteit zijn zoals contactformulieren en pop-ups, of elementen zoals diavoorstellingen en galerijen.

U kunt deze dingen handmatig testen, of als u meer technisch aangelegd bent, kunt u proberen deze stap ook te automatiseren.

Stap 6: Controleer wat er nieuw is in de WooCommerce-versie waarnaar u bijwerkt

Het is ook een goed idee om te zien welke nieuwe updates en functies beschikbaar zijn in de versie van WooCommerce waarnaar u gaat bijwerken. Meer specifiek, controleer om te zien of uw plugins en thema ermee compatibel zijn.

Alweer, het is beter om nu wat tijd te besteden om jezelf later wat tijd en angst te besparen. We raden u aan om release-aankondigingen op WooCommerce.com, wijzigingslogboeken, GitHub-problemen en de WordPress-ondersteuningsforums te controleren.

Stap 7: Kloon uw live site naar uw staging-omgeving

Als u plugins gebruikt die over een staging-modus beschikken, zoals WooCommerce Subscriptions, schakelt u deze in of schakelt u deze gewoon uit. Evenzo, wilt u e-mails uitschakelen.

Daarna, dubbel-check om ervoor te zorgen dat uw staging omgeving uw live site zo dicht mogelijk benadert. We zouden ook willen voorstellen om de debug-modus van WordPress op dit punt in te schakelen, om te helpen bij het oplossen van problemen in de toekomst.

Belangrijk: Nadat u uw site naar de staging-omgeving hebt verplaatst, wilt u geen bestellingen verliezen die eventueel binnenkomen. Om dit te voorkomen, raden wij u aan om uw WooCommerce winkel in onderhoudsmodus te zetten. Dit zal ervoor zorgen dat er geen bestellingen worden geplaatst terwijl u bezig bent met het uitvoeren van updates en testen.

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

Nu dat je bent voorbereid en klaar om te gaan, hier komt het leuke gedeelte: het bijwerken van uw staging site. Het geweldige van staging sites is dat het niet uitmaakt als je site kapot gaat, omdat het gewoon een kopie is. Laten we eens kijken naar de stappen die betrokken zijn bij dit deel van het proces.

Stap 1: Maak een momentopname van uw site met WP Boom

Het eerste wat u wilt doen is een momentopname maken van uw site met WP Boom. Dit geeft u een visuele basislijn van uw staging site, pre-update.

Stap 2: Start uw test tool en zorg ervoor dat uw tests slagen

Zoals we al eerder zeiden, kunt u een end-to-end test tool zoals Ghost Inspector of Usetrace gebruiken om uw tests te automatiseren. Verderop in dit artikel zullen we u laten zien hoe u een test kunt uitvoeren met behulp van beide tools, en controleren of de tests slagen.

Stap 3: Update uw plugins en thema

In de voorbereidingsfase hebben we gezegd dat u moet controleren of uw plugins en thema compatibel zijn met de nieuwste versie van WooCommerce waarnaar u gaat updaten. Als je hebt gemerkt dat je plugins of thema verouderd zijn en niet langer compatibel met de nieuwste versie van WooCommerce, dan is nu het moment om ze bij te werken naar een versie die wel compatibel is.

Stap 4: WooCommerce bijwerken op je staging site

Als je eenmaal je plugins en thema’s hebt bijgewerkt, en ervoor hebt gezorgd dat er geen compatibiliteitsproblemen zullen zijn, ben je klaar om je staging site bij te werken naar de nieuwste versie van WooCommerce. Het bijwerken van uw staging site stelt u in staat om eventuele fouten te identificeren en op te lossen voordat u de WooCommerce update naar uw live site stuurt.

Stap 5: Controleer uw logs op fouten

Na het bijwerken van uw plugins, thema, en WooCommerce, is het slim om uw logs te controleren op eventuele fouten die voortvloeien uit deze updates. Doe een snelle scan om ervoor te zorgen dat u nog steeds toegang heeft tot uw startpagina en admin gedeelte.

Als u een wit scherm van de dood krijgt of vastzit in een andere onherstelbare situatie, is nu een goed moment om terug te keren naar een vorige momentopname van uw site. U kunt het probleem zelf oplossen of hulp zoeken.

Stap 6: Maak een tweede snapshot om de wijzigingen te vergelijken

Als alles tot nu toe goed gaat, draait u WP Boom opnieuw en maakt u een tweede snapshot. Vergelijk uw voor en na snapshots om te zien wat er is veranderd.

Wat geweldig is aan WP Boom is dat het u zal vertellen hoeveel uw site is veranderd sinds uw laatste snapshot.

Er kan bijvoorbeeld een 7% visuele verandering zijn tussen uw twee sets van snapshots. Hoewel dit niet noodzakelijkerwijs betekent dat uw site kapot is, kan het betekenen dat u enkele stijlen moet aanpassen.

Stap 7: Voer Ghost Inspector of Usetrace opnieuw uit om ervoor te zorgen dat alles naar behoren werkt

Volgende, voer nog een test uit met Ghost Inspector of Usetrace (of welke end-to-end test tool u ook heeft gekozen) om ervoor te zorgen dat uw checkout flow in de juiste staat verkeert. U kunt ook handmatige of geautomatiseerde controles uitvoeren voor alle andere functionaliteit op uw site, zoals de contactformulieren.

Als iets niet werkt zoals u zou verwachten, is dit het moment om het te melden en/of te repareren.

Als u aangepaste code op uw site hebt draaien (d.w.z., code die niet wordt onderhouden door een derde partij plugin / extensie ontwikkelaar), moet u deze repareren en ervoor zorgen dat de fixes worden toegepast op uw live site voor of na het uitvoeren van de update (afhankelijk van het probleem).

Version control, zoals het hebben van uw site in Git, kan u helpen beter te beheren wijzigingen. Waar u bugs meldt, hangt af van de plugins die u gebruikt en uw ondersteuningsregelingen. Vanaf hier zult u ofwel moeten wachten op nieuwe releases van uw plugins / thema en dan het proces opnieuw proberen, of zelf aan de fixes werken en uw code bijwerken.

Het goede nieuws is, uw live site is niet kapot, uw klanten zullen nog steeds aankopen kunnen doen. Plus, kunt u de tijd nemen om het proces te herhalen zo veel als nodig is totdat u er zeker van bent dat alles gaat werken zoals verwacht.

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

Als je eenmaal hebt bijgewerkt uw staging site en hebben het soepel werkt, met alle gebroken functionaliteit gerepareerd en alle bugs gladgestreken, bent u klaar om uw live site bij te werken.

Laten we eens kijken naar de stappen die betrokken zijn bij het bijwerken van uw live WooCommerce site, waarvan vele vergelijkbaar zullen zijn met de stappen die u heeft uitgevoerd tijdens het testen van uw staging site.

Stap 1: Maak een back-up van uw live site

De eerste stap is het maken van een back-up van uw live site. Het is belangrijk om ervoor te zorgen dat u deze stap niet mist. Als u een Kinsta-gebruiker bent, kunt u uit verschillende back-upopties kiezen. U kunt echter ook een back-upplugin gebruiken.

Stap 2: Maak nog een momentopname van uw site

Naar aanleiding van deze stap wilt u nog een momentopname van uw site maken met WP Boom. Dit geeft u een visuele basislijn van uw live site, pre-update.

Stap 3: Voer Ghost Inspector of Usetrace uit en verzeker u ervan dat uw tests slagen

Ook hiervoor kunt u Ghost Inspector of Usetrace gebruiken, afhankelijk van of u een Chrome-extensie of online tool wilt gebruiken om uw tests vast te leggen. Dit biedt een andere basislijn voor uw site pre-update.

Stap 4: Synchroniseer en Push uw wijzigingen live

De volgende stap, afhankelijk van hoe uw staging- en live-omgevingen werken, kan zijn dat u eenvoudig wijzigingen tussen de staging- en live-sites moet synchroniseren. Het kan ook zijn dat u uw plugins en code opnieuw moet bijwerken.

Als u Kinsta gebruikt, kunt u wijzigingen met één klik live zetten:

Denk eraan om uw WooCommerce-winkel eerst uit de onderhoudsmodus te halen.

Stap 5: Controleer uw logboeken op fouten

Als u klaar bent met het synchroniseren van de update, controleer dan nogmaals uw foutlogboeken op eventuele problemen die zich als gevolg hiervan kunnen hebben voorgedaan. Controleer of u nog steeds toegang heeft tot de home page en admin area.

Zoals bij de staging site, als u een white screen of death krijgt of een andere onherstelbare situatie tegenkomt, is het het beste om terug te gaan naar een eerdere momentopname van uw site en wat troubleshooting te doen of om hulp te vragen.

Stap 6: Maak nog een momentopname met WP Boom

Daarna draait u WP Boom opnieuw, zodat u een tweede set momentopnamen heeft. Vergelijk uw voor en na snapshots om te zien of er iets is veranderd.

Stap 7: Voer Ghost Inspector of Usetrace opnieuw uit om te bevestigen dat de site naar behoren werkt

Eenmaal weer kunt u uw geautomatiseerde tool gebruiken om nog een test uit te voeren en ervoor te zorgen dat alles werkt zoals het zou moeten. Op dit punt kunt u ook andere handmatige (of geautomatiseerde) controles uitvoeren voor andere functionaliteit op uw site, zoals contactformulieren.

Als u eerder problemen hebt aangepakt en opgelost tijdens het bijwerken van uw staging site, zoals conflicterende plugin code en uw eigen aangepaste code, zouden er niet al te veel problemen moeten zijn (als die er al zijn) om in dit stadium op te lossen.

Stap 8: Doe een laatste visuele controle

U bent bijna klaar. Het enige wat u nu nog moet doen, is uw lijst met kritieke URL’s en functionaliteiten dubbel controleren om er zeker van te zijn dat alles werkt.

Als alles goed lijkt, dan is dat het! Uw WooCommerce update is nu live.

Aan de slag met WP Boom

WP Boom is een visuele test- en vergelijkingstool gebouwd voor WordPress. Zodra het is ingesteld, kunt u schermafbeeldingen vergelijken voor en na het bijwerken van uw site, en waarschuwingen ontvangen wanneer auto-updates visuele veranderingen in uw sites veroorzaken:

Om te beginnen met WP Boom, meldt u zich aan voor een gratis account. Nadat u uw e-mailadres en wachtwoord hebt ingevoerd, verschijnt er een venster waarin u wordt gevraagd een nieuwe site aan te maken:

Als u de gegevens hebt ingevoerd en op Site maken hebt geklikt, gaat WP Boom aan de slag om de eerste momentopname van uw site te maken. Dit duurt een minuut of twee, afhankelijk van het aantal pagina’s dat uw site bevat:

Wanneer dit proces is voltooid, wordt de pagina ververst. Wanneer u op de naam van uw site klikt, ziet u een overzicht van uw momentopname, inclusief het tijdstip waarop deze is gemaakt en hoeveel pagina’s er op uw site staan:

Wanneer u klaar bent om een tweede momentopname te maken, gaat u gewoon terug naar het WP Boom dashboard, selecteert u de site die u wilt snapshotten en klikt u op Snapshot Selected Sites.

Een paar andere leuke functies van WP Boom zijn de mogelijkheid om wekelijkse snapshots in te plannen en e-mail rapporten die alle visuele veranderingen op uw site in detail weergeven. Dit is handig als je een ton van sites te beheren en hebben auto-updates in plaats.

Geautomatiseerde testen Tools: Ghost Inspector en Usetrace

Het is belangrijk om te testen en ervoor te zorgen dat de functionaliteit in uw hele WooCommerce-site goed werkt na het uitvoeren van updates, niet alleen uw afrekenproces.

Nadat, als een klant een contactformulier invult of probeert live chat te gebruiken en die stukjes functionaliteit zijn kapot, hoe weet je dat dan als je ze niet hebt getest?

Het is gemakkelijk om handmatige tests uit te voeren: klik gewoon door uw site, vul formulieren in en gebruik uw live chat-venster.

Om dit proces te helpen automatiseren, kunt u eerst een lijst met kritieke functionaliteit samenstellen, evenals instructies voor hoe u handmatig tests kunt uitvoeren (d.w.z., “Open site, navigeer naar contactpagina, vul formulier in, etc.”). Dit zal ervoor zorgen dat u niets mist wanneer u een handmatige test uitvoert.

Als u dit proces liever automatiseert, meer controle wilt hebben over uw geautomatiseerde tests, of een sterk aangepaste site of functionaliteit hebt, raden we u aan Ghost Inspector en/of UseTrace te bekijken.

Beide zijn geweldige opties als u niet bekend bent met PHP en niet wilt knoeien met scripts en code. Deze opties bieden vergelijkbare functies voor het automatiseren van uw checkout-tests.

Ultimately, welke optie u gaat met zal afhangen van de vraag of u een Chrome-extensie of een online tool wilt gebruiken om uw tests op te nemen. Als alternatief, als je een ontwikkelaar bent en graag je handen vuil maakt, is Codeception een geweldige keuze voor ontwikkelaars.

Getting Started With Ghost Inspector

Ghost Inspector is een tool die u kunt gebruiken om het testen van uw WooCommerce-site te automatiseren en ervoor te zorgen dat deze goed werkt. Het beste deel is dat u geen programmeer- of testervaring nodig heeft om het te gebruiken.

Ghost Inspector werkt door het toevoegen van een extensie aan uw Chrome of Firefox browser. Vervolgens registreert de extensie uw site en voert automatisch de tests uit.

Om te beginnen, bezoek de Ghost Inspector website en klik op Start Your Free Trial. Voer uw gegevens in het formulier in en selecteer vervolgens Account aanmaken:

Hiermee wordt u doorverwezen naar een welkomstpagina. Klik onderaan op de knop Testrecorder installeren:

De Chrome Web Store wordt geopend in een nieuw browsertabblad. Selecteer Toevoegen aan Chrome:

De Ghost Inspector-extensie wordt automatisch toegevoegd aan uw browser en verschijnt in de rechterbovenhoek. De eerste keer dat u erop klikt, wordt u gevraagd in te loggen met uw inloggegevens:

Versieuw uw browser. Wanneer u klaar bent om een test uit te voeren, bezoekt u uw WooCommerce site (zorg ervoor dat u bent uitgelogd) en klikt u vervolgens op de browserextensie.

In het vervolgkeuzemenu selecteert u de optie “Maak een nieuwe test”, gevolgd door de knop Opname starten:

Tijdens het doorlopen en testen van uw site, zal Ghost Inspector al uw acties opnemen. Als u klaar bent, klikt u nogmaals op de extensie, gevolgd door Ik ben klaar met opnemen:

U kunt uw test vervolgens een naam geven en opslaan. Als u Mijn test bekijken selecteert, komt u in het dashboard van de Ghost Inspector:

Hier kunt u alle details van de test bekijken. U ziet een lijst van de betrokken stappen en hebt de mogelijkheid deze te bewerken. Het zal u vertellen of de test geslaagd is, en zo niet, welke stappen uw aandacht nodig hebben. Voor meer gedetailleerde informatie kunt u de Ghost Inspector documentatie raadplegen.

Aan de slag met Usetrace

Als u een geautomatiseerd testprogramma wilt gebruiken dat niet specifiek is voor een bepaalde browser, kunt u Usetrace gebruiken. Met deze tool maak je ‘sporen’ door je workflows op te nemen in de Usetrace online editor. Vervolgens kunt u deze gebruiken om uw site automatisch te testen.

Om te beginnen, bezoekt u de Usetrace website en klikt u op Sign Up and Start Testing Now. Nadat u een account hebt gemaakt, wordt u doorgestuurd naar het Usetrace-dashboard. Selecteer Start met het maken van een nieuwe trace:

In het venster aan de linkerkant staan uw trace-stappen en -instellingen. Rechts ziet u de site die u aan het testen bent. Klik om te beginnen op Stappen opnemen:

Het programma begint met het opnemen van uw interacties met de site. Telkens wanneer u een actie uitvoert, zoals het toevoegen van een artikel aan uw winkelwagentje of het invullen van een contactformulier, wordt er een controlepunt toegevoegd aan de traceerstappen aan de linkerkant.

Wanneer u klaar bent, klikt u op de knop Stappen opslaan:

Om de hele trace te doorlopen en te controleren of alles werkt, selecteert u Linksonder Trace uitvoeren:

Als het is voltooid, moet u een succesbericht zien:

U kunt op Details klikken voor meer informatie over elke stap of OK selecteren als u klaar bent. Voor meer gedetailleerde begeleiding en instructies, voel je vrij om de Usetrace documentatie te raadplegen.

Maken de woorden ‘WooCommerce site update’ je nerveus? Leer hoe je het proces veilig en gemakkelijk kunt voltooien met deze gids! Klik om te tweeten

Samenvatting

Met de juiste tools, wat voorbereidingstijd, en een solide checklist op zijn plaats, zou je geen problemen moeten hebben met het testen en implementeren van WooCommerce updates. Om de angst rond het updaten van WooCommerce weg te nemen, is het belangrijk om het proces te demystificeren, wat we hier hebben gedaan. Hopelijk heeft deze gids een solide basis gelegd voor het up-to-date houden van uw WooCommerce-site.

We moeten ook benadrukken dat het belangrijk is om de transactie-e-mails van uw winkel ook te testen, maar dat is een heel ander traject.

Nu, terug naar jou: Gebruik je visualisatie of screenshot tools bij het updaten van WooCommerce en WordPress? Welke andere tools en workflows gebruik je voor updates? Deel ze met ons in de reacties hieronder!