Stadtwerke Websites mit TYPO3

Am Tarifrechner entscheidet sich, ob aus einem Besuch ein Vertrag wird. Ich entwickle ihn als eigene TYPO3-Extension oder binde den Rechner aus der Branchensoftware des Stadtwerks ein, etwa von SIV. Welcher Weg passt, hängt davon ab, wo die Preise gepflegt werden und wo der Vertrag am Ende angelegt wird.

Mit einer eigenen Extension pflegt die Redaktion Tarife und Preise im TYPO3-Backend, und jeder Abschluss kommt vollständig und strukturiert im Stadtwerk an. Einen eingebundenen Rechner passe ich so an, dass er sich in Gestaltung, Barrierefreiheit und Consent in die Website einfügt.

Wer Verträge online anbietet, muss sie seit Juli 2022 auch online kündbar machen, über einen gut sichtbaren Kündigungsbutton nach § 312k BGB. Für den Widerruf gilt das seit Juni 2026 genauso. Beide habe ich für Stadtwerke umgesetzt, mit allem, was das Gesetz dazu verlangt: Button, Bestätigungsseite mit den nötigen Angaben und Eingangsbestätigung per E-Mail.

Kann man bei einem Stadtwerk Verträge online abschließen, fällt die Website in der Regel unter das Barrierefreiheitsstärkungsgesetz. Stadtwerke in kommunaler Hand können zusätzlich als öffentliche Stelle an die BITV gebunden sein. Der technische Maßstab ist in beiden Fällen die WCAG 2.1 auf Stufe AA.

Den meisten Aufwand machen der Tarifrechner, die Vertragsstrecke und die PDF-Preisblätter. Wie ich dabei vorgehe, von der Prüfung bis zur Einweisung der Redaktion, beschreibe ich auf der Seite zur Barrierefreiheit.

Wer mit Google Ads für Tarife wirbt, will wissen, welche Anzeige den Vertrag gebracht hat. Google verlangt dafür seit März 2024 die Einwilligungssignale aus dem Consent Mode v2.

Das Consent-Tool richte ich so ein, dass Google die Einwilligung korrekt übermittelt bekommt und der Vertragsabschluss auch dann als Conversion zählt, wenn der Tarifrechner von einem Drittanbieter stammt. Das Banner selbst lässt sich mit Tastatur und Screenreader bedienen.

Verträge, Zählerstände und Abschläge liegen im Abrechnungssystem, das Kundenportal häufig bei einem Dienstleister. TYPO3 verbinde ich mit diesen Systemen, unter anderem mit der Branchensoftware von SIV. Die Daten fließen automatisch, und wenn ein Fremdsystem gerade gewartet wird, sehen Besucherinnen und Besucher eine verständliche Nachricht.

Mehr zu Schnittstellen und eigenen Extensions steht auf der Seite zu TYPO3.

Ein Stadtwerk ist selten nur Energieversorger, und jede weitere Sparte bringt eigene Daten mit. Bei den Stadtwerken, die ich betreue, holt die Website Daten direkt aus den Parkhaussystemen und zeigt die Busse live auf einer Karte, mit Positionen aus der Schnittstelle des Verkehrsbetriebs. Der Namenswettbewerb für ein Schwimmbad lief über eine eigene Extension, von der Einreichung bis zur Abstimmung.

Eine Störungsmeldung sollte online sein, bevor im Kundencenter das Telefon klingelt, auch abends und am Wochenende. Meldungen lege ich deshalb als eigenen Inhaltstyp an: Sparte, betroffenes Gebiet, Beginn und voraussichtliches Ende. Die Meldung erscheint auf der Startseite und bei der Sparte und geht zum angegebenen Ende automatisch offline.

Als Grundversorger und Netzbetreiber veröffentlicht ein Stadtwerk Preisblätter, die Stromkennzeichnung, Netzentgelte und weitere Angaben nach dem Energiewirtschaftsgesetz. Die Dokumente ändern sich regelmäßig und müssen trotzdem nachvollziehbar bleiben. Deshalb bekommt jede Fassung ein Gültigkeitsdatum: Die aktuelle steht automatisch vorne, die früheren bleiben im Archiv abrufbar.

Die Website eines Stadtwerks pflegt meist ein kleines Team, neben Pressearbeit, Social Media und Kundenzeitschrift. Die Inhaltselemente baue ich als Content Blocks mit genau den Feldern, die das Team braucht. Wiederkehrende Inhalte wie Störungen, Preisblätter oder Stellenanzeigen bekommen eigene Eingabemasken, und was ein Ablaufdatum hat, verschwindet pünktlich von selbst. So bleibt die Website auch in der Urlaubszeit aktuell.

Die TYPO3 Association hat mich als Certified Integrator, Certified Developer und Certified Consultant zertifiziert. Bei einer Stadtwerke-Website braucht es alle drei, denn dort kommen der Aufbau der Installation, eigene Extensions mit Schnittstellen und die Planung des Projekts zusammen.