Die Aktualisierung Ihres WooCommerce-Shops ist eine ernste Angelegenheit, da Sie möglicherweise einige Funktionen zerstören, die sich negativ auf Ihr Endergebnis oder einfach auf die Funktionsweise Ihrer Website auswirken könnten.

Es gibt vier Denkweisen unter Shop-Betreibern, wenn WooCommerce-Updates anstehen:

• Der Cowboy: Diese Shop-Besitzer drücken ohne zu überlegen auf „Update“. Dann stürzen ihre Läden um sie herum ab.
• Die Couch-Potato: Diejenigen, die Updates einfach ignorieren und sie so behandeln, als würden sie nicht existieren.
• Der Angsthase: Diese Shop-Besitzer haben so viele veraltete Plugins und Themes, weil sie Angst davor haben, was passiert, wenn sie ein Update versuchen.
• Der Querdenker: Das sind die Shop-Betreiber, die regelmäßig Backups durchführen, neue WooCommerce-Versionen auf einer Staging-Site testen und dann ihre Live-Site ohne Probleme aktualisieren.

Im Grunde sollte jeder ein Maverick sein. Zum Glück ist es nicht schwer, einer zu sein! Mit den richtigen Tools, einer soliden Test-Checkliste und etwas Automatisierung können Sie Ihre WooCommerce-Website auf dem neuesten Stand halten und stets reibungslos betreiben.

In diesem Beitrag zeigen wir Ihnen, wie Sie eine sichere WooCommerce-Aktualisierung von Anfang bis Ende durchführen, einschließlich der zu verwendenden Tools und einer umfangreichen Test- und Aktualisierungs-Checkliste.

Sind Sie bereit? Dann los!

Investieren Sie jetzt ein wenig Zeit, um später viel Zeit (und Ärger) zu sparen

Bevor wir eintauchen, sollten Sie Ihre Website, insbesondere WooCommerce, niemals aktualisieren, ohne neue Versionen vorher gründlich zu testen. Das gilt für Haupt-, Neben- und Patch-Versionen – es spielt keine Rolle.

Sie müssen bereit sein, jetzt ein wenig Zeit zu investieren, um später viel Zeit zu sparen.

Sie müssen nicht sofort auf die Schaltfläche „Update“ klicken. Geben Sie sich etwas Zeit und stellen Sie sicher, dass Sie verstehen, welche Änderungen vorgenommen werden und vor allem, wie sie sich auf alles andere auf Ihrer Website auswirken könnten. Wenn Sie sich über die neuen Funktionen der WooCommerce-Version, auf die Sie aktualisieren möchten, informieren, können Sie sich einen Überblick darüber verschaffen, worauf Sie sich vorbereiten müssen.

Um die Dinge ins rechte Licht zu rücken und zu verstehen, wie leicht etwas kaputtgehen kann, betrachten Sie die Sache einmal aus der Sicht eines Plugin- oder Theme-Entwicklers: WooCommerce muss ebenso wie WordPress rückwärtskompatibel sein. Denken Sie nun an die Anzahl der Plugins, die Sie – oder Ihr Kunde – verwenden. Wie wahrscheinlich ist es, dass ein WooCommerce-Update einige Funktionen beeinträchtigt? Nun, ich denke, Sie kennen die Antwort bereits: sehr wahrscheinlich.

Deshalb ist es immer gut, direkt nach der Ankündigung eines WooCommerce-Updates die Changelogs und die Support-Foren von WordPress.org zu lesen, bevor Sie WooCommerce aktualisieren. Wenn es jemals ein Problem mit einem Update gab, ist in 99 % der Fälle jemand anderes zuerst auf das Problem gestoßen, was Ihnen eine Menge Zeit und Ärger erspart, wenn Sie sich selbst um das Problem kümmern.

Es ist auch nicht ungewöhnlich, das WooCommerce-Update nicht sofort auf Ihre Website zu übertragen, sondern zu warten, bis Plugin-/Theme-Autoren ihre eigenen Updates für WooCommerce-bezogene Produkte veröffentlichen, bevor Sie Ihre Website ebenfalls aktualisieren können. Wenn Sie also geduldig sind und sich die Zeit nehmen, die Kompatibilität zu prüfen, kann sich das wirklich auszahlen.

