Clickservice Logo

Elegant Einrichten

The checkout process is one of the most business-critical elements of any e-commerce platform, as even minor errors can directly lead to lost revenue and reduced customer trust. In this project, the PlentySHOP checkout for the client Elegant Einrichten was thoroughly reviewed, analyzed, and optimized to eliminate both visible, user-side issues and hidden technical errors.

Particular attention was paid to PayPal Express Checkout, which previously led to inconsistent user experiences (e.g., 404 errors after login, faulty cookie banners, and incomplete payment processing). Furthermore, guest checkout occasionally failed with cryptic error messages, which could deter customers from completing their orders.

Technology stack

PlentyONE backend PlentyONE Plugins PHP

Customer challenge

  • PayPal Express error: Users were sometimes redirected to 404 pages or got stuck in incomplete processes after logging into PayPal.
  • Cookie banner conflicts: The PayPal cookie banner caused inconsistencies (switching to Amazon Pay while PayPal buttons remained active).
  • Unintended user actions: In Express Checkout, users could change invoice data, which led to validation errors and failed orders.
  • Problems with guest checkout: Occasional, inexplicable errors ("The selected payment method cannot be used") disrupted the purchase process.
  • Hidden error paths: The customer lacked certainty as to whether there were other scenarios that could block the checkout.
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.

Our approach

  • Error Reproduction & Documentation: Step-by-step simulation of reported errors, focusing on PayPal Express and guest checkout.
  • Plugin adjustments: Adjustment of the EEOptimizedCheckout plugin scripts to stabilize the PayPal cookie banner behavior.
  • Workflow restrictions: Express Checkout is limited to intended changes only (order notes, voucher codes), and harmful modifications are blocked.
  • Replacing temporary solutions: removing unstable CSS/JS overrides and replacing them with sustainable solutions at the code level.
  • Comprehensive testing: Conducting full scenario tests to ensure a consistent and reliable checkout experience across all paths.

Project overview

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.

Stabilization of PayPal Express Checkout

Previously, customers were redirected to error pages after logging into PayPal or experienced payment cancellations. These issues have been systematically resolved by adjusting the checkout logic, ensuring a reliable transfer of payments from PayPal to PlentySHOP. Express Checkout now offers a seamless, end-to-end experience without interruptions.

Sustainable integration of the cookie banner

The PayPal cookie banner initially caused checkout errors, including switching to Amazon Pay and failed transactions. By revising the plugin logic, the banner was fully integrated without disrupting the payment process. This eliminated the need for fragile CSS hiding rules while ensuring full compliance with consent requirements.

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.

Improved user experience in Express Checkout

Previously, users could delete or change invoice data, which led to serious validation errors. The system has been restructured so that only authorized actions (e.g., adding order notes or applying coupon codes) are now possible. This protects the process from errors and complies with PayPal’s operating policies.

Reliability of guest checkout

The guest checkout process was prone to sporadic errors with unclear error messages. Detailed testing and adjustments have stabilized this process, allowing customers to reliably complete orders without registering. This reduces friction for first-time and occasional customers.

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.

OTHER PROJECTS

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