Wartungsvertrag.Online Logo

Funktionen mit Live-Demo

Wartungsvertrag.Online im echten Arbeitsfluss ansehen

Jede Funktion ist mit einer passenden App-Demo verbunden. Öffne die Details, wenn du den Ablauf größer sehen und genauer prüfen möchtest.

01

Wartungskalender

Plane Wartungsmonate, prüfe offene Einsätze und behalte den Status deiner Verträge im Blick.

Der Wartungskalender zeigt fällige Wartungen nach Monat und Status. Dein Team sieht direkt, welche Verträge vorbereitet, bestellt, bestätigt oder ausgeführt werden müssen.

Was du siehst

Im iframe siehst du die Kalenderansicht mit Monatsauswahl, Statusfiltern und mehreren Wartungseinträgen. Die Liste zeigt, welche Verträge als Angebot, bestellt, bestätigt oder für die Ausführung relevant sind.

Was du tun kannst

Du kannst nach Monat und Status arbeiten, einzelne Wartungen öffnen und von dort in Vertrag, Kunde oder Objekt springen. So wird aus der Jahresplanung eine operative Arbeitsliste für Büro und Service.

Technisch

Die Demo nutzt die gleiche Dashboard-Route wie die App und übergibt `view=maintenance-calendar` als URL-Parameter. Status, Ausführungsmonat und Vertragsbezug kommen aus den Demo-Vertragsdaten und werden im iframe mit `embed=1` ohne Demo-Banner geladen.

02

Betriebsübersicht

Sieh auf einen Blick, wie viele Angebote, Verträge und Wartungen gerade aktiv sind.

Die Betriebsübersicht bündelt die wichtigsten Kennzahlen für den Alltag. Von hier aus gelangst du schnell zu Angeboten, bestätigten Aufträgen und laufenden Wartungsprozessen.

Was du siehst

Die Ansicht zeigt Kennzahlen und Aktionsbereiche für Angebote, bestellte Vorgänge, bestätigte Aufträge und Wartungsverträge. Sie wirkt wie ein Startpunkt für den täglichen Überblick im Betrieb.

Was du tun kannst

Du kannst direkt in relevante Statusgruppen wechseln und prüfen, wo gerade Handlungsbedarf besteht. Besonders hilfreich ist das für Teams, die Angebote, Vertragsabschlüsse und Wartungen parallel bearbeiten.

Technisch

Die Demo öffnet das Dashboard mit `view=business-overview`. Die Kacheln verwenden aggregierte Demo-Daten aus Kunden, Verträgen und Produktangeboten und behalten die gleiche Navigation wie die Live-App.

03

Kunden- und Vertragssuche

Finde Kunden, Objekte, Verträge und Angebote über die zentrale Suche.

Die Suche hilft im Büro und unterwegs, wenn schnell ein Kundendatensatz, ein Objekt oder ein Vertrag geöffnet werden muss. Ergebnisse sind direkt mit den passenden Detailseiten verbunden.

Was du siehst

Im Suchbereich siehst du Suchfelder, Ergebnislisten und Tabs für Kundendaten. Die Demo zeigt, wie Kunden schnell gefunden und aus der Übersicht heraus geöffnet werden.

Was du tun kannst

Du kannst Suchbegriffe eingeben, Treffer prüfen und aus der Liste in Kundendetails wechseln. Damit ersetzt die Suche lange Kundenlisten und hilft auch dann, wenn nur ein Teil des Namens oder der Adresse bekannt ist.

Technisch

Die Route nutzt `view=search&tab=customers`, wodurch das Dashboard direkt in den Kunden-Suchmodus startet. In der Demo werden die Ergebnisse aus dem lokalen Demo-State geladen; in der Live-App hängt die Suche an den produktiven Kundendaten.

04

Kundendetails

Verwalte Kundendaten, Objekte, Verträge, Angebote, Notizen und Kommunikation an einem Ort.

Die Kundendetails sind die zentrale Arbeitsfläche für einen Kunden. Alle relevanten Informationen liegen zusammen, damit dein Team ohne Suchen weiterarbeiten kann.

Was du siehst

Die Kundendetailseite zeigt Stammdaten, Kontaktinformationen, zugehörige Häuser, Verträge, Angebote, Notizen und weitere Arbeitsbereiche. Dadurch entsteht eine vollständige Kundenakte.

