Eine WooCommerce-Webseite hat andere und einzigartige Anforderungen als andere Webseiten. Zunächst einmal ist die Zeit, die der Laden online ist, einer der wichtigsten Aspekte, die es zu berücksichtigen gilt. Für einen versierten Shop-Betreiber muss das fast schon eine Besessenheit sein.

WooCommerce Staging ist eine Taktik, die dir hilft, deinen E-Commerce-Laden live zu halten und ihn gleichzeitig zu verbessern und zu aktualisieren.

Im Allgemeinen ist eine Staging-Seite eine Kopie deiner Live-Site, die für die Öffentlichkeit nicht zugänglich ist. Das ist zwar eine grobe Vereinfachung, aber wenn du sie dir so vorstellst, wird dir klar, was sie für dich tun kann. Mit einer Staging-Seite kannst du Aktualisierungen durchführen, Design-Entscheidungen testen und an deiner Webseite arbeiten, ohne dass der Live-Store beeinträchtigt wird.

In diesem Artikel zeigen wir dir alles, was du über WooCommerce Staging wissen musst. Am Ende wirst du wissen, ob es das Richtige für dich ist und wie du es einrichten kannst.

Was ist Staging?

Staging ist eine Möglichkeit, deine Live-Site zu hosten, ohne sie der Öffentlichkeit zu zeigen. Das scheint nicht intuitiv zu sein, bis du verstehst, dass du Änderungen an einer Staging-Seite vornimmst, bevor du sie in deine Live-Instanz überträgst. Betrachte sie als eine Kopie deiner Webseite, die du als Testumgebung verwendest, bevor du die guten Änderungen veröffentlichst.

Dieses Konzept ist für den gesamten Prozess wichtig. In den meisten Fällen willst du keine Änderungen an deiner Live-Site vornehmen. Denn jede dieser Änderungen könnte ein Problem verursachen, das dazu führt, dass deine Webseite nicht mehr richtig funktioniert oder ganz ausfällt, was deine Nutzer/innen und Verkäufe beeinträchtigt.

In der Regel werden die Dateien deiner Webseite zusammen mit deiner Datenbank geklont. Dies geschieht auf einem anderen Server, in deiner lokalen Entwicklungsumgebung oder auf beiden, je nach Arbeitsablauf (mehr dazu später). Sobald du deine Arbeit beendet hast, kannst du die einzelnen Schritte wiederholen, um voranzukommen – also von einem lokalen Setup auf deinen Staging-Server oder von Staging auf Live.

Währenddessen bleibt deine Live-Site in ihrem alten Arbeitszustand, ohne dass sie unter den Auswirkungen deiner Änderungen leidet. Sobald du die Änderungen von deiner Staging-Umgebung auf deinen Live-Server überträgst, wird deine Webseite natürlich aktualisiert.

Im Großen und Ganzen ist die Staging-Umgebung eine Absicherung gegen Probleme mit deiner Webseite, während du Änderungen vornimmst. Sobald du feststellst, dass die Änderungen in Ordnung sind, kannst du sie auf deine Live-Site übertragen.

Brauchst du WooCommerce Staging?

Wir geben zu, dass dies ein komplizierter Arbeitsablauf zu sein scheint, vor allem wenn man bedenkt, dass die meisten Webseiten-Besitzer/innen das Konzept der Local-to-Live-Entwicklung noch nicht kennen. Das Staging von WooCommerce ist jedoch aus einem wichtigen Grund sinnvoll: die Betriebszeit.

Die Kinsta Uptime-Webseite zeigt eine Reihe von grünen Quadraten, die einen ganzen Tag Betriebszeit anzeigen.
Die Kinsta Uptime Seite

Die öffentliche Nutzung des E-Commerce nimmt zu und wird in Zukunft nahezu allgegenwärtig sein. Außerdem erstrecken sich die beliebtesten E-Commerce-Märkte über den ganzen Globus. Das bedeutet, dass du darauf vorbereitet sein musst, mit einem nahezu konstanten Verkehrsfluss umzugehen.

