IONITY GmbH

IONITY: Pricing API Anbindung in Webflow

Eine zentrale Pricing-API steuert dynamisch alle Tarife für 24 Länder und ersetzt die fehleranfällige manuelle Preispflege im Webflow CMS vollständig.

Automation
Automation
Concept
Concept
Development
Development
Webflow
Webflow
Webflow Maintenance
Webflow Maintenance
IONITY Logo auf pinken und lilanen Gradient

Erfolg spricht Klartext

Eine dynamische Preisübersicht für 24 Länder zeigt Power, Motion, App und Direct nebeneinander in einer einzigen Komponente und schaltet nahtlos zwischen Monats- und Jahreszahlung um. Die angebundene Pricing-API liefert alle Tarife zentral, Custom Scripts steuern Währungen, Dezimalstellen, Abrechnungszeiträume und länderspezifische Schreibweisen automatisiert. Sonderfälle wie die schwedische Währungsangabe „kr“ statt „SEK“ werden vom Script erkannt und korrekt mit zwei Dezimalstellen formatiert. Befristete Jahresaktionen werden mit Countdown und Streichpreisen ausgespielt und verschwinden nach Aktionsende ohne manuellen Eingriff. Der Rabatt gilt dabei nur für die Jahresgebühr, während kWh-Preise je nach Zahlweise korrekt wechseln. Für das IONITY-Team entfällt die manuelle Preispflege im Webflow CMS vollständig, und lokale Tarife wie auch Rabattaktionen lassen sich im laufenden Betrieb flexibel ausspielen.

24

Länder mit lokalen Preisen

2

Zahlweisen: monatlich und jährlich

1

Zentrale Preisübersicht

IONITY betreibt Ladestationen für Elektroautos entlang europäischer Autobahnen und bietet seine Tarife IONITY Power, Motion und App in 24 Ländern an. Jedes Land hat eigene Preise, eine eigene Währung und eigene Konventionen für Dezimalstellen und Schreibweisen. Zuvor mussten all diese Preise für jedes der 24 Länder einzeln von Hand im Webflow CMS gepflegt werden. Bei jeder Preisänderung, jeder neuen Aktion und jedem Tarifwechsel zwischen Monats- und Jahreszahlung waren dutzende Einträge anzupassen, mit entsprechendem Fehlerrisiko und Abstimmungsaufwand zwischen Pricing-Team und Website. Dieser Status quo bedeutete einen immensen operativen Aufwand und verhinderte eine flexible, automatisierte Ausspielung von lokalen Tarifen sowie befristeten Rabattaktionen im laufenden Betrieb. Jahresaktionen mit Countdown und Streichpreisen waren so praktisch nicht umsetzbar, weil sie manuell gestartet und nach Ablauf wieder entfernt werden mussten.

Kennst du das?

Von Website-Frust zur Plattform, die einfach läuft

Das sind die häufigsten Gründe, warum Unternehmen zu uns kommen – und so lösen wir sie.

Problem 01

Die API liefert für Schweden die Währungsangabe „kr“ statt des Codes „SEK“, und Beträge müssen durchgängig mit zwei Dezimalstellen dargestellt werden. Ohne gesonderte Behandlung würden schwedische Preise falsch formatiert oder gar nicht als Währung erkannt werden.

Lösung 01

Das Custom Script erkennt „kr“ als Währung und formatiert alle Beträge einheitlich mit zwei Dezimalstellen. Schwedische Preise erscheinen damit genauso korrekt und landesüblich wie die der übrigen 23 Länder, ohne dass das IONITY-Team Sonderfälle im CMS manuell nachpflegen muss.

Problem 02

Die kWh-Preise unterscheiden sich je nach Zahlweise zwischen Monats- und Jahrestarif, während der Rabatt ausschließlich für die Jahresgebühr gilt. Beim Umschalten müssen also unterschiedliche Werte korrekt getauscht werden, ohne den Rabatt fälschlich auf alle Preise anzuwenden.

Lösung 02

Beim Wechsel des Zeitraums tauscht das Script die Preise und rabattiert nur die Jahresgebühr.

Problem 03

Die Monatsansicht soll sauber und ohne Ablenkung starten, während die Jahresansicht den Rabatt mit Streichpreis und Countdown als Anreiz zeigen soll. Beide Ansichten brauchen also ein unterschiedliches Verhalten innerhalb derselben Komponente.

Lösung 03

Monatlich ist der Standard und startet ohne Timer, erst beim Wechsel in den Jahrestarif greifen Streichpreis und Countdown. So bleibt der Einstieg übersichtlich, und der Anreiz für die Jahreszahlung wird genau dort sichtbar, wo die Entscheidung fällt.

Wegfall der manuellen Preispflege im Webflow CMS für IONITY Power, Motion und App durch die zentrale Steuerung über die Pricing-API. Preisänderungen, neue Tarife oder Aktionen werden einmal zentral gepflegt und erscheinen automatisch in allen 24 Ländern. Das reduziert den operativen Aufwand erheblich und schließt Übertragungsfehler zwischen Pricing-Team und Website aus.

Screenshot IONITY Webflow CMS

Einheitliche und korrekte Preisdarstellung für 24 Länder mit landesüblichen Währungen, Dezimalstellen und lokalen Schreibweisen. Custom Scripts übernehmen die Formatierung automatisch und berücksichtigen Sonderfälle wie die schwedische Währungsangabe „kr“. Alle Tarife erscheinen in einer zentralen Komponente, in der das Land frei wählbar ist und der Tarif zwischen Monat und Jahr wechselt.

Screenshot der IONITY Pricing Komponente für Schweden

Befristete Jahresaktionen mit Countdown und Streichpreis, die nach Aktionsende völlig ohne manuellen Eingriff automatisch enden. Der Rabatt gilt ausschließlich für die Jahresgebühr, kWh-Preise wechseln korrekt je nach Zahlweise. IONITY kann Rabattaktionen damit flexibel im laufenden Betrieb planen und ausspielen, ohne Inhalte manuell starten oder wieder entfernen zu müssen.

Screenshot einer IONITY Jahresaktion, angezeigt in der Preis Komponente

Wir haben die zentrale Pricing-API von IONITY an Webflow angebunden und mit Custom Scripts Währungen, Dezimalstellen, Abrechnungszeiträume sowie Rabatte für alle 24 Länder automatisiert. Eine einzige Preiskomponente zeigt Power, Motion, App und Direct nebeneinander: Das Land ist frei wählbar, der Tarif wechselt zwischen Monat und Jahr, und das Script tauscht beim Wechsel des Zeitraums die kWh-Preise aus und rabattiert ausschließlich die Jahresgebühr. Länderspezifische Besonderheiten wie die Währungsangabe „kr“ für Schweden werden erkannt und mit zwei Dezimalstellen korrekt formatiert. Die Monatsansicht ist Standard und startet ohne Timer, erst im Jahrestarif greifen Streichpreis und Countdown als Anreiz. Befristete Jahresaktionen laufen damit vollautomatisch: Sie erscheinen mit Countdown und Streichpreis und enden nach Aktionsende ohne jeden manuellen Eingriff. Die manuelle Preispflege im CMS entfällt vollständig, und alle 24 Länder zeigen jederzeit korrekte Preise.

IONITY Logo auf pinken und lilanen Gradient

Preise für 24 Länder in einer Komponente

Power, Motion, App und Direct nebeneinander: Das Land ist frei wählbar, der Tarif wechselt zwischen Monat und Jahr, alle Preise kommen live aus der Pricing-API.

Preise für 24 Länder in einer Komponente
Tag one
Tag two
Tag three
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Long heading is what you see here in this feature section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.