Wenn es um die Aktualisierung Ihrer WooCommerce-Website geht, sind Sie dann eher der Cowboy, die Couch-Potato, der Angsthase oder der Maverick? Klicken Sie hier, um herauszufinden, welcher Typ von Ladenbesitzer Sie sind 👇Click to Tweet

Getting Started With Your WooCommerce Update

Es gibt vier wesentliche Phasen, wenn Sie sich WooCommerce-Updates nähern, jede mit ihren eigenen Schritten. Wir versprechen Ihnen, dass es jedes Mal schneller und einfacher geht, wenn Sie alles einmal durchlaufen haben! Wir führen Sie durch jede der folgenden vier Phasen der Aktualisierung von WooCommerce:

WooCommerce aktualisieren: Die richtigen Tools besorgen

Sind wir mal ehrlich: WooCommerce manuell zu testen ist mühsam und zeitaufwändig. Aus diesen Gründen tun es viele Leute einfach nicht, oder wenn sie es tun, testen sie nicht richtig und übersehen Fehler auf ihren Websites.

Glücklicherweise gibt es Tools, die den Testprozess beschleunigen und weniger langweilig machen. Nachdem wir im Laufe der Jahre unzählige WooCommerce-Updates getestet haben, sind dies die Tools, die wir empfehlen. Schauen wir uns jedes einzelne genauer an.

Staging Site

Dies ist nicht verhandelbar. Sie sollten Ihre Live-Site niemals unmittelbar nach einer neuen Version von WooCommerce aktualisieren. Staging-Sites bieten eine Testumgebung, in der Sie (in der Regel ohne Konsequenzen) Fehler machen können.

Dort können Sie WooCommerce-Updates ausführen, neue Versionen testen und sehen, wie Ihre Website reagieren könnte, bevor Sie Ihre Live-Site aktualisieren. Wenn Sie keine Staging-Site haben, kann Kinsta Ihnen helfen (wir bieten One-Click-Staging-Umgebungen an):

Visual Comparison Tools

Woher wissen Sie, ob sich Ihre Site nach einem WooCommerce-Update verändert hat? Wenn Sie eine große Website mit Dutzenden von Seiten betreiben, kann es einige Zeit dauern, kleine Änderungen an der Formatierung oder sogar Widgets, die nicht mehr angezeigt werden, aufzuspüren.

Mit einem visuellen Vergleichstool wie WP Boom, das wir für dieses Tutorial verwenden werden, können Sie einen Schnappschuss Ihrer Website machen, auf „Aktualisieren“ klicken und dann einen zweiten Schnappschuss machen, damit Sie schnell sehen können, was sich geändert hat:

Es ist wichtig, darauf hinzuweisen, dass eine visuelle Änderung nicht unbedingt bedeutet, dass eine Funktion auf Ihrer Website defekt ist, sondern nur, dass sie defekt sein könnte.

End-to-End-Test-Tools

Während visuelle Vergleichstools Ihnen helfen können, Änderungen in der Formatierung und im Design Ihrer Website schnell zu erkennen, gehen End-to-End-Test-Tools noch weiter. Sie testen die tatsächliche Funktionalität Ihrer Website und bieten mehr Gewissheit, wenn etwas nicht funktioniert.

Das Herumklicken auf Ihrer Website, um Tests durchzuführen, wie das Hinzufügen eines Artikels zum Warenkorb und das Auschecken, kostet Zeit. Diese Aufgaben werden schnell langweilig, wenn Sie WooCommerce-Updates schon hundertmal getestet haben.

Mit End-to-End-Testing-Tools können Sie diesen Prozess automatisieren, sodass er automatisch für Sie erledigt wird.

Nachdem Robot Ninja abgeschaltet wurde, zeigen wir Ihnen in diesem Tutorial, wie Sie zwei verschiedene Tools verwenden können.

Das erste ist Ghost Inspector:

Das zweite End-to-End-Testing-Tool, das Sie ausprobieren können, ist Usetrace:

Dies ist ein weiteres automatisiertes End-to-End-Testing-Tool für WooCommerce, das Sie sowohl auf Staging- als auch auf Live-Sites verwenden können. Wir gehen später in diesem Artikel darauf ein, wie Sie beide einrichten. WooCommerce hat auch einige E2E-Tests, die Sie durchlaufen können, wenn Sie eher ein Entwickler sind.

Backup-Tools

Sie sollten regelmäßige Backups Ihrer Website durchführen. Wenn Sie an Datenbanksicherungen interessiert sind, empfehlen wir WP Migrate DB Pro oder einfach WP-CLI zu verwenden, um schnelle Exporte durchzuführen.