Mit anderen Worten: Du musst die Betriebszeit deiner Webseite aufrechterhalten.

Mit WooCommerce Staging kannst du deine Webseite im Live-Betrieb halten, während du Änderungen sicher testest. Das bietet unzählige Vorteile:

  • Du hast viel Zeit, um an den Aspekten deiner Webseite zu arbeiten, die du brauchst, ohne dir Gedanken über Ausfallzeiten zu machen.
  • Eine Staging-Seite hat keine Auswirkungen auf deinen Live-Server, sodass du vor Fehlern geschützt bist.
  • Du kannst Umgestaltungen und Aktualisierungen der Benutzeroberfläche (UI) testen, ohne dass der Endnutzer davon betroffen ist.
  • Wenn du ein Entwicklungsteam hast, gibt es hier eine natürliche Arbeitsteilung. Sie können in Ruhe an Design und Funktionalität deiner Webseite arbeiten, während du dich darauf konzentrierst, deine Produktivität mit einem bewährten Design zu maximieren.

Es gibt noch viele weitere Vorteile von WooCommerce Staging, die aber alle von deinem eigenen Setup abhängen. Wenn du deine Webseite und die Entwicklung auf eine lokale, eine Staging- und eine Live-Site aufteilst, kannst du auf jeden Fall für eine hohe Betriebszeit und hohe Gewinne sorgen.

Wann du WooCommerce Staging nutzen solltest

Wir haben bereits einige Anwendungsfälle für WooCommerce Staging angesprochen, aber es lohnt sich, auf einige spezielle Situationen näher einzugehen.

Auf den ersten Blick scheinen einfache Aktualisierungen und Anpassungen an deiner Webseite nicht der beste Einsatzzweck für WooCommerce Staging zu sein. Schließlich muss man sich über die Einrichtung Gedanken machen, und oft ist es einfacher, diese Änderungen an deiner Live-Site vorzunehmen. Wir sind jedoch der Meinung, dass grundlegende Änderungen der beste Grund sind, Staging zu nutzen.

Denn ein WordPress-Core-, Theme- und Plugin-Update kann eine Webseite genauso beeinträchtigen wie der White Screen of Death (WSoD) oder ein anderer Fehler. Bei solchen Updates werden immer noch Änderungen an deinen Dateien vorgenommen, und wenn es eine Inkompatibilität gibt, ist deine Webseite offline.

Der MyKinsta Plugins und Themes Bildschirm
Der MyKinsta Plugins und Themes Bildschirm

Wenn ein Core-Update schief geht, kann der Schaden irreversibel sein. Das ist natürlich katastrophaler als ein behebbarer Fehler, aber selbst bei letzterem hast du noch einiges zu tun. Ein Beispiel:

  1. Du musst dich über das Secure File Transfer Protocol (SFTP) auf dem Server deiner Webseite anmelden.
  2. Als Nächstes musst du das fehlerhafte Theme oder Plugin finden, was oft bedeutet, dass du alles deaktivieren und einzelne Prüfungen durchführen musst.
  3. Danach musst du die Funktionen des Themes oder Plugins herausfinden, die du benötigst. Im ersten Fall sieht deine Seite wahrscheinlich kaputt aus, während im zweiten Fall einige wichtige Funktionen verschwinden.

Auch wenn es eines der am einfachsten zu behebenden Probleme ist, bereitet eine Theme- oder Plugin-Inkompatibilität immer noch Kopfschmerzen. Das Wichtigste ist, dass es zu Ausfallzeiten kommt, die sich auf deine Einnahmen und Besucherzahlen auswirken.

Das gilt auch für Plugin- und Theme-Installationen. Natürlich sind Installationen und Updates unterschiedliche Vorgänge, aber bei beiden geht es um das Ändern und Hinzufügen von Dateien. Daher ist es nicht schwer zu verstehen, warum du ein neues Plugin oder Theme auf einer WooCommerce-Staging-Site installierst, um die neue Erweiterung auf Fehler und Inkompatibilitäten zu testen, bevor du sie in Betrieb nimmst.

