Clickservice Logo

Elegant Einrichten

Der Checkout-Prozess ist eines der geschäftskritischsten Elemente jeder E-Commerce-Plattform, da selbst kleine Fehler direkt zu Umsatzverlusten und reduziertem Kundenvertrauen führen können. In diesem Projekt wurde der PlentySHOP-Checkout des Kunden Elegant Einrichten gründlich überprüft, analysiert und optimiert, um sowohl sichtbare, benutzerseitige Probleme als auch versteckte technische Fehler zu beseitigen.

Besonderes Augenmerk lag auf dem PayPal Express Checkout, der zuvor zu inkonsistenten Nutzerabläufen führte (z. B. 404-Fehler nach dem Login, fehlerhafte Cookie-Banner und unvollständige Zahlungsübergaben). Außerdem schlug die Gastbestellung gelegentlich mit kryptischen Fehlermeldungen fehl, was Kunden vom Abschluss ihrer Bestellungen abhalten konnte.

Technologiestack

PlentyONE backend PlentyONE Plugins PHP

Kundenherausforderung

  • PayPal-Express-Fehler: Nutzer wurden teilweise auf 404-Seiten umgeleitet oder blieben nach dem PayPal-Login in unvollständigen Abläufen stecken.
  • Cookie-Banner-Konflikte: Das PayPal-Cookie-Banner verursachte Inkonsistenzen (Wechsel zu Amazon Pay, während PayPal-Buttons aktiv blieben).
  • Unbeabsichtigte Nutzeraktionen: Im Express Checkout konnten Nutzer Rechnungsdaten ändern, was zu Validierungsfehlern und fehlgeschlagenen Bestellungen führte.
  • Probleme beim Gast-Checkout: Gelegentliche, unerklärliche Fehler („Die gewählte Zahlungsart kann nicht verwendet werden“) störten den Kaufprozess.
  • Verborgene Fehlerpfade: Dem Kunden fehlte die Sicherheit, ob es noch weitere Szenarien gab, die den Checkout blockieren könnten.
Eine Illustration, die zwei Geschäftsleute darstellt, die an einer Strategie zusammenarbeiten. Eine große gelbe und weiße Zielscheibe ist in der Mitte durch einen großen Pfeil geteilt. Ein Mann auf der rechten Seite hält den Pfeil und stößt ihn in die Zielscheibe, während der andere auf der linken Seite mit geballter Faust voranschreitet, als ob er triumphieren würde. Hinter ihnen befinden sich verschiedene Symbole, die sich auf Geschäft und Finanzen beziehen, darunter ein Tortendiagramm, schwebende Dollarzeichen und menschliche Silhouetten-Icons. Der Hintergrund ist einfarbig hellblau.

Unser Ansatz

  • Fehlerreproduktion & Dokumentation: Schrittweise Simulation der gemeldeten Fehler, mit Fokus auf PayPal Express und Gastbestellung.
  • Plugin-Anpassungen: Anpassung der EEOptimierterCheckout-Plugin-Skripte zur Stabilisierung des PayPal-Cookie-Banner-Verhaltens.
  • Workflow-Einschränkungen: Beschränkung des Express Checkouts auf nur beabsichtigte Änderungen (Bestellnotizen, Gutscheincodes), Sperrung schädlicher Modifikationen.
  • Ablösung von Übergangslösungen: Entfernung instabiler CSS/JS-Overrides und Ersatz durch nachhaltige Lösungen auf Code-Ebene.
  • Umfassende Tests: Durchführung vollständiger Szenariotests, um ein konsistentes und zuverlässiges Checkout-Erlebnis über alle Pfade hinweg sicherzustellen.

Projektübersicht

Ein Screenshot der Benutzeroberfläche einer E-Commerce-Plattform, die eine Code- oder Dateiverwaltung zeigt. Im Hauptbereich ist ein Dateibaum zu sehen, der einen Ordner namens „LLC\Payment\Checkout“ und Unterordner wie „resources“, „views“, „Basket“ und „MyAccount“ enthält. Eine Datei namens „Scripts.twig“ ist ausgewählt, und im rechten Bereich ist der Inhalt der Datei, der aus Text oder Code besteht, unscharf dargestellt. Ein Menü am oberen Rand enthält Elemente wie „Dashboard“, „Sales Channels“, „Stock“, „Orders“ und „Plugins“. Am unteren Rand der linken Seitenleiste ist ein Statusfeld mit dem Text „Deploy status: Successfully deployed“ zu sehen.

Stabilisierung des PayPal Express Checkout

Kunden wurden zuvor nach dem PayPal-Login auf Fehlerseiten umgeleitet oder erlebten Abbrüche beim Zahlungsabschluss. Diese Probleme wurden systematisch durch Anpassung der Checkout-Logik behoben, sodass die Übergabe von PayPal an PlentySHOP zuverlässig funktioniert. Das Express Checkout bietet nun ein reibungsloses End-to-End-Erlebnis ohne Unterbrechungen.

Nachhaltige Integration des Cookie-Banners

Das PayPal-Cookie-Banner führte anfangs zu fehlerhaften Checkout-Abläufen, einschließlich Wechsel zu Amazon Pay und fehlschlagenden Transaktionen. Durch eine Überarbeitung der Plugin-Logik wurde das Banner vollständig integriert, ohne den Zahlungsablauf zu stören. Dadurch entfiel der Einsatz fragiler CSS-Verbergungsregeln, und gleichzeitig wurde die volle Einhaltung der Einwilligungsanforderungen sichergestellt.

