Eigene Seiten¶

Eine eigene Seite hängt ein eigenes Werkzeug ins Menü von Haben, etwa eine Bestellübersicht, ein Formular oder eine Lagerliste aus n8n. Haben zeigt die Seite in einem Rahmen neben dem Menü. So arbeitest du in einer Oberfläche, und Haben bleibt die Buchhaltung: Bestellungen, Versand oder Lager gehören nicht in den Kern, aber du kannst sie dir selbst danebenstellen.

Haben speichert nur Name und Adresse. Was die Seite zeigt und tut, liegt bei dir.

Einrichten¶

Einstellungen → Eigene Seiten öffnen.
Einen Namen im Menü vergeben (z. B. „Bestellungen“, höchstens 40 Zeichen) und die Adresse der Seite eintragen, mit https:// oder http://. Benutzername und Passwort in der Adresse (https://nutzer:passwort@…) lehnt Haben ab, weil sie sonst im Menü und im Änderungsprotokoll stünden.
Seite hinzufügen. Die Seite steht jetzt im Menü unter Eigene Seiten.

Bearbeiten ändert Name oder Adresse, Entfernen nimmt die Seite aus dem Menü. Die Seite selbst bleibt dabei, wo sie ist. Jede Änderung steht im Änderungsprotokoll.

Über In neuem Tab öffnen oben rechts öffnest du die Seite ohne Rahmen, etwa wenn sie mehr Platz braucht.

Was die Seite können muss¶

Eine eigene Adresse. Die Seite muss unter einer anderen Herkunft laufen als Haben, also auf einer anderen Subdomain (n8n.example.de neben haben.example.de) oder einem anderen Port (http://192.168.1.20:5678). Die Adresse von Haben selbst lehnt Haben ab: Eine Seite derselben Herkunft hätte im Rahmen die volle Sitzung und könnte Rechnungen festschreiben oder an ELSTER senden.
Einbetten erlauben. Viele Seiten verbieten, dass eine andere Seite sie im Rahmen zeigt (X-Frame-Options: DENY oder SAMEORIGIN, oder Content-Security-Policy: frame-ancestors ohne die Adresse von Haben). Dann bleibt der Rahmen leer oder der Browser meldet, dass die Verbindung abgelehnt wurde. Abhilfe: die Seite mit diesem Header ausliefern, mit der Adresse deiner Haben-Instanz:

Content-Security-Policy: frame-ancestors https://haben.example.de

Liefert ein Workflow in n8n die Seite über den Knoten Respond to Webhook, setzt du den Header dort unter den Response-Headers. - Gleiches Protokoll. Läuft Haben unter https://, zeigt der Browser im Rahmen keine Seite mit http:// an (gemischte Inhalte). Läuft Haben im Heimnetz unter http://, geht beides.

Anmeldung und Zugriff auf Haben¶

Haben gibt der Seite nichts mit: keine Sitzung, kein Token, nicht einmal die eigene Adresse (der Rahmen schickt keinen Referrer). Die Seite kümmert sich selbst um ihre Anmeldung, etwa mit der Anmeldung von n8n oder einem Reverse-Proxy davor.

Braucht die Seite Daten aus Haben, nutzt sie die REST-API mit einem eigenen API-Token. Das Token gehört auf den Server, also in den Workflow in n8n, nicht in das JavaScript der Seite: Was im Browser steht, kann jeder lesen, der die Seite öffnet. Für eine Bestellübersicht, die Rechnungen anlegt, reichen meist die Rechte „Kontakte lesen, anlegen und ändern“ und „Rechnungen lesen, Entwürfe anlegen, ändern und löschen“. Wie bei der API sonst bucht dabei nichts und nichts wird festgeschrieben: Die Rechnung schreibst du in Haben fest.

Was die Seite im Rahmen darf¶

Der Rahmen ist eingeschränkt (sandbox). Erlaubt ist, was solche Werkzeuge brauchen:

Erlaubt	Wofür
Skripte, Formulare, eigene Herkunft	Die Seite funktioniert wie im eigenen Tab, mit ihrer eigenen Anmeldung
Neue Fenster und Downloads	Etwa ein Versandetikett als PDF
Dialoge	`alert`, `confirm` und Drucken (`print()`), etwa für den Etikettendrucker

Nicht erlaubt ist, das Fenster von Haben wegzunavigieren oder auf Haben zuzugreifen. Eine Seite, die mehr braucht, öffnest du mit In neuem Tab öffnen.

Beispiel: Bestellungen aus n8n¶

In n8n einen Workflow mit einem Webhook (GET) anlegen, der die offenen Bestellungen liest und als HTML-Seite mit Respond to Webhook zurückgibt, mit dem Header Content-Security-Policy: frame-ancestors https://haben.example.de.
Knöpfe auf der Seite („Briefmarke drucken“, „Als versendet markieren“) schicken ein Formular an weitere Webhooks desselben Workflows.
Für die Rechnung zu einer Bestellung ruft der Workflow POST /api/v1/rechnungen mit der Bestellnummer als externer Referenz auf (Ablauf für Bestellungen).
In Haben unter Einstellungen → Eigene Seiten die Adresse des Webhooks eintragen, etwa https://n8n.example.de/webhook/bestellungen.

Zurück zur Übersicht

Letztes Update: 9. November 2026