Was du tun kannst

Du kannst vom Kunden aus neue Objekte, Wartungsverträge oder Angebote öffnen und bestehende Vorgänge prüfen. Die Ansicht eignet sich für Rückfragen am Telefon genauso wie für Vorbereitung und Nachbearbeitung.

Technisch

Die Demo ruft die Kundenseite mit einer stabilen Demo-Kunden-ID auf. Die Detailseite liest abhängige Datensätze über Kunden- und Secret-Felder, sodass Objekte, Verträge und Angebote dem richtigen Kundenkontext zugeordnet bleiben.

05

Objektdetails

Dokumentiere Anlagenstandort, Adresse und zugehörige Wartungsverträge pro Objekt.

Objekte trennen Gebäude, Anlagen und Einsatzorte sauber voneinander. Das ist besonders hilfreich, wenn ein Kunde mehrere Häuser oder Standorte betreut.

Was du siehst

Die Objektansicht zeigt Adresse, Hausdaten und die zugehörigen Wartungs- oder Angebotsvorgänge. In der Demo ist sichtbar, wie ein Kunde mehrere Einsatzorte oder Gebäude haben kann.

Was du tun kannst

Du kannst objektbezogene Verträge öffnen, neue Vorgänge aus dem Objekt heraus starten und technische Informationen am Einsatzort bündeln. Das hilft, wenn Wartung nicht nur kunden-, sondern gebäudebezogen organisiert wird.

Technisch

Die URL enthält `houseId`, `houseSecret` und Rücksprungparameter. Dadurch kann die Demo die Objektseite im richtigen Kundenkontext öffnen und Navigation zurück zur Kundendetailseite erhalten.

06

Wartungsvertrag-Konfigurator

Erstelle Wartungsverträge mit Leistungen, Preisen, Rhythmus und passenden Vertragsdaten.

Der Konfigurator führt Schritt für Schritt durch den Wartungsvertrag. Leistungen, Anfahrt und Vertragsdaten werden strukturiert erfasst und für PDF und Signatur vorbereitet.

Was du siehst

Im Konfigurator siehst du Schritte für Kundendaten, Objekt, Leistungen, Anfahrt, Wartungsrhythmus und Vertragsabschluss. Die Ansicht bildet den Ablauf ab, mit dem ein Wartungsvertrag vorbereitet wird.

Was du tun kannst

Du kannst Leistungen auswählen, Vertragsdaten prüfen und den Wartungsvertrag Schritt für Schritt zusammenstellen. Der Ablauf ist darauf ausgelegt, dass auch vor Ort beim Kunden eine strukturierte Konfiguration möglich ist.

Technisch

Die Demo öffnet den Konfigurator mit `contractId=demo-contract-1`. Die Seite lädt Vertragspositionen, Tarife und Kundendaten aus dem Demo-State und nutzt dieselbe URL-Struktur wie der produktive Konfigurator.

07

Vertrag unterschreiben

Versende den Vertrag zur digitalen Unterschrift oder unterschreibe direkt vor Ort.

Der Signaturprozess unterstützt Links, QR-Code und Vor-Ort-Abschluss. Nach der Unterschrift werden Status und Vertragsdaten im System aktualisiert.

Was du siehst

Die Ansicht zeigt den Schritt zum digitalen Unterschreiben eines Wartungsvertrags. In der Demo wird sichtbar, wie der Signaturprozess aus dem vorbereiteten Vertrag heraus gestartet wird.

Was du tun kannst

Du kannst den Abschlussprozess prüfen, den Vertrag zur Unterschrift öffnen und sehen, wie der nächste Schritt nach der Konfiguration aussieht. Für Vor-Ort-Termine ist der Ablauf als schneller Übergang in die Signatur gedacht.

Technisch

Die Demo nutzt die Vertrags-ID als Parameter und erzeugt daraus den Signaturkontext. Im Demo-Modus werden Token und Signaturroute lokal simuliert, während die Live-App den Prozess mit echten Vertragsdaten und Sitzungen verbindet.

08

Vertragsdetails

Prüfe Vertragsstatus, Wartungsdaten, Leistungen, E-Mails und zugehörige Dokumente.