Wenn Sie mit Kinsta arbeiten, bieten wir automatische tägliche Backups, manuelle Backup-Punkte und Backup-Aufbewahrung für alle unsere Pläne:

Wenn Sie die richtigen Tools zur Verfügung haben, ist es an der Zeit, einige Vorbereitungen zu treffen.

Updating WooCommerce: Vorbereitung (eine 7-stufige Checkliste)

Wenn Sie möchten, dass Ihre WooCommerce-Aktualisierung reibungslos verläuft, müssen Sie einige Vorbereitungen treffen. Es ist ein wenig Arbeit damit verbunden, aber wenn Sie sich einmal vorbereitet haben, ist es einfacher, die Lücken auszufüllen und es beim nächsten Update schneller zu machen. Im Folgenden finden Sie die sieben empfohlenen Vorbereitungsschritte.

Schritt 1: Machen Sie sich mit der zu aktualisierenden Website vertraut

Wenn Sie sich nicht sicher sind, wie Ihre Website funktionieren soll (z. B. wenn es sich um die Website eines neuen Kunden handelt), machen Sie sich einige Notizen. Das wird Ihnen helfen, die Unruhe zu lindern, die Sie empfinden könnten, wenn Sie nach einer Aktualisierung nicht mehr wissen, wie die Website funktioniert (das kommt häufiger vor, als Sie vielleicht erwarten).

Ich empfehle auch, eine Liste der kritischen URLs und der Funktionalität Ihrer Website (und Ihrer Kunden) zu erstellen. Dazu gehören wichtige Seiten wie die Startseite, Kategorien und Produkte, „Mein Konto“, Warenkorb und Kasse.

Schritt 2: Überprüfen Sie, ob Ihre Backups aktuell sind

Wenn Ihre Backups nicht aktuell sind, ist es jetzt an der Zeit, ein weiteres Backup zu erstellen. Machen Sie sich erneut mit Ihrem Sicherungsprogramm vertraut. Überprüfen Sie vor allem, ob es ordnungsgemäß funktioniert, und stellen Sie sicher, dass Sie wissen, wie Sie zu einem früheren Snapshot Ihrer Website zurückkehren können.

Schritt 3: WP Boom einrichten

Die Einrichtung dieses Tools dauert nur eine Minute. Wenn Ihr Gedächtnis und Ihr Erinnerungsvermögen nicht so gut sind (wir alle können Fehler machen), kann WP Boom Ihnen helfen, die Lücken mit Screenshots Ihrer Website zu füllen. Stellen Sie sich diese Fotos wie die „Vorher“-Fotos in Abnehmprogrammen vor.

Beginnen Sie damit, einen ersten Schnappschuss Ihrer Website zu machen, damit Sie eine visuelle Basisaufzeichnung Ihrer Staging-Site vor der Aktualisierung haben.

Normalerweise kann es keine Screenshots der Kasse (Sie brauchen einige Produkte in Ihrem Warenkorb) und der geschützten Seiten machen, aber dabei kann eines der nächsten Tools helfen.

Hinweis: Wir zeigen Ihnen später in diesem Beitrag, wie Sie WP Boom einrichten und verwenden.

Schritt 4: Richten Sie Ihr automatisiertes Testtool ein

Wenn Sie WooCommerce manuell testen würden, ist dies der Teil, in dem Sie eine Liste von Testszenarien erstellen würden: z. B., Öffnen Sie Ihre Website, legen Sie ein Produkt in den Warenkorb, gehen Sie zur Kasse, geben Sie Zahlungsinformationen ein usw.

Glücklicherweise können sowohl Ghost Inspector als auch Usetrace all dies automatisch für Sie erledigen. Wir werden Ihnen gleich erklären, wie Sie diese beiden Tools einrichten.

Schritt 5: Identifizieren Sie alle anderen Teile Ihrer Website, die Sie testen möchten

Der nächste Schritt besteht darin, alle anderen Teile Ihrer Website zu identifizieren, die Sie testen möchten, basierend auf der Liste der kritischen URLs und Funktionen, die Sie zuvor erstellt haben. Dabei kann es sich um Funktionen wie Kontaktformulare und Pop-ups oder Elemente wie Diashows und Galerien handeln.

Sie können diese Dinge manuell testen, oder wenn Sie technisch versierter sind, können Sie diesen Schritt auch automatisieren.

