VARIO 8 WebApp

Zuletzt aktualisiert am 9. April 2025

Video

Technische Voraussetzungen

• Namenseintrag, Anbindung Webserver z.B.: app.kundenname.de
• Namenseintrag, Anbindung VARIO REST-Server z.B. rest.kundenserver.de
• Zertifikat für z.B. app.kundenname.de,
• PFX Serverzertifikat für z.B. rest.kundenserver.de
• Sie benötigen VARIO 8 auf Ihrem Rechner. Hier erfahren Sie, wie die Installation abläuft.

Installation/Einrichtung

Webhoster

Zunächst müssen Sie auf Ihrem Webserver ein Verzeichnis anlegen z.B. VARIO APP. In dieses Verzeichnis müssen Sie die von uns bereitgestellten Dateien ablegen.

In diesem Ordner finden Sie die _config.js, die Sie in config.js umbenennen müssen.

Nun müssen Sie die config.js (z. B. mit Editor oder Notepad++) öffnen und die Platzhalter IP Adresse durch Ihre Serveradresse (VARIO-Server) ersetzen.

Jetzt müssen Sie einen Namens-Eintrag (z. B. rest.Firmenname.de) bei Ihrem Provider anlegen, der auf das vorher angelegte Verzeichnis zeigt. Zum Testen sollte die Seite jetzt so aussehen (grau – der REST-Server ist offline).

VARIO REST-Server

Als nächstes müssen Sie den VARIO-Dienst einrichten. Eine ausführliche Anleitung finden Sie hier.

Um die Kommunikation zwischen dem Webserver und dem VARIO-REST-Server sicherzustellen, müssen Sie noch einen Namenseintrag z. B. rest.Firmenname.de erstellen.

Dieser muss auf die öffentliche IP-Adresse des VARIO-Servers zeigen. Damit der angegeben Port z. B. 443 für den VARIO-REST-Server erreichbar ist, muss noch ein entsprechendes Port-Forwarding in Ihrer Firewall vorgenommen werden.

Jetzt sollte die Seite dieses grüne Design mit der Bezeichnung ‘VARIOapp’ haben.

Anschließend muss in VARIO 8 der jeweilige VARIO Benutzer, in der Benutzerverwaltung (Menüpunkt 1.3.1.), den Haken bei “Darf API nutzen” setzen, ein API-Kennwort vergeben und speichern.

Im Anschluss ist der Dienst neu zu starten.

Wichtig: Bevor sich ein neuer Benutzer in der WebApp anmelden kann, muss sich dieser zuerst in VARIO 8 anmelden. Ab VARIO Version 8.4.3. ist dies nicht mehr notwendig.

PDF-Druck einrichten

Um den PDF-Druck zu nutzen, müssen Sie Einstellungen in der VARIO Dienst-Konfiguration vornehmen.

Die Checkbox “PDF Druck” ist anzuhaken und im Feld “Report-Pfad:” ist der korrekte Pfad anzugeben.

reCAPTCHA

Für den Zugriff auf die WebApp lässt sich der reCAPTCHA-Service von Google einrichten.

Hierzu müssen Sie separat die reCAPTCHA-Überprüfung Ihrer Domain über Google veranlassen.

Im Zuge dessen erhalten Sie zu der Domain

• einen Websiteschlüssel
• und einen geheimen Schlüssel.

Der Websiteschlüssel muss in die Datei config.js der WebApp eingetragen werden.
Diese Datei befindet sich auf Ihrem Webserver (siehe oben: Installation/Einrichtung – Webhoster).

Der von reCAPTCHA erhaltene Websiteschlüssel ist innerhalb der einfachen Hochkommas als Wert für RECAPTCHASITEKEY einzutragen. Achtung: Anschließend muss die Datei gespeichert werden.

Nach Abspeichern der config.js und Neuladen der Seite der WebApp sollte das reCAPTCHA-Icon anzeigen, dass erfolgreich eine Verbindung hergestellt wurde.

Der geheime Schlüssel ist in der VARIO Dienst-Konfiguration im Reiter ‘reCAPTCHA’ als Secret einzutragen.
Öffnen Sie hierzu die Konfiguration VARIODienstConfig.exe in Ihrem VARIO-Verzeichnis, wie oben beschrieben.