Wenn es um die Installation von Themes geht, machst du das eigentlich nur, wenn du deine Webseite neu gestalten willst. Das ist einer der Hauptanwendungsfälle für Staging, und wir sind der Meinung, dass Umgestaltungen eine der einzigen Situationen sind, in denen du diese Technik nutzen solltest.

Wie du siehst, ist WooCommerce Staging mehr als nur eine Design-Sandkastenumgebung.

Staging als Backup nutzen

Manche Nutzerinnen und Nutzer behaupten, dass das Kopieren einer kompletten Live-Site in eine Staging-Umgebung auch eine vollständige Sicherung deiner Webseite darstellt. Die Wahrheit ist hier komplizierter.

Einerseits ist deine gesamte Webseite in einer anderen Umgebung verfügbar, falls das Schlimmste passiert. Allerdings ist dieses „Backup“ nur ein Schnappschuss deiner Webseite zu einem viel älteren Zeitpunkt.

Umgebungsbackups in MyKinsta
Umgebungsbackups in MyKinsta

Es braucht schon unglaubliches Glück, wenn du deine Live-Seite kurz vor einem Fehler stagest. Hinzu kommt, dass du beim Staging nicht immer die aktuellste Datenbank verwendest, denn nicht immer ist ein Update für die Anwendung notwendig. Tatsächlich verzichten die meisten Staging-Prozesse darauf, die Datenbank vom Staging in den Live-Betrieb zu übertragen, weil die Daten immer veraltet sein werden.

Das gilt vor allem für WooCommerce-Webseiten, auf denen du vielleicht mehrere Verkäufe pro Minute hast. Stell dir vor, du ziehst eine Webseite ins Staging und schaltest sie nach einiger Zeit live, nur um mehrere hundert Bestellungen zu löschen.

Optionen für WooCommerce Staging

Viele erfahrene Webunternehmer, Hoster und Entwickler haben erkannt, dass Staging für die meisten Webseiten-Betreiber wichtig ist. Daher gibt es viele Möglichkeiten, deine Webseite in den Staging-Zustand zu versetzen, und wenn du WordPress verwendest, wirst du sie alle kennen:

  • Dein Hoster hat vielleicht die Möglichkeit, ein Staging einzurichten, aber nicht alle tun das. Das ist eine gute Option, denn so musst du dich nicht mit einem weiteren Dashboard und einer anderen Oberfläche auseinandersetzen.
  • Es gibt WordPress-Plugins, wie WP Stagecoach und WP Staging. In vielen Ratgebern werden Plugins wie Duplicator empfohlen, aber diese können nicht die gleiche Funktionalität wie eine Staging-Lösung bieten.
  • Es gibt auch die Möglichkeit, eine manuelle Staging-Seite einzurichten. Das ist ein technisches Unterfangen, für das du eine Menge Fachwissen brauchst, um es zu schaffen. Für die meisten ist es vielleicht nicht die beste Option, aber die leistungsfähigste.

Es ist immer eine gute Idee, zuerst zu prüfen, was du mit deinen aktuellen Tools und deiner Software bereits erreichen kannst. Deshalb ist dein Hoster der erste Ort, an dem du nachschauen solltest.

Warum Hosts mit integriertem Staging in Frage kommen

Trotz der Vorteile eines manuellen Ansatzes – er ist leistungsstark, anpassbar an deine Bedürfnisse und unter deiner Kontrolle – ist er wahrscheinlich nicht die beste Lösung. Wir glauben, dass dein Hoster die richtige Mischung aus Features, Funktionalität, Benutzerfreundlichkeit und mehr bietet, um dich bei der Einrichtung von WooCommerce Staging zu unterstützen.