Schritt 6: Prüfen Sie, was in der WooCommerce-Version, auf die Sie aktualisieren, neu ist

Es ist auch eine gute Idee zu sehen, welche neuen Updates und Funktionen in der Version von WooCommerce, auf die Sie aktualisieren, verfügbar sind. Überprüfen Sie insbesondere, ob Ihre Plugins und Ihr Theme damit kompatibel sind.

Auch hier gilt: Es ist besser, jetzt etwas Zeit zu investieren, um sich später Zeit und Ärger zu ersparen. Wir empfehlen, die Versionsankündigungen auf WooCommerce.com, die Änderungsprotokolle, die GitHub-Probleme und die WordPress-Supportforen zu überprüfen.

Schritt 7: Klonen Sie Ihre Live-Site in Ihre Staging-Umgebung

Wenn Sie Plugins verwenden, die einen Staging-Modus bieten, wie WooCommerce Subscriptions, schalten Sie sie ein oder deaktivieren Sie sie einfach. Ebenso sollten Sie E-Mails deaktivieren.

Überprüfen Sie anschließend, ob Ihre Staging-Umgebung Ihrer Live-Site so weit wie möglich ähnelt. Wir empfehlen außerdem, den WordPress-Debug-Modus zu diesem Zeitpunkt zu aktivieren, um die Problemlösung zu erleichtern.

Wichtig: Nachdem Sie Ihre Website in die Staging-Umgebung verschoben haben, möchten Sie keine Bestellungen verlieren, die möglicherweise eingegangen sind. Um dies zu vermeiden, empfehlen wir Ihnen, Ihren WooCommerce-Shop in den Wartungsmodus zu versetzen. Dadurch wird sichergestellt, dass während der Aktualisierungs- und Testphase keine Bestellungen aufgegeben werden.

Updating WooCommerce: Aktualisieren und Testen Ihrer Staging-Site (eine 7-stufige Checkliste)

Nun, da Sie vorbereitet und startklar sind, kommt jetzt der spaßige Teil: die Aktualisierung Ihrer Staging-Site. Das Tolle an Staging-Sites ist, dass es nichts ausmacht, wenn Ihre Site kaputt geht, denn sie ist ja nur eine Kopie. Werfen wir einen Blick auf die Schritte, die in diesem Teil des Prozesses involviert sind.

Schritt 1: Erstellen Sie einen Schnappschuss Ihrer Website mit WP Boom

Das erste, was Sie tun sollten, ist einen Schnappschuss Ihrer Website mit WP Boom zu erstellen. So erhalten Sie eine visuelle Grundaufzeichnung Ihrer Staging-Site vor dem Update.

Schritt 2: Führen Sie Ihr Testtool aus und stellen Sie sicher, dass Ihre Tests erfolgreich sind

Wie bereits erwähnt, können Sie ein End-to-End-Testtool wie Ghost Inspector oder Usetrace verwenden, um Ihre Tests zu automatisieren. Im weiteren Verlauf dieses Artikels zeigen wir Ihnen, wie Sie einen Test mit beiden Tools durchführen und überprüfen können, ob die Tests erfolgreich sind.

Schritt 3: Aktualisieren Sie Ihre Plugins und Ihr Theme

In der Vorbereitungsphase haben wir bereits erwähnt, dass Sie überprüfen müssen, ob Ihre Plugins und Ihr Theme mit der neuesten Version von WooCommerce kompatibel sind, auf die Sie aktualisieren. Wenn Sie bemerkt haben, dass Ihre Plugins oder Ihr Theme veraltet und nicht mehr mit der neuesten Version von WooCommerce kompatibel sind, ist es jetzt an der Zeit, sie auf eine kompatible Version zu aktualisieren.

Schritt 4: Aktualisieren Sie WooCommerce auf Ihrer Staging-Site

Sobald Sie Ihre Plugins und Themes aktualisiert und sichergestellt haben, dass es keine Kompatibilitätsprobleme gibt, sind Sie bereit, Ihre Staging-Site auf die neueste Version von WooCommerce zu aktualisieren. Die Aktualisierung Ihrer Staging-Site ermöglicht es Ihnen, mögliche Fehler zu erkennen und zu beheben, bevor Sie die WooCommerce-Aktualisierung auf Ihre Live-Site übertragen.

Schritt 5: Überprüfen Sie Ihre Protokolle auf Fehler