Tragen Sie im entsprechenden Reiter den Schlüssel in das Feld ‘reCAPTCHA-Secret’ ein und klicken Sie unten auf ‘Konfiguration speichern’.

Damit der Secret Key vom Dienst aktiviert wird, muss der Dienst einmalig neugestartet werden.

Nachdem Sie in der config.js-Datei und in den Einstellungen des VARIO-Diensts die oben beschriebenen Änderungen vorgenommen haben, nutzen Sie ab diesem Zeitpunkt die WebApp in Verbindung mit dem reCAPTCHA-Service. Sollten Sie hierzu noch Fragen haben, melden Sie sich bitte bei unserem Support.

Updaten der WebApp

Um Ihre WebApp zu aktualisieren, müssen Sie die vorhandenen Dateien in Ihrem WebApp Ordner durch aktuellere Dateien ersetzen.

Die aktuellen Dateien finden Sie in einem separaten Ordner ‘WebApp’ in Ihrem Zugang zu unserem VARIO SFTP-Server.

Layout und Inhalte bearbeiten

Hierfür müssen Sie folgende Dateien im Verzeichnis Ihres Kundenportals, welches auf Ihrem Server, auf welchem Ihr Kundenportal läuft, anpassen bzw. austauschen.

Logos der Startseite

Wenn Sie das Logo auf der Startseite bzw. auf dem Anmeldebildschirm im Desktop-Modus austauschen möchten, müssen Sie im Ordner ‘assets’ die Datei ‘logo.svg’ anlegen. Der Dateiname muss gleich bleiben.

Headerlogo im Desktop-Modus

Wenn Sie das Headerlogo nach der Anmeldung in großer Ansicht austauschen, müssen Sie im Ordner ‘assets’ die Datei ‘icon-large.svg’ anlegen. Der Dateiname muss gleich bleiben.

Logo der mobilen Ansicht

Wenn Sie das Headerlogo nach der Anmeldung in mobiler Ansicht austauschen, müssen Sie im Ordner ‘assets’ die Datei ‘icon-small.svg’ anlegen. Der Dateiname muss gleich bleiben.

Funktionen im Überblick

Benutzereinstellungen

Oben Recht finden Sie die Benutzereinstellungen

Hier können Sie unter anderem den Lagerkreis wechseln und die Sprache einstellen (deutsch, englisch, französisch)

Reiter Adressen

In der Adressliste können Sie nach Kunden, Lieferanten, gesperrten und nicht gesperrten Adressen selektieren, sowie eine Adressneuanlage vornehmen. Mit Klick auf die gewünschte Adresse öffnet sich diese mit einer detaillierten Übersicht sowie eine Auswahl weiterer Reiter. Zum Beispiel kann im Reiter “Stammdaten” mit Klick auf die Telefonnummer ein Anruf gestartet oder mit Klick auf die Adresskarte Google Maps geöffnet werden, um bspw. eine Routenplanung vorzunehmen.

Im Reiter Kundensonderpreise können die hinterlegten Kundensonderpreise pro Artikel angesehen, bearbeitet und hinzugefügt werden.

Im Reiter Dateien können vorhandene Datei heruntergeladen werden und über den Button “+Datei” können Dateien hochgeladen werden.

Reiter Artikel

In der Artikelliste werden alle Artikel angezeigt. Das Ergebnis kann über die Volltextsuche und anhand der Filter “Artikelart” und “Gesperrt” eingegrenzt werden. Zusätzlich lassen sich, wie in allen Tabellen, die einzelnen Spalten mit Klick auf den Pfeil auf- und absteigend sortieren.

Reiter Eingangsrechnungsprüfung

In der WebApp ist es nun möglich Eingangsrechnungen, die dem Nutzer zugewiesen sind, freizugeben, weiterzuleiten oder abzulehnen.

Wichtig: Das Zurücksetzen hingegen ist in der WebApp nicht möglich. Dies funktioniert ausschließlich in VARIO 8!

Reiter Verkaufsbelege

In der Auflistung werden alle Verkaufsbelege angezeigt. Das Ergebnis kann über die Volltextsuche und anhand der Filter “Belegart” und “Belegstatus” eingegrenzt werden. Zusätzlich lassen sich, wie in allen Tabellen, die einzelnen Spalten mit Klick auf den Pfeil auf- und absteigend sortieren. Mit Anwahl des Buttons [+] (unten rechts) können direkt ein Angebot sowie ein Auftrag anlegt werden.