Es gibt viele Vorteile, wenn du deinen Hoster nutzt:

  • Du musst dich nicht darum kümmern, deine Staging-Lösung mit deinem Server zu verbinden, denn sie ist bereits Teil des Ökosystems.
  • Dein Hoster weiß, wie man Server einrichtet, also ist er der Experte dafür, was einen guten Staging-Server ausmacht.
  • Außerdem kannst du deinen Live-Server mit der Infrastruktur deines Hosts besser replizieren. In vielen Fällen haben diese Server die gleichen Spezifikationen, Software und Optimierungen.
  • Es gibt kein zusätzliches Dashboard oder eine Schnittstelle, mit der du dich zufrieden geben musst, was aus Sicht der Benutzerfreundlichkeit wichtig ist. Viele Hosts bieten eine einfache Staging-Option, bei der du auswählen kannst, was du zwischen den Servern verschieben möchtest.

Weil wir so sehr von der Leistungsfähigkeit von Staging überzeugt sind, hat Kinsta eine eigene Lösung entwickelt, mit der du Staging ohne großen Aufwand einrichten kannst. Im nächsten Abschnitt sehen wir uns an, was sie bietet.

Warum Kinsta der perfekte Hoster für WooCommerce Staging ist

Zu den vielen Funktionen, die Kinsta anbietet, gehört vor allem ein robustes, integriertes Staging für jede WordPress-Installation – das schließt auch WooCommerce-Seiten ein. Kinsta hat bereits 51,000 Staging Seiten im Einsatz – Tendenz steigend!

Du bekommst hier eine vollwertige Lösung. Dazu gehört die Möglichkeit, deine Staging-Umgebung einzurichten, zu aktualisieren, zu löschen und zu verwalten. Die Anzahl der Klicks zwischen dir und der Staging-Umgebung ist minimal, und es dauert nur wenige Sekunden, um Daten und Dateien zwischen deiner Live- und Staging-Umgebung hin- und herzuschieben.

Darüber hinaus kannst du einen kompletten Workflow erstellen, wenn du DevKinsta in deinen Prozess einbeziehst.

Das Logo von DevKinsta zeigt eine lila und kaukasische Hand vor einem Computer mit dem Kinsta-Logo
Das DevKinsta-Logo

DevKinsta ist ein kostenloses Tool, mit dem du lokale Webseiten, die du entwickelst, in eine Staging-Umgebung verschieben kannst. Das bedeutet, dass du arbeiten kannst, ohne die Ressourcen deines Servers zu verschwenden, und die Änderungen dann auf deinem Staging-Server testen kannst.

In unserer Wissensdatenbank findest du viele Informationen darüber, wie das Staging von Kinsta funktioniert. Im weiteren Verlauf des Artikels zeigen wir dir jedoch einige der Grundlagen.

Mit dem Add-on Premium Staging Environments von Kinsta kannst du bis zu 5 Premium Staging Environments zu deiner WordPress-Seite hinzufügen. Eine Premium Staging-Umgebung ist ideal für ressourcenintensive Tests oder die Entwicklung einer Website, z. B. einer WooCommerce-Website.

So richtest du WooCommerce Staging ein (mit Kinsta und DevKinsta)

In den nächsten Abschnitten zeigen wir dir, wie du WooCommerce Staging ein richtest und dabei sowohl die Funktionen von Kinsta als auch DevKinsta als lokale Umgebung nutzt.

Bevor du die Control Panels anwirfst, solltest du dir jedoch überlegen, wie dein Prozess ablaufen soll.

1. Planen Sie Ihren Arbeitsablauf

Auf dieses Thema gehen wir an anderer Stelle in diesem Artikel ein, aber beim WooCommerce Staging geht es nicht nur darum, dass du deine Webseite auf einem anderen Server hostest, um Änderungen zu testen. Betrachte es als einen ganzheitlichen Ansatz für die Entwicklung deiner Webseite. Deshalb solltest du dich für diesen Arbeitsablauf entscheiden, bevor du etwas anderes tust.