Nach der Aktualisierung Ihrer Plugins, Ihres Themes und von WooCommerce sollten Sie Ihre Protokolle auf Fehler überprüfen, die aus diesen Aktualisierungen resultieren. Führen Sie einen kurzen Scan durch, um sicherzustellen, dass Sie immer noch auf Ihre Homepage und den Verwaltungsbereich zugreifen können.

Wenn Sie einen weißen Bildschirm des Todes erhalten oder in einer anderen nicht behebbaren Situation feststecken, ist jetzt ein guter Zeitpunkt, um zu einem früheren Snapshot Ihrer Website zurückzukehren. Sie können das Problem entweder selbst lösen oder Hilfe suchen.

Schritt 6: Erstellen Sie einen zweiten Snapshot, um die Änderungen zu vergleichen

Wenn bis jetzt alles gut läuft, starten Sie WP Boom erneut und erstellen Sie einen zweiten Snapshot. Vergleichen Sie Ihre Vorher- und Nachher-Snapshots, um zu sehen, was sich geändert hat.

Das Tolle an WP Boom ist, dass es Ihnen mitteilt, wie sehr sich Ihre Website seit dem letzten Snapshot verändert hat.

Es könnte zum Beispiel eine visuelle Veränderung von 7 % zwischen Ihren beiden Snapshots geben. Das bedeutet zwar nicht unbedingt, dass Ihre Website kaputt ist, aber es könnte bedeuten, dass Sie einige Stile anpassen müssen.

Schritt 7: Führen Sie Ghost Inspector oder Usetrace erneut aus, um sicherzustellen, dass alles ordnungsgemäß funktioniert

Als Nächstes führen Sie einen weiteren Test mit Ghost Inspector oder Usetrace (oder dem von Ihnen gewählten End-to-End-Testtool) durch, um sicherzustellen, dass Ihr Checkout-Prozess ordnungsgemäß funktioniert. Sie können auch manuelle oder automatische Überprüfungen für andere Funktionen auf Ihrer Website durchführen, z. B. für die Kontaktformulare.

Wenn etwas nicht so funktioniert, wie Sie es erwarten, ist jetzt der richtige Zeitpunkt, um es zu melden und/oder zu beheben.

Wenn Sie benutzerdefinierten Code auf Ihrer Website haben (d. h. Code, der nicht von einem Drittanbieter-Entwickler gepflegt wird), müssen Sie diesen beheben, (d.h. Code, der nicht von einem Plugin-/Erweiterungsentwickler gewartet wird), müssen Sie diesen beheben und sicherstellen, dass die Korrekturen vor oder nach dem Update auf Ihre Live-Site angewendet werden (je nach Problem).

Versionskontrolle, wie z.B. die Verwendung von Git für Ihre Site, kann Ihnen helfen, Änderungen besser zu verwalten. Wo Sie Bugs melden, hängt davon ab, welche Plugins Sie verwenden und welche Support-Vereinbarungen Sie getroffen haben. Von hier aus müssen Sie entweder auf neue Versionen Ihrer Plugins/Themen warten und es dann erneut versuchen, oder Sie arbeiten selbst an den Fehlerbehebungen und aktualisieren Ihren Code.

Die gute Nachricht ist, dass Ihre Live-Site nicht kaputt ist und Ihre Kunden weiterhin Einkäufe tätigen können. Außerdem können Sie sich die Zeit nehmen, den Prozess so oft wie nötig zu wiederholen, bis Sie sicher sind, dass alles wie erwartet funktioniert.

Updating WooCommerce: Aktualisieren und Testen Ihrer Live-Site (eine 8-stufige Checkliste)

Wenn Sie Ihre Staging-Site aktualisiert haben und sie reibungslos funktioniert, wobei alle fehlerhaften Funktionen behoben und alle Bugs beseitigt wurden, können Sie Ihre Live-Site aktualisieren.

Werfen wir einen Blick auf die Schritte, die mit der Aktualisierung Ihrer WooCommerce-Live-Site verbunden sind, von denen viele denen ähneln, die Sie beim Testen Ihrer Staging-Site durchgeführt haben.

Schritt 1: Sichern Sie Ihre Live-Site

Der erste Schritt besteht darin, Ihre Live-Site zu sichern. Es ist wichtig, dass Sie diesen Schritt nicht verpassen. Als Kinsta-Benutzer haben Sie eine Vielzahl von Backup-Optionen zur Auswahl. Sie können aber auch ein Backup-Plugin verwenden.