Alternativ lässt sich über das Symbol “Scanner” ein Beleg ganz schnell finden.

Im Beleg selbst lassen sich über die “Aktionen” Belege stornieren, anzeigen und gebuchte Angebote übernehmen.

In gebuchten Belegen kann im Reiter “Unterschrift” die Signatur des Auftragsgebers z. B. per Maus, Eingabestift oder mit dem Finger erfasst werden.

Reiter Assets

Hier können Sie sich sämtliche Informationen zu Ihren Assets aufrufen. Z. B. können Sie einsehen, wann das Asset angelegt oder geändert wurde und ob das Asset aktiv ist.

Reiter Vermietung

Übergabe

Hier werden Ihnen alle Assets angezeigt, die sich im Status Übergabebereit befinden.

Nach Auswahl der gewünschten Vermietnummer haben Sie im Bereich Abfragewerte die Möglichkeit, die für den Vermietvorgang definierten Werte zu hinterlegen.

Sobald Sie alle Abfragewerte ausgefüllt haben – sofern welche vorhanden sind –, können Sie die Übergabe mit Ihrer Unterschrift bestätigen.

Nach der bestätigten Übergabe können Sie das Übergabeprotokoll per Workflow automatisch per E-Mail versenden. Weitere Informationen zu dem Workflow finden Sie hier.

Vermietübergabe mit einem Dummy-Asset

Wurde eine Vermietung mit einem Dummy-Asset angelegt – zum Beispiel, weil die Seriennummer noch nicht bekannt war – und befindet sich diese im Status Übergabebereit, müssen Sie das Dummy-Asset vor der Übergabe durch ein richtiges Asset ersetzen.
Klicken Sie dafür auf den Button „Dummy austauschen“.

In der folgenden Maske haben Sie dann die Möglichkeit, die Seriennummer des richtigen Assets zu scannen oder manuell einzugeben.

Beim Austausch des Dummy-Assets können nur solche Assets ausgewählt werden, die dieselbe Artikelnummer wie der Dummy-Artikel haben.
Nach dem Scannen der Seriennummer wird das Dummy-Asset ersetzt und der gewohnte Ablauf fortgesetzt.

Rücknahme

Hier werden Ihnen alle Assets angezeigt, die sich im Status Rücknahmebereit befinden.

Nachdem Sie die gewünschte Vermietnummer ausgewählt haben, können Sie im Bereich Abfragewerte die für den Vermietvorgang definierten Werte hinterlegen.

Sobald Sie alle Abfragewerte ausgefüllt haben – sofern welche vorhanden sind –, können Sie die Rücknahme mit Ihrer Unterschrift bestätigen.

Nach der bestätigten Rücknahme können Sie das Rücknahmeprotokoll per Workflow automatisch per E-Mail versenden. Weitere Informationen zu dem Workflow finden Sie hier.

Reiter Deals

In der Auflistung werden alle Deals angezeigt. Das Ergebnis kann über die Volltextsuche, die Filter “Dealtyp, -status, -phase”, sowie den “zuständigen Benutzer” eingegrenzt werden. Zusätzlich lassen sich, wie in allen Tabellen, die einzelnen Spalten mit Klick auf den Pfeil auf- und absteigend sortieren. Mit Anwahl des Buttons [+ Deal Anlegen] (unten rechts) kann direkt ein neuer Deal anlegt werden.

Im geöffneten Deal können die Stammdaten, Aktivitäten und Kundenbelege eingesehen werden.

Reiter Tickets

In der Auflistung werden alle Tickets angezeigt. Das Ergebnis kann über die Volltextsuche und verschiedene Filter selektiert werden. Zusätzlich lassen sich, wie in allen Tabellen, die einzelnen Spalten mit Klick auf den Pfeil auf- und absteigend sortieren. Mit Anwahl des Buttons [+Ticket Anlegen] (unten rechts) kann direkt ein neues Ticket angelegt werden.

Im Reiter Anhänge eines Tickets können vorhandene Datei heruntergeladen werden und über den Button “+Datei” können Dateien hochgeladen werden.

Reiter Offene Posten

Sie erhalten hier eine Übersicht Ihrer offenen Posten.

Selektieren können Sie beispielsweise nach der Mahnstufe, nach der Art, danach ob der offene Posten sich in Klärung befindet, ob diese offen oder bereits abgeschlossen sind. Mit Auswahl eines offenen Posten erhalten Sie weitere Details, wie die Stammdaten und die Zahlungshistorie.

Reiter Artikelauskunft

Diese Funktion dient der Schnellauskunft. Durch Scannen des Artikel-EAN-Codes (Toggle für die Kamera aktivieren!), oder durch Scannen der manuellen Eingabe der EAN-Nr., werden Ihnen alle im Code enthaltenen Artikelinformationen angezeigt.

Reiter Lagerbestandsauskunft

Hier erhalten Sie eine Übersicht über Ihre Bestände im ausgewählten Lager des ausgewählten Lagerkreises. Es wird im Standard immer der Lagerkreis ausgewählt der bei dem angemeldeten Benutzer in der VARIO hinterlegt ist. Den Lagerkreis können Sie entweder hier in der Selektion ändern, oder mit einem Klick auf das Benutzermenü oben rechts.

Digitale Pickliste

Hier erhalten Sie eine Übersicht über die digitalen Picklisten. Damit dieser Menüpunkt sichtbar ist, wird folgendes benötigt:

• Die Lizenz Sammelkommissionierung
• Der angemeldete Benutzer muss vom Typ Standard, WebApp oder Lager sein
• Im ausgewählten Lagerkreis muss die Kommissionierart Sammelkommissionierung, oder Rollende Box Kommissionierung aktiv sein

Über den grünen Pfeil können Sie die Pickliste aufklappen um weitere Details zu sehen, z.B. die enthaltenen Artikel und die Menge.

Nach einem Klick auf die gewünschte Pickliste können Sie noch einen Pickwagen auswählen sofern einer benötigt wird, sollten Sie keinen benötigen können Sie die Maske über das “X” schließen.

Die Positionen in der digitalen Pickliste dienen nur zur Anzeige, es können keine Eingaben gemacht werden. Zur nächsten Position kommen Sie durch swipen nach links, wenn Sie auf der letzten Position der Pickliste nach links swipen erscheint eine Abfrage, ob die Pickliste abgeschlossen werden soll.

Reiter Statistiken

Dashboard

In den Statistiken wird Ihnen eine Übersicht der Aufträge, der offenen Posten, der Auftragsrückstände, der heutigen Lieferscheine, des Umsatzes und der Neukunden des aktuellen Tags dargestellt.

Freie SQL

Damit Sie die ‘freie SQL’ in der WebApp nutzen können, muss für die Benutzergruppe zu der der angemeldete Benutzer gehört, das Recht ‘freie SQL’ gesetzt sein. Das Recht (die Checkbox) finden Sie in der Benutzergruppenverwaltung im Reiter ‘Rechte (5)’ im Bereich ‘Auswertungen’.

Des Weiteren muss in der Vario in der “Freien SQL Auswertung” (Menüpunkt 8.0.0.) im Tab ‘Zusatz’ -> ‘Freie SQL verwalten’..

..die Checkbox ‘API Zugriff’ für die jeweilig benötigte SQL gesetzt sein.

Nachdem Sie diese Einstellungen vorgenommen haben, finden Sie unter ‘freie SQL’ alle SQLs, die für die WebApp freigegeben sind.

Reiter Einstellungen

Im Reiter ‘Einstellungen’ können Sie verschiedene Einstellungen vornehmen. sie können z. B. ein neues Passwort festlegen oder das Dashboard, sowie die Navigationsleiste anpassen.

Zeiterfassung

In der Zeiterfassung sind Stundensaldo, Resturlaub, Tagessumme, Tagessaldo, reguläres Arbeitsende und die Zeiterfassungsinfo des App-nutzenden Mitarbeiters ersichtlich, und, ob dieser an- oder abgemeldet ist.

Vor-Ort-Service

Wir haben in unsere WebApp auch viele neue Funktionen für das Modul Vor-Ort-Service integriert.

Hierzu finden Sie alle Informationen auf der entsprechenden Handbuchseite zu WebApp Funktionen für den Vor-Ort-Service.

FAQ

Haben Sie Fragen die hier dringend erscheinen sollten? Dann senden Sie uns bitte eine E-Mail mit Ihrer Frage an Support@vario.ag und dem Betreff FAQ.