Die Vertragsdetails zeigen den kompletten Stand eines Wartungsvertrags. Hier werden Statuswechsel, Ausführung, Dokumente und Kommunikation nachvollziehbar gebündelt.

Was du siehst

Die Vertragsdetails zeigen Status, Kunde, Objekt, Leistungen, Wartungsdaten, E-Mails und Dokumente. Damit ist sichtbar, was vertraglich vereinbart wurde und was als Nächstes passieren muss.

Was du tun kannst

Du kannst den Vertragsstatus prüfen, Dokumente öffnen, E-Mail-Verläufe nachvollziehen und Wartungsabläufe weiterbearbeiten. Die Seite ist die zentrale Nachverfolgung für einen bestehenden Wartungsvertrag.

Technisch

Die Route arbeitet mit `contractId` und sucht den passenden Vertragsdatensatz. Verknüpfungen zu Kunde, Objekt, E-Mails und Positionen werden über IDs und Secrets geladen, damit der Kontext konsistent bleibt.

09

Angebotskonfigurator

Erstelle Produktangebote mit Positionen, Mengen und Preisen direkt aus Kundendaten heraus.

Der Angebotskonfigurator nutzt Kunden- und Objektdaten, damit Angebote schnell erstellt werden können. Produkte und Kategorien kommen aus der gepflegten Preisliste.

Was du siehst

Der Angebotskonfigurator zeigt Produktkategorien, auswählbare Positionen und den Warenkorb für ein Angebot. Die Demo nutzt Kundendaten und ein Objekt als Ausgangspunkt.

Was du tun kannst

Du kannst Produkte auswählen, Mengen anpassen und ein Angebot strukturieren. Der Ablauf eignet sich für Zusatzangebote, Reparaturen oder Produktverkäufe, die aus einem Kundenkontext entstehen.

Technisch

Die URL enthält `customerId`, `houseId` und `mode=offer`. Produktdaten kommen aus den Demo-PO-Kategorien und PO-Produkten; Positionen werden dem Angebotsentwurf zugeordnet.

10

Angebotsdetails

Verfolge Angebot, Status, Positionen, Kommunikation und Signatur an einem Ort.

Angebotsdetails machen sichtbar, ob ein Angebot erstellt, versendet, bestellt oder bestätigt wurde. Das reduziert Rückfragen und macht den Prozess nachvollziehbar.

Was du siehst

Die Angebotsdetails zeigen Angebotsstatus, Kunde, Objekt, Positionen, Preise, E-Mails und Abschlussinformationen. Dadurch ist klar, ob ein Angebot nur erstellt oder bereits bestellt wurde.

Was du tun kannst

Du kannst Positionen prüfen, den Status nachvollziehen, E-Mails betrachten und den nächsten Abschluss-Schritt starten. Das hilft, Angebote nach dem Versand nicht aus dem Blick zu verlieren.

Technisch

Die Detailseite wird über `offerId` geöffnet. Produktangebote sind im Demo-State mit Kunden-, Objekt- und Positionsdaten verbunden, sodass Statuswechsel und Kommunikation im gleichen Kontext bleiben.

11

Angebot unterschreiben

Lass Kunden Angebote digital bestätigen und dokumentiere den Abschluss im System.

Der Angebotsabschluss funktioniert ähnlich wie die Vertragsunterschrift. Kunden können digital bestätigen, danach wird der Angebotsstatus automatisch im Demo-Prozess weitergeführt.

Was du siehst

Die Ansicht zeigt den Abschlussprozess für ein Produktangebot. Ähnlich wie beim Vertrag wird sichtbar, wie ein Angebot digital bestätigt werden kann.

Was du tun kannst

Du kannst den Bestätigungsablauf prüfen und sehen, wie aus einem Angebot ein bestätigter Vorgang wird. Das ist hilfreich, wenn Angebote nicht nur versendet, sondern verbindlich dokumentiert werden sollen.

Technisch

Die Demo lädt den Angebotskontext über `offerId`. Der Signatur- beziehungsweise Bestätigungsprozess nutzt eine eigene Angebotsroute und getrennte Demo-Token, damit Angebote und Verträge technisch sauber getrennt bleiben.

12

Dienstleistungs-Preisliste

Pflege Wartungsleistungen und Preise, die später im Vertrag ausgewählt werden.