Schritt 2: Erstellen Sie einen weiteren Snapshot Ihrer Website

Als Nächstes sollten Sie mit WP Boom einen weiteren Snapshot Ihrer Website erstellen. So erhalten Sie eine visuelle Basisaufzeichnung Ihrer Live-Site vor dem Update.

Schritt 3: Führen Sie Ghost Inspector oder Usetrace aus und stellen Sie sicher, dass Ihre Tests erfolgreich sind

Auch hier können Sie entweder Ghost Inspector oder Usetrace verwenden, je nachdem, ob Sie eine Chrome-Erweiterung oder ein Online-Tool zur Aufzeichnung Ihrer Tests nutzen möchten. So erhalten Sie eine weitere Grundlage für Ihre Website vor der Aktualisierung.

Schritt 4: Synchronisieren und Live-Schalten Ihrer Änderungen

Als Nächstes müssen Sie, je nachdem, wie Ihre Staging- und Live-Umgebungen funktionieren, die Änderungen einfach zwischen der Staging- und der Live-Site synchronisieren. Alternativ müssen Sie möglicherweise Ihre Plugins und Ihren Code erneut aktualisieren.

Wenn Sie mit Kinsta arbeiten, können Sie Änderungen mit einem Klick live schalten:

Denken Sie daran, Ihren WooCommerce-Shop zuerst aus dem Wartungsmodus zu nehmen.

Schritt 5: Überprüfen Sie Ihre Protokolle auf Fehler

Nachdem Sie das Update synchronisiert haben, überprüfen Sie Ihre Fehlerprotokolle erneut auf Probleme, die dabei aufgetreten sein könnten. Vergewissern Sie sich, dass Sie immer noch auf die Startseite und den Verwaltungsbereich zugreifen können.

Wenn Sie wie bei der Staging-Site einen weißen Bildschirm des Todes oder eine andere nicht behebbare Situation erhalten, kehren Sie am besten zu einem früheren Snapshot Ihrer Site zurück und führen eine Fehlerbehebung durch oder bitten Sie um Hilfe.

Schritt 6: Erstellen Sie einen weiteren Snapshot mit WP Boom

Als Nächstes führen Sie WP Boom erneut aus, damit Sie einen zweiten Satz von Snapshots haben. Vergleichen Sie Ihre Vorher- und Nachher-Snapshots, um zu sehen, ob sich etwas geändert hat.

Schritt 7: Führen Sie Ghost Inspector oder Usetrace erneut aus, um zu bestätigen, dass die Website ordnungsgemäß funktioniert

Noch einmal können Sie Ihr automatisiertes Tool verwenden, um einen weiteren Test durchzuführen und sicherzustellen, dass alles so funktioniert, wie es sollte. Zu diesem Zeitpunkt können Sie auch andere manuelle (oder automatisierte) Prüfungen für andere Funktionen auf Ihrer Website durchführen, wie z. B. Kontaktformulare.

Wenn Sie bei der Aktualisierung Ihrer Staging-Site bereits Probleme behoben haben, wie z. B. widersprüchlichen Plugin-Code und Ihren eigenen benutzerdefinierten Code, sollten in diesem Stadium nicht mehr allzu viele Probleme (wenn überhaupt) zu beheben sein.

Schritt 8: Führen Sie eine letzte visuelle Prüfung durch

Sie sind fast fertig. Jetzt müssen Sie nur noch Ihre Liste der kritischen URLs und Funktionen überprüfen, um sicherzustellen, dass alles funktioniert.

Wenn alles in Ordnung ist, war’s das! Ihr WooCommerce-Update ist jetzt live.

Einstieg in WP Boom

WP Boom ist ein visuelles Test- und Vergleichswerkzeug für WordPress. Sobald es eingerichtet ist, können Sie Screenshots vor und nach der Aktualisierung Ihrer Website vergleichen und erhalten Warnungen, wenn automatische Aktualisierungen visuelle Änderungen an Ihren Websites verursachen:

Um mit WP Boom zu beginnen, melden Sie sich für ein kostenloses Konto an. Nachdem Sie Ihre E-Mail und Ihr Passwort eingegeben haben, erscheint ein Fenster, in dem Sie aufgefordert werden, eine neue Website zu erstellen:

