Kanonische Referenz — nicht produktiv

)( EUROPAN Widget

Dies ist die Referenzimplementierung des EUROPAN-Bestellwidgets für alle PAN21-Netzwerkseiten. Diese Seite lädt die echten Dateien aus diesem Repo (vanilla/summary-panel.html + vanilla/summary-logic.js) in einem funktionsfähigen Demo-Modus, damit das Widget hier direkt geöffnet und angeschaut werden kann — ohne Verbindung zu echten Kundendaten.

This is the reference implementation of the EUROPAN order widget for all PAN21 network sites. This page loads the real files from this repo (vanilla/summary-panel.html + vanilla/summary-logic.js) in a working demo mode, so the widget can be opened and reviewed here directly — without connecting to real customer data.

Was ist das hier?

europan-widget ist kein eigenständiges Produkt, sondern die zentrale Referenz, die bei jeder neuen EUROPAN-Bestellstrecke im PAN21-Netzwerk übernommen wird — anstatt die Logik neu zu erfinden. Diese Seite dient nur dazu, das Vanilla-HTML/JS-Widget live zu sehen.

europan-widget is not a standalone product — it's the canonical reference that gets reused for every new EUROPAN order flow across the PAN21 network, instead of reinventing the logic each time. This page exists purely so the vanilla HTML/JS widget can be viewed live.

Dateien in diesem Repo

Live-Referenzen im Netzwerk

Diese Logik läuft produktiv u. a. auf: This logic runs in production on, among others:

  • shop.pan21.com React/Next.js
  • pan-office.de Vanilla HTML/JS
🧪 Demo-Modus: Statt echter E-Mail+PIN-Prüfung gegen noble-limited.com können Sie unten direkt ein simuliertes EUROPAN-Guthaben eingeben, um zu testen, wie sich Ampeln und Doppel-Wums je nach Deckungsgrad verhalten. 🧪 Demo mode: Instead of a real email+PIN check against noble-limited.com, you can enter a simulated EUROPAN balance below to test how the status lights and Doppel-Wums behave depending on coverage.

Test-Produkt auswählenSelect test product

Ohne Auswahl testen Sie das Widget im Zustand „keine Bestellung" (Button deaktiviert). Mit Auswahl testen Sie den vollen Bestell-/Bonus-Flow. With nothing selected you test the "no order" state (button disabled). With a selection you test the full order/bonus flow.

    EUROPAN-optimiertEUROPAN-optimized Bereit – anmeldenReady – log in

    Ihre AuswahlYour selection

    Ausgewählte StandorteSelected locations 0
      Preis pro StandortPrice per location —
      GesamtTotal €0
      🎁 Haben Sie bereits EUROPAN-Guthaben?Already have EUROPAN balance?

      EUROPAN ist die Netzwerkwährung von PAN21, direkt einlösbar gegen den Preis Ihrer oben ausgewählten Standorte — allerdings nur in Höhe Ihres vorhandenen Guthabens. Sie erhalten EUROPAN-Guthaben, indem Sie auf europan.group einen Gutschein kaufen: 1 € Gutscheinwert entspricht 1 € EUROPAN. Ihre PIN dafür erhalten Sie direkt mit Ihrer Bestellbestätigung. EUROPAN is PAN21's network currency, redeemable directly against the price of the locations selected above — but only up to your available balance. You get EUROPAN balance by purchasing a voucher on europan.group: €1 of voucher value equals €1 of EUROPAN. Your PIN for that arrives directly with your order confirmation.

      )(

      Noch kein Guthaben? Don't have a balance yet? Jetzt kaufen →Buy now →