Die Dienstleistungs-Preisliste ist die Grundlage für wiederkehrende Wartungsleistungen. Saubere Preise und Kategorien sorgen dafür, dass Angebote und Verträge einheitlich bleiben.

Was du siehst

Die Dienstleistungs-Preisliste zeigt Kategorien, Wartungsleistungen, Preise und Bearbeitungsoptionen. Sie bildet die Grundlage für die Leistungen, die später im Wartungsvertrag ausgewählt werden.

Was du tun kannst

Du kannst Dienstleistungspositionen prüfen, Kategorien verwalten und Preise vorbereiten. So bleiben Standardleistungen für Wartungsverträge einheitlich und müssen nicht jedes Mal neu eingegeben werden.

Technisch

Die Demo ruft die Einstellungsseite mit `from=settings` auf. Leistungsdaten sind kategorisiert und werden im Vertragskonfigurator wiederverwendet, damit Preislisten und Vertragspositionen technisch zusammenpassen.

13

Produkt-Preisliste

Verwalte Produktkategorien und Produkte für den Angebotsprozess.

Die Produkt-Preisliste hält typische Angebotspositionen bereit. So muss dein Team Produkte nicht jedes Mal neu anlegen und kann schneller konfigurieren.

Was du siehst

Die Produkt-Preisliste zeigt Produktkategorien, Produkte, Preise und zugehörige Bearbeitungsfunktionen. In der Demo werden typische PO-Produkte für den Angebotsprozess angezeigt.

Was du tun kannst

Du kannst Produktdaten prüfen, Produkte strukturieren und vorbereiten, welche Positionen später im Angebotskonfigurator auswählbar sind. Das spart Zeit bei wiederkehrenden Angeboten.

Technisch

Die Demo verwendet System-PO-Kategorien und PO-Produkte. Diese Daten werden vom Produktkonfigurator referenziert, sodass Produktpflege und Angebotspositionen technisch auf derselben Grundlage arbeiten.

14

Anfahrtspauschalen

Definiere Anfahrtspauschalen, die in Verträgen und Angeboten verwendet werden.

Anfahrtspauschalen werden zentral gepflegt und anschließend im passenden Prozess ausgewählt. Dadurch bleiben Kosten transparent und einheitlich.

Was du siehst

Die Ansicht zeigt gepflegte Anfahrtspauschalen und Bearbeitungsmöglichkeiten. Diese Pauschalen können später im Vertrag oder Angebot ausgewählt werden.

Was du tun kannst

Du kannst Anfahrtskosten vorbereiten, anpassen und als Standardpositionen verfügbar machen. Das verhindert, dass Fahrtkosten in jedem Vorgang neu und uneinheitlich eingetragen werden.

Technisch

Anfahrtspauschalen sind eigene Datensätze und werden über IDs in Konfiguratoren referenziert. `from=settings` hält den Navigationskontext, damit Nutzer nach der Bearbeitung wieder in den Einstellungsbereich zurückfinden.

15

Zusatzleistungen

Lege zusätzliche Servicepositionen an, die bei Bedarf ergänzt werden können.

Zusatzleistungen decken optionale Arbeiten ab, die nicht Teil der Standardwartung sind. Sie können vorbereitet und im Alltag schnell ausgewählt werden.

Was du siehst

Die Zusatzleistungen zeigen optionale Servicepositionen, die nicht immer Teil der Standardwartung sind. In der Demo siehst du, wie solche Positionen vorbereitet werden.

Was du tun kannst

Du kannst Zusatzleistungen pflegen und später bei Bedarf in Verträgen oder Angeboten verwenden. Das unterstützt Betriebe, die neben Wartung weitere Leistungen sauber dokumentieren möchten.

Technisch

Zusatzleistungen werden als getrennte Preislistenpositionen geführt. Dadurch können sie unabhängig von Standardprodukten und Wartungsleistungen verwaltet und im passenden Prozess eingebunden werden.

16

Abo und Nutzung

Prüfe Tarif, Nutzung und Rechnungsbereich für den eigenen Account.

Der Abo-Bereich zeigt den aktuellen Nutzungsstand und die wichtigsten Tarifinformationen. Damit bleibt klar, welche Funktionen und Kapazitäten aktiv sind.

Was du siehst