Nachdem Sie Ihre Daten eingegeben und auf „Website erstellen“ geklickt haben, macht sich WP Boom an die Arbeit und erstellt den ersten Snapshot Ihrer Website. Dies dauert ein bis zwei Minuten, je nachdem, wie viele Seiten Ihre Website enthält:

Wenn dieser Vorgang abgeschlossen ist, wird die Seite aktualisiert. Wenn Sie auf den Namen Ihrer Website klicken, sehen Sie eine Übersicht über Ihren Snapshot, einschließlich der Zeit, zu der er erstellt wurde, und der Anzahl der Seiten auf Ihrer Website:

Wenn Sie bereit sind, einen zweiten Snapshot zu erstellen, kehren Sie einfach zum WP Boom-Dashboard zurück, wählen Sie die Website aus, die Sie aufnehmen möchten, und klicken Sie auf Snapshot Selected Sites.

Ein paar andere nette Funktionen, die WP Boom bietet, sind die Möglichkeit, wöchentliche Snapshots und E-Mail-Berichte zu planen, die alle visuellen Änderungen auf Ihrer Website detailliert darstellen. Dies ist nützlich, wenn Sie eine Vielzahl von Websites verwalten und automatische Aktualisierungen eingerichtet haben.

Automatisierte Testwerkzeuge: Ghost Inspector und Usetrace

Es ist wichtig, die Funktionalität Ihrer gesamten WooCommerce-Website zu testen und sicherzustellen, dass sie nach Aktualisierungen ordnungsgemäß funktioniert, nicht nur der Checkout-Prozess.

Wenn ein Kunde ein Kontaktformular ausfüllt oder versucht, einen Live-Chat zu nutzen, und diese Funktionen nicht funktionieren, wie wollen Sie das wissen, wenn Sie sie nicht getestet haben?

Es ist einfach, manuelle Tests durchzuführen: Klicken Sie sich einfach durch Ihre Website, füllen Sie Formulare aus und nutzen Sie Ihr Live-Chat-Fenster.

Um diesen Prozess zu automatisieren, können Sie zunächst eine Liste mit kritischen Funktionen sowie Anweisungen für die manuelle Durchführung von Tests erstellen (z. B., „Website öffnen, zur Kontaktseite navigieren, Formular ausfüllen, usw.“). So stellen Sie sicher, dass Sie bei einem manuellen Test nichts übersehen.

Wenn Sie es vorziehen, diesen Prozess zu automatisieren, mehr Kontrolle über Ihre automatisierten Tests haben möchten oder eine stark angepasste Website oder Funktionalität haben, empfehlen wir Ihnen Ghost Inspector und/oder UseTrace.

Beides sind großartige Optionen, wenn Sie mit PHP nicht vertraut sind und sich nicht mit Skripten und Code herumschlagen möchten. Diese Optionen bieten ähnliche Funktionen für die Automatisierung Ihrer Checkout-Tests.

Welche Option Sie letztendlich wählen, hängt davon ab, ob Sie eine Chrome-Erweiterung oder ein Online-Tool zur Aufzeichnung Ihrer Tests verwenden möchten. Wenn Sie ein Entwickler sind und sich gerne die Hände schmutzig machen, ist Codeception eine gute Wahl für Entwickler.

Einstieg mit Ghost Inspector

Ghost Inspector ist ein Tool, mit dem Sie Ihre WooCommerce-Website automatisiert testen und sicherstellen können, dass sie ordnungsgemäß funktioniert. Das Beste daran ist, dass Sie keine Programmier- oder Testerfahrung benötigen, um es zu nutzen.

Ghost Inspector funktioniert, indem Sie eine Erweiterung zu Ihrem Chrome- oder Firefox-Browser hinzufügen. Dann zeichnet die Erweiterung Ihre Website auf und führt automatisch die Tests durch.

Um loszulegen, besuchen Sie die Ghost Inspector-Website und klicken Sie auf „Start Your Free Trial“. Geben Sie Ihre Daten in das Formular ein und wählen Sie dann Konto erstellen:

Dadurch werden Sie auf eine Willkommensseite weitergeleitet. Klicken Sie unten auf die Schaltfläche Testrekorder installieren:

Dadurch wird der Chrome Web Store in einem neuen Browser-Tab geöffnet. Wählen Sie Zu Chrome hinzufügen:

