Zum Hauptinhalt springen

SmartMonitor auf der eigenen Webseite integrieren

Wie kann ich SmartMonitor auf meiner Webseite einbinden und das Erscheinungsbild anpassen?

Hier erfährst du, wie du SmartMonitor auf deiner Webseite integrierst und die Darstellung an dein Webdesign anpasst. SmartMonitor ist eine Erweiterung für Web Access, mit der du den Zugriff auf dein E-Mail-Postfach direkt über deine eigene Webseite ermöglichen kannst.
​

Für welche Kunden gilt diese Anleitung?

Diese Anleitung gilt für Kunden, die die bisherige Webland Plattform (Classic) und den dazugehörigen Web Access verwenden.

Den Zugang zur bisherigen Plattform findest du unter classic.webland.ch.
​

Verwendest du bereits die neue Webland Plattform (WHMCS)? Dann melde dich über die neue Webland Webseite an. Diese Anleitung bezieht sich auf SmartMonitor der bisherigen Webland Infrastruktur.


Was ist SmartMonitor?

SmartMonitor ist eine Erweiterung für Web Access, die du in deine eigene Webseite integrieren kannst.

Damit können Benutzer direkt über deine Homepage auf ihren Web-Access-Zugang zugreifen.
​

Funktionen von SmartMonitor

  • Ungelesene E-Mails anzeigen: Zeigt an, wie viele ungelesene Nachrichten sich im Postfach befinden.

  • Anmeldedaten speichern: Benutzer können ihre Anmeldedaten auf Wunsch speichern, sofern diese Funktion unterstützt und aktiviert ist.

  • Direkter Web-Access-Login: Benutzer können sich über deine Webseite bei Web Access anmelden.

SmartMonitor eignet sich insbesondere für Unternehmen, Vereine und Wiederverkäufer, die ihren Mitarbeitenden, Kunden oder Mitgliedern einen direkten Zugang zu Web Access anbieten möchten.


Voraussetzungen

Für die Integration benötigst du:

  • Eine Webseite, deren HTML-Code du bearbeiten kannst.

  • Einen Web-Access-Zugang auf der bisherigen Webland Plattform.

  • Den SmartMonitor-Einbindungscode.

  • Zugriff auf die Dateien oder die Verwaltung deiner Webseite.


Schritt-für-Schritt-Anleitung

1. HTML-Code deiner Webseite öffnen

Öffne die HTML-Datei beziehungsweise den entsprechenden Bereich deiner Webseite, in dem SmartMonitor angezeigt werden soll.

Je nach verwendeter Webseite kannst du den HTML-Code direkt bearbeiten oder einen entsprechenden HTML-Bereich in deinem Webseiten-Editor verwenden.
​

2. SmartMonitor-Code einfügen

Füge den SmartMonitor-Einbindungscode an der gewünschten Stelle in den HTML-Code deiner Webseite ein.
​

Ein Bild, das Text, Screenshot, Schrift enthält.

KI-generierte Inhalte können fehlerhaft sein.


​

Ersetze im Code die angegebene Beispieldomain durch deine eigene Domain.

Wichtig: Übernimm den vollständigen Einbindungscode aus der Originalvorlage. Der genaue Code ist für die korrekte Integration erforderlich.
​

3. Änderungen speichern

Speichere die Änderungen an deiner Webseite und veröffentliche die aktualisierte Version.
​

4. Integration überprüfen

Öffne deine Webseite im Browser und kontrolliere, ob SmartMonitor an der gewünschten Stelle angezeigt wird.

Prüfe anschliessend, ob der Zugang zu Web Access funktioniert.


Erscheinungsbild von SmartMonitor anpassen

Du kannst das Erscheinungsbild von SmartMonitor mithilfe verschiedener Parameter an das Design deiner Webseite anpassen.

Die Parameter steuern unter anderem Schriftarten, Schriftgrössen, Farben und das Verhalten beim Öffnen von Web Access.
​

Verfügbare Parameter

Parameter

Standardwert / Funktion

window=new

Öffnet Web Access in einem neuen Fenster

window=self

Öffnet Web Access im selben Fenster

Font

Verdana,Arial,Helvetica

TitleFontSize

10px

TitleFontColor

2C1561

TitleBackgroundColor

C8C8DC

FontSize

10px

FontColor

000000

ErrorFontColor

ff0000

BorderColor

C8C8DC

BackgroundColor

EBEBEB

ButtonFontSize

9px

ButtonColor

C8C8DC

ButtonFontColor

2C1561