Der Abo-Bereich zeigt Tarif, Nutzung und abrechnungsrelevante Informationen. Die Demo bildet ab, wie ein Betrieb seinen Account-Status prüfen kann.

Was du tun kannst

Du kannst sehen, welche Nutzungsinformationen verfügbar sind und wie ein Betrieb seine aktuelle Vertrags- oder Tariflage kontrolliert. Das schafft Transparenz für Administration und Geschäftsführung.

Technisch

Die Seite ist über den Einstellungsbereich erreichbar und trennt Nutzungsdaten von operativen Kunden- und Vertragsdaten. In der Demo werden diese Werte simuliert, damit keine echten Zahlungsdaten notwendig sind.

17

Konto und Firmendaten

Pflege Firmenprofil, Logo, Farben, Kontaktdaten und Grundeinstellungen.

In den Kontoeinstellungen werden die Firmendaten gepflegt, die in App, E-Mails und Dokumenten erscheinen. Branding und Kontaktdaten bleiben dadurch konsistent.

Was du siehst

Die Konto- und Firmendaten zeigen Logo, Farben, Firmenprofil, Kontaktinformationen und Grundeinstellungen. Diese Daten wirken sich auf App-Auftritt, Dokumente und Kommunikation aus.

Was du tun kannst

Du kannst Firmendaten pflegen, Branding vorbereiten und Einstellungen prüfen. Dadurch erscheinen PDFs, E-Mails und Oberflächen konsistent mit dem eigenen Betrieb.

Technisch

Firmendaten werden als Company-Settings gespeichert und über den Auth-Kontext in der App bereitgestellt. Logo, Theme und Kontaktfelder werden von mehreren Bereichen wie Header, PDF und E-Mail-Vorlagen genutzt.

18

Benutzerverwaltung

Verwalte Teammitglieder und Zugänge für die tägliche Arbeit.

Die Benutzerverwaltung unterstützt Teams dabei, Zuständigkeiten und Zugänge sauber zu halten. Neue Mitarbeitende können gezielt eingeladen werden.

Was du siehst

Die Benutzerverwaltung zeigt Teammitglieder, Rollen und Einladungsfunktionen. Damit ist sichtbar, wer im Betrieb Zugriff auf Wartungsvertrag.Online hat.

Was du tun kannst

Du kannst Benutzer prüfen und neue Teammitglieder einladen. Das ist wichtig, wenn mehrere Personen Angebote, Wartungsverträge und Kundendaten gemeinsam bearbeiten.

Technisch

Benutzer sind mit Firma und Rolle verbunden. Die App nutzt Rolleninformationen, um Navigation, Zugriff und Bearbeitungsmöglichkeiten passend zum Nutzerkontext zu steuern.

19

Kundenimport

Importiere Kundendaten und bereite sie für die weitere Bearbeitung vor.

Der Import hilft beim Start mit bestehenden Daten. Kundendaten können übernommen und anschließend in der App weiterverarbeitet werden.

Was du siehst

Der Importbereich zeigt, wie Kundendaten vorbereitet und übernommen werden können. Die Demo macht sichtbar, dass Bestandsdaten nicht manuell einzeln neu angelegt werden müssen.

Was du tun kannst

Du kannst den Importprozess prüfen und nachvollziehen, wie bestehende Kundendaten in die App kommen. Das ist besonders relevant beim Start mit Wartungsvertrag.Online.

Technisch

Importprozesse trennen Datei-Parsing, Validierung und Übernahme. In der Demo wird der Ablauf ohne produktive Daten gezeigt; in der Live-App werden importierte Kunden als reguläre Kundendatensätze weiterverarbeitet.

20

PDF-Vorlagen

Bearbeite PDF-Einstellungen für Wartungsverträge, Angebote und Dokumente.

PDF-Vorlagen sorgen dafür, dass Dokumente zum Betrieb passen. Layout, Inhalte und Branding werden zentral vorbereitet und in den Prozessen genutzt.

Was du siehst

Die PDF-Vorlagen zeigen Einstellungen für Dokumentlayout, Inhalte und Vorlagenverwaltung. In der Demo ist sichtbar, wie Vertrags- und Angebotsdokumente vorbereitet werden.

Was du tun kannst

Du kannst PDF-Einstellungen prüfen und Vorlagen öffnen. Damit steuerst du, wie Wartungsverträge und Angebote später beim Kunden erscheinen.