Die Ghost Inspector-Erweiterung wird automatisch zu Ihrem Browser hinzugefügt und erscheint in der oberen rechten Ecke. Wenn Sie das erste Mal darauf klicken, werden Sie aufgefordert, sich mit Ihren Anmeldedaten anzumelden:

Browser neu laden. Wenn Sie bereit sind, einen Test durchzuführen, besuchen Sie Ihre WooCommerce-Website (stellen Sie sicher, dass Sie abgemeldet sind), und klicken Sie dann auf die Browsererweiterung.

Wählen Sie im Dropdown-Menü die Option „Neuen Test erstellen“, gefolgt von der Schaltfläche „Aufzeichnung starten“:

Während Sie Ihre Website durchlaufen und testen, zeichnet Ghost Inspector alle Ihre Aktionen auf. Wenn Sie fertig sind, klicken Sie erneut auf die Erweiterung, gefolgt von „I’m Finished Recording“

Sie können Ihren Test dann benennen und speichern. Wenn Sie „Meinen Test anzeigen“ wählen, gelangen Sie zum Ghost Inspector-Dashboard:

Hier können Sie alle Details des Tests einsehen. Sie sehen eine Liste der beteiligten Schritte und haben die Möglichkeit, diese zu bearbeiten. Sie erfahren, ob der Test bestanden wurde und wenn nicht, welche Schritte Sie noch bearbeiten müssen. Ausführlichere Informationen finden Sie in der Dokumentation zu Ghost Inspector.

Einstieg in Usetrace

Wenn Sie ein automatisiertes Testwerkzeug verwenden möchten, das nicht auf einen bestimmten Browser zugeschnitten ist, sollten Sie Usetrace verwenden. Mit diesem Tool erstellen Sie „Spuren“, indem Sie Ihre Arbeitsabläufe über den Usetrace-Online-Editor aufzeichnen. Anschließend können Sie diese verwenden, um Ihre Website automatisch zu testen.

Um loszulegen, besuchen Sie die Usetrace-Website und klicken Sie auf „Sign Up and Start Testing Now“. Nachdem Sie ein Konto erstellt haben, werden Sie zum Usetrace-Dashboard weitergeleitet. Wählen Sie Start by creating a new trace:

Im Fenster auf der linken Seite sehen Sie Ihre Trace-Schritte und Einstellungen. Auf der rechten Seite befindet sich die Website, die Sie testen. Um zu beginnen, klicken Sie auf Schritte aufzeichnen:

Das Programm beginnt mit der Aufzeichnung Ihrer Website-Interaktionen. Jedes Mal, wenn Sie eine Aktion durchführen, z. B. einen Artikel in den Warenkorb legen oder ein Kontaktformular ausfüllen, wird ein Kontrollpunkt zu den Verfolgungsschritten auf der linken Seite hinzugefügt.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Schritte speichern:

Um die gesamte Aufzeichnung durchlaufen zu lassen und zu bestätigen, dass alles funktioniert, wählen Sie unten links die Option Aufzeichnung ausführen:

Nach Abschluss des Tests sollten Sie eine Erfolgsmeldung sehen:

Sie können auf „Details“ klicken, um mehr über die einzelnen Schritte zu erfahren, oder OK wählen, wenn Sie fertig sind. Ausführlichere Hinweise und Anleitungen finden Sie in der Usetrace-Dokumentation.

Machen Sie die Worte „WooCommerce-Site-Update“ nervös? 😅 Erfahren Sie in diesem Leitfaden, wie Sie den Prozess sicher und einfach durchführen können!Click to Tweet

Zusammenfassung

Mit den richtigen Tools, etwas Vorbereitungszeit und einer soliden Checkliste sollten Sie keine Probleme haben, WooCommerce-Updates zu testen und umzusetzen. Um die Angst vor der Aktualisierung von WooCommerce zu nehmen, ist es wichtig, den Prozess zu entmystifizieren, was wir hier getan haben. Wir hoffen, dass dieser Leitfaden eine solide Grundlage für die Aktualisierung Ihrer WooCommerce-Website geschaffen hat.

Wir sollten auch betonen, dass es wichtig ist, die Transaktions-E-Mails Ihres Shops zu testen, aber das ist ein ganz anderes Thema.

Nun zurück zu Ihnen: Verwenden Sie Visualisierungs- oder Screenshot-Tools, wenn Sie WooCommerce und WordPress aktualisieren? Welche anderen Tools und Workflows verwenden Sie für Updates? Teilen Sie sie mit uns in den Kommentaren unten!