Unserer Meinung nach solltest du einen dreiteiligen Ansatz für deinen Entwicklungsworkflow wählen:

  • Lokal: Du arbeitest an deiner Webseite in einer Sandbox-Umgebung auf deinem eigenen Computer, was viel Zeit und keinen Druck bedeutet. Allerdings kannst du nicht immer eine vollständige Übereinstimmung zwischen deinem lokalen Setup und dem Live-Server erzielen.
  • Staging: In dieser Online-Umgebung kannst du die Änderungen, die du an deinem lokalen Setup vorgenommen hast, auf einem Server testen, der deine Live-Site besser repräsentiert.
  • Live: Das ist (natürlich) deine öffentliche Seite, die du unbedingt beibehalten musst, während du Designänderungen und Updates durchführst.

Mit diesem Arbeitsablauf kannst du in deinem eigenen Tempo arbeiten, ohne die Hosting-Ressourcen zu belasten, und die Webseite skalieren, wenn du dich dem Produktionsdesign näherst. Darüber hinaus solltest du aber auch einige der folgenden Aspekte berücksichtigen:

  • Datenbankabgleich: Dies ist eine der wichtigsten Überlegungen, die du bei deinem WooCommerce Staging anstellen musst. Oft verschiebt man eine Live-Datenbank in die lokale und die Staging-Umgebung, aber man verschiebt die Datenbank nicht in ihrer Gesamtheit zurück. Das ist der Unterschied zwischen einer guten Staging-Lösung und einem Migrationstool.
  • Dateien synchronisieren: Ähnlich wie bei deiner Datenbank solltest du dir überlegen, wie du die Dateien, an denen du arbeitest, mit deiner Live-Seite synchronisierst. Es kann sein, dass du nicht alles hochlädst, sondern nur die geänderten Dateien. Gegen eine vollständige Synchronisierung ist jedoch nichts einzuwenden, wenn sie sinnvoll ist.

Für manche Entwickler/innen ist Git ein wichtiges Bindeglied für den Staging-Prozess. Git eignet sich hervorragend, um die Dateien deines Themes und deiner Webseite mit einem „Push-to-Deploy“-Ansatz zu hosten. So kannst du auf einem lokalen Server arbeiten, Dateien zu Git pushen und ein Makro oder Skript einrichten, um diese Dateien auf dem Staging- oder Live-Server bereitzustellen.

Wenn du die Möglichkeit hast, einen deiner Server nie zu berühren, kannst du bei jedem Schritt des Workflows weniger Schaden anrichten. Dies ist unserer Meinung nach ein weiterer Vorteil von Staging.

2. Einrichten der Staging-Umgebung

Wir können diesen Abschnitt kurz halten, weil die Einrichtung der Staging-Umgebung in Kinsta so einfach ist! Es gibt drei allgemeine Schritte, die du hier befolgen solltest. Logge dich zunächst in dein MyKinsta-Dashboard ein und gehe zu der Seite, die du bereitstellen möchtest:

Das MyKinsta-Dashboard zeigt die grundlegenden Details einer Webseite
Das MyKinsta-Dashboard zeigt die grundlegenden Details einer Webseite

Als nächstes änderst du die Umgebung von Live zu Staging. Das tust du über das Dropdown-Menü oben rechts auf dem Bildschirm

Das Aktionsmenü der Umgebung
Das Aktionsmenü der Umgebung

Sobald du auf die Schaltfläche klickst, um Staging zu implementieren, wird Kinsta seine Arbeit tun und alles einrichten. Wahrscheinlich musst du etwa 15 Minuten warten, bis alles einsatzbereit ist. Allerdings werden auch deine Secure Sockets Layers (SSL) -Einstellungen übertragen, was dir einen zusätzlichen Schritt erspart.

3. Änderungen an WooCommerce Staging vornehmen

Die Staging-Funktion von Kinsta ist fantastisch und funktioniert mit fast jeder Entwicklungsumgebung. Wenn du dich jedoch für die DevKinsta-App entscheidest, kannst du auf ein paar zusätzliche (und coole) Funktionen zugreifen, die dein WooCommerce-Staging einfacher machen.

Du solltest mit dem Importprozess in DevKinsta beginnen. Das ist ein Kinderspiel, wenn du auf die Schaltfläche “ Webseite hinzufügen “ klickst – du wählst “ Von Kinsta importieren “ aus den verfügbaren Optionen:

Der DevKinsta-Bildschirm "Neue Webseite erstellen" mit den drei Optionen: Neue WordPress-Seite, Von Kinsta importieren und Benutzerdefinierte Seite, vor einem macOS-Desktop-Hintergrundbild.
Der Bildschirm „Neue Webseite erstellen“

Ab hier weißt du, was zu tun ist: Entwickle deine Webseite!

Egal, welche Aufgabe du während in DevKinsta erledigst, aber wenn du fertig bist, solltest du die Änderungen in deine Staging-Umgebung übertragen.

4. Änderungen von Staging nach Live übertragen

Ähnlich wie beim Importieren deiner Webseite in DevKinsta ist es ein Kinderspiel, die Änderungen wieder auf deinen Server zu übertragen. Wenn du in DevKinsta auf das Site Info Panel klickst, siehst du die Schaltfläche Push to Staging:

Push to staging

Es scheint zu einfach, aber das ist alles, was du tun musst, um deine Seite wieder auf deinen Server zu übertragen. Du musst jedoch noch ein paar weitere Aufgaben abhaken, bevor du die Staging-Änderungen live schaltest.

Führe zunächst einen gründlichen Test deiner Webseite durch, sobald sie auf dem Server ist. So entdeckst du alle Inkompatibilitäten, die in deiner lokalen Umgebung nicht aufgefallen sind.

Wenn du damit fertig bist, ist es an der Zeit, deine Änderungen live zu schalten.

Das tust du über das MyKinsta-Dashboard. Wenn du deine Staging-Umgebung auf dem Bildschirm hast, schaue auf die rechte Seite. Dort siehst du ein Dropdown-Menü für Umgebungsaktionen. Wenn du in diesem Menü Push to Live auswählst, geschieht das Offensichtliche:

Push to Live
Push to Live

Es gibt noch viel mehr, was du mit den hervorragenden Staging-Funktionen von Kinsta machen kannst. Alles, was du wissen musst – einschließlich der Funktion Selective Push – findest du in unserer Wissensdatenbank.

Zusammenfassung

Die Betriebszeit einer Webseite ist wichtig – für WooCommerce-Webseiten wahrscheinlich wichtiger als jede andere Funktion, die du in Betracht ziehen kannst. Deshalb solltest du nach Möglichkeiten suchen, die Betriebszeit so weit wie möglich zu erhöhen, damit du deinen Kunden möglichst viel Zeit zum Verkaufen geben kannst. WooCommerce Staging ist eine der besten Möglichkeiten, diese zusätzliche Betriebszeit zu erreichen und gleichzeitig deinen Shop zu skalieren, zu erweitern, umzugestalten und zu optimieren.

In diesem Beitrag haben wir über WooCommerce Staging gesprochen und darüber, warum du es einführen solltest. Es gibt zwar viele Möglichkeiten, dies einzurichten, aber die beste ist wohl die Nutzung deines Hosts. Kinsta bietet sowohl Standard-Staging als auch zusätzliche Premium-Staging-Umgebungen an, die mit der lokalen DevKinsta-Umgebung verbunden sind. Das bedeutet, dass du das gesamte Ökosystem deiner Webseite in Kinsta-basierten Apps unterbringen kannst und obendrein von hohen Betriebszeiten profitierst.

Glaubst du, dass WooCommerce Staging für dein Unternehmen von Vorteil sein kann, und wenn ja, wie? Lass es uns in den Kommentaren unten wissen!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.