Hinweis: Alle Parameter sind optional. Wenn du keinen eigenen Wert angibst, wird der jeweilige Standardwert verwendet.


SmartMonitor mit zusätzlichen Parametern einbinden

Wenn du das Design oder das Verhalten von SmartMonitor verändern möchtest, kannst du den Einbindungscode um zusätzliche Parameter erweitern.

Dabei gelten folgende Regeln:

  1. Vor dem ersten Parameter steht ein Fragezeichen ?.

  2. Jeder weitere Parameter wird mit einem kaufmännischen Und & angehängt.

  3. Die Parameter werden in der URL des SmartMonitor-Einbindungscodes ergänzt.

Beispiel für die Parameterstruktur

?window=new&FontSize=10px&FontColor=000000

In diesem Beispiel wird festgelegt, dass Web Access in einem neuen Fenster geöffnet wird und die angegebene Schriftgrösse und Schriftfarbe verwendet werden.
​

Ein Bild, das Screenshot, Schrift, Text enthält.

KI-generierte Inhalte können fehlerhaft sein.


​

Beispiel für das angepasste Erscheinungsbild


​

Ein Bild, das Text, Screenshot, Schrift enthält.

KI-generierte Inhalte können fehlerhaft sein.


​

Durch die Verwendung der verfügbaren Parameter kannst du SmartMonitor optisch an deine Webseite anpassen.


Wichtige Hinweise

  • Eigene Domain: Ersetze die Beispieldomain im Einbindungscode durch deine eigene Domain.

  • HTML-Zugriff: Du benötigst die Möglichkeit, HTML-Code auf deiner Webseite einzufügen.

  • Optionale Parameter: Du musst nicht alle Parameter verwenden.

  • Parametertrennung: Verwende ? vor dem ersten Parameter und & vor jedem weiteren Parameter.

  • Anmeldedaten: Achte darauf, dass die Anmeldung über eine verschlüsselte HTTPS-Verbindung erfolgt. Zugangsdaten dürfen nicht im öffentlich sichtbaren HTML-Code hinterlegt werden.

  • Kompatibilität: SmartMonitor gehört zur bisherigen Webland Infrastruktur. Die Verfügbarkeit und Funktionsweise können von deiner verwendeten Web-Access-Umgebung abhängen.


Häufige Fragen und Probleme

Was ist SmartMonitor?

SmartMonitor ist eine Erweiterung für Web Access, die du in deine eigene Webseite integrieren kannst.

Damit können Benutzer direkt über deine Homepage auf Web Access zugreifen.
​

Kann ich SmartMonitor an das Design meiner Webseite anpassen?

Ja. Du kannst unter anderem Schriftarten, Schriftgrössen, Hintergrundfarben, Rahmenfarben und Schaltflächenfarben über die verfügbaren Parameter anpassen.
​

Muss ich alle Parameter angeben?

Nein. Alle Parameter sind optional.

Wenn du keinen Wert festlegst, wird automatisch der jeweilige Standardwert verwendet.
​

Wie kann ich festlegen, ob Web Access in einem neuen Fenster geöffnet wird?

Verwende einen der folgenden Parameter:

  • window=new – Web Access wird in einem neuen Fenster geöffnet.

  • window=self – Web Access wird im selben Fenster geöffnet.

Warum wird SmartMonitor auf meiner Webseite nicht angezeigt?

Überprüfe folgende Punkte:

  • Wurde der vollständige HTML-Einbindungscode eingefügt?

  • Wurde die Beispieldomain durch deine eigene Domain ersetzt?

  • Wurde der Code an der richtigen Stelle eingefügt?

  • Wurden die Änderungen gespeichert und veröffentlicht?

  • Sind die verwendeten Parameter korrekt geschrieben?

Kann ich SmartMonitor auch auf einer Webseite mit einem Content-Management-System verwenden?

Das hängt davon ab, ob dein Content-Management-System das Einfügen des erforderlichen HTML-Codes unterstützt.

Prüfe dazu die entsprechenden Funktionen deines Webseiten-Editors.


Tipp

Passe SmartMonitor mit den verfügbaren Designparametern an das Erscheinungsbild deiner Webseite an.

So kannst du deinen Benutzern einen einheitlichen Zugang zu Web Access anbieten, ohne dass sie die Web-Access-Seite zuerst separat aufrufen müssen.

Geschafft! Du weisst nun, wie du SmartMonitor auf deiner Webseite integrierst und die Darstellung an dein eigenes Webdesign anpasst.

Hat dies Ihre Frage beantwortet?