Technisch

PDF-Einstellungen werden als Vorlagen- und Layoutdaten gespeichert. Der PDF-Editor und die Vorschau greifen auf diese Daten zu, damit Dokumente aus Vertrags- oder Angebotsdaten generiert werden können.

21

E-Mail-Vorlagen

Pflege E-Mail-Texte für Versand, Signatur und Kundenkommunikation.

E-Mail-Vorlagen sparen Zeit und sorgen für einheitliche Kommunikation. Wiederkehrende Nachrichten können vorbereitet und im Prozess genutzt werden.

Was du siehst

Die E-Mail-Vorlagen zeigen vorbereitete Texte für Versand, Signatur und Kundenkommunikation. Die Demo zeigt, wie wiederkehrende Nachrichten zentral gepflegt werden.

Was du tun kannst

Du kannst Vorlagen prüfen und anpassen, damit E-Mails zu deinem Betrieb passen. Das spart Zeit beim Versand von Angeboten, Wartungsverträgen und Erinnerungen.

Technisch

E-Mail-Vorlagen werden als Template-Datensätze gespeichert und in Versandprozessen referenziert. Platzhalter und HTML-Inhalte können genutzt werden, um Kundendaten und Vorgangsbezug automatisch einzusetzen.

22

Integrationen

Verbinde externe Dienste und prüfe verfügbare Erweiterungen.

Integrationen erweitern die App um angeschlossene Dienste. Die Übersicht zeigt, welche Verbindungen möglich oder bereits eingerichtet sind.

Was du siehst

Die Integrationsübersicht zeigt verfügbare Verbindungen wie Website-Integration und E-Mail-Versand. In der Demo erkennt man, welche externen Dienste angebunden werden können.

Was du tun kannst

Du kannst prüfen, welche Integrationen für deinen Betrieb relevant sind und in die Detailseiten wechseln. Dadurch werden technische Erweiterungen an einem Ort gebündelt.

Technisch

Integrationen werden über Firmenkonfigurationen und Statusabfragen verwaltet. Jede Integration hat einen eigenen Kontext, damit Verbindung, Trennung und Einrichtung getrennt nachvollziehbar bleiben.

23

Website-Integration

Binde den Konfigurator in die eigene Website ein und sammle Anfragen digital.

Die Website-Integration stellt den passenden Einbettungscode bereit. So können Kunden direkt auf der Website eine Anfrage oder Konfiguration starten.

Was du siehst

Die Website-Integration zeigt Einbettungscode, technische Hinweise und die Verbindung zum öffentlichen Konfigurator. Damit wird sichtbar, wie Kundenanfragen direkt über die eigene Website starten können.

Was du tun kannst

Du kannst den iframe-Code prüfen, kopieren und nachvollziehen, wie der Konfigurator in eine Website eingebunden wird. So wird aus der Website ein digitaler Einstiegspunkt für Anfragen.

Technisch

Die Integration arbeitet mit einer iframe-ID, die Firma und öffentlicher Konfigurator miteinander verbindet. Der Einbettungscode lädt die passende Route und kann über ein Script dynamisch in der Höhe angepasst werden.

24

MailerSend

Richte den E-Mail-Versand ein und prüfe die Verbindung zum Versanddienst.

MailerSend wird für zuverlässigen E-Mail-Versand verwendet. Die Demo zeigt, wie die Integration im Einstellungsbereich vorbereitet wird.

Was du siehst

Die MailerSend-Seite zeigt Einrichtung und Status des E-Mail-Versands. Die Demo macht sichtbar, wie ein Versanddienst in den Kommunikationsprozess eingebunden wird.

Was du tun kannst

Du kannst prüfen, welche Schritte für den Versand notwendig sind und wie der Status der Verbindung aussieht. Das ist wichtig, damit Vertrags- und Angebotsmails zuverlässig zugestellt werden.

Technisch

MailerSend wird als externer E-Mail-Dienst angebunden. Die App trennt Template-Inhalte, Absenderkonfiguration und Versandstatus, damit technische Zustellung und fachlicher E-Mail-Text getrennt gepflegt werden können.

Eigene Daten statt Demo?

Erstelle kostenlos ein Konto und teste Wartungsvertrag.Online mit deinem Betrieb.