Ein Screenshot der Benutzeroberfläche einer E-Commerce-Plattform, die eine Code- oder Dateiverwaltung zeigt. Im Hauptbereich ist ein Dateibaum zu sehen, der einen Ordner namens „LLC\Payment\Checkout“ und Unterordner wie „resources“, „views“, „Basket“ und „MyAccount“ enthält. Eine Datei namens „Scripts.twig“ ist ausgewählt, und im rechten Bereich ist der Inhalt der Datei, der aus Text oder Code besteht, unscharf dargestellt. Ein Menü am oberen Rand enthält Elemente wie „Dashboard“, „Sales Channels“, „Stock“, „Orders“ und „Plugins“. Am unteren Rand der linken Seitenleiste ist ein Statusfeld mit dem Text „Deploy status: Successfully deployed“ zu sehen.
Ein Screenshot der Benutzeroberfläche einer E-Commerce-Plattform, die eine Code- oder Dateiverwaltung zeigt. Im Hauptbereich ist ein Dateibaum zu sehen, der einen Ordner namens „LLC\Payment\Checkout“ und Unterordner wie „resources“, „views“, „Basket“ und „MyAccount“ enthält. Eine Datei namens „Scripts.twig“ ist ausgewählt, und im rechten Bereich ist der Inhalt der Datei, der aus Text oder Code besteht, unscharf dargestellt. Ein Menü am oberen Rand enthält Elemente wie „Dashboard“, „Sales Channels“, „Stock“, „Orders“ und „Plugins“. Am unteren Rand der linken Seitenleiste ist ein Statusfeld mit dem Text „Deploy status: Successfully deployed“ zu sehen.

Verbesserte Nutzerführung im Express Checkout

Nutzer konnten zuvor Rechnungsdaten löschen oder ändern, was zu schweren Validierungsfehlern führte. Das System wurde so umstrukturiert, dass nur noch erlaubte Aktionen (z. B. Eingabe von Bestellnotizen oder Anwendung von Gutscheincodes) möglich sind. Dies schützt den Prozess vor Fehlern und entspricht den Betriebsrichtlinien von PayPal.

Zuverlässigkeit des Gast-Checkouts

 Der Gast-Checkout war anfällig für sporadische Fehler mit unklaren Meldungen. Durch detaillierte Tests und Anpassungen wurde dieser Ablauf stabilisiert, sodass Kunden nun zuverlässig Bestellungen ohne Registrierung abschließen können. Das reduziert Reibungspunkte für Erstkäufer und Gelegenheitskunden.

Ein Screenshot der Benutzeroberfläche einer E-Commerce-Plattform, die eine Code- oder Dateiverwaltung zeigt. Im Hauptbereich ist ein Dateibaum zu sehen, der einen Ordner namens „LLC\Payment\Checkout“ und Unterordner wie „resources“, „views“, „Basket“ und „MyAccount“ enthält. Eine Datei namens „Scripts.twig“ ist ausgewählt, und im rechten Bereich ist der Inhalt der Datei, der aus Text oder Code besteht, unscharf dargestellt. Ein Menü am oberen Rand enthält Elemente wie „Dashboard“, „Sales Channels“, „Stock“, „Orders“ und „Plugins“. Am unteren Rand der linken Seitenleiste ist ein Statusfeld mit dem Text „Deploy status: Successfully deployed“ zu sehen.

ANDERE PROJEKTE

Ein MacBook-Laptop, dessen Bildschirm eingeschaltet ist und einen dunkelblauen Hintergrund anzeigt. Ein weißes Rechteck in der Mitte zeigt das Logo von „LAYBA“ in einer eleganten Serifenschrift. Darunter befindet sich das Logo von PlentyONE. Der Laptop steht auf einer hellgrauen Oberfläche vor einem schlichten weißen Hintergrund.

Layba

PlentyONE
Ein MacBook-Laptop, dessen Bildschirm eingeschaltet ist und einen dunkelblauen Hintergrund anzeigt. Das Logo von Silos24 ist in einem weißen Rechteck in der Mitte zu sehen. Das Logo zeigt das Wort „SILOS“ in Grau und „24“ in Rot mit einem stilisierten Haus-Icon. Darunter befindet sich das Logo von PlentyONE. Der Laptop steht auf einer hellgrauen Oberfläche vor einem schlichten weißen Hintergrund.

Silos24

PlentyONE
Ein MacBook-Laptop, dessen Bildschirm eingeschaltet ist und einen dunkelblauen Hintergrund anzeigt. Die Logos von zwei Unternehmen sind sichtbar: "TZS First Austria" in einem weißen rechteckigen Kasten und "PlentyONE" darunter. Der Laptop steht in der Mitte des Bildes auf einer hellgrauen Oberfläche, vor einem schlichten weißen Hintergrund.

First Austria

PlentyONE
PlentyONE logo
Shopify logo
Magento logo
WordPress logo
PrestaShop logo
Clickservice Logo

Wir begleiten Sie digital – von der Vision über die Umsetzung bis zum Erfolg.

Instagram Linkedin X-twitter Facebook
Google Review Badge

Dienstleistungen

Unternehmen

Kontakt

Green Energy logo
hornetsecurity logo
Austrian Testing Board logo

© 2025 Made with ♥ by the fine folks at clickservice.