Corporate Identity¶

Gültig für:	Agentenclient, Multimedia Business Card, Portal, Widget

Der estos LiveChat lässt sich in vielen Punkten anpassen und kann sich nahtlos in Ihr Corporate Design einfügen.

Stammdaten¶

Sie können Ihre Stammdaten, wie Firmenname oder Link zu Ihrem Impressum hinterlegen.

Note

Um das Portal und die Multimedia Business Card initial in Betrieb zu nehmen, müssen Sie zwingend eine Konfiguration für die Parameter linkImpressum und linkPrivacy vornehmen, da Sie nach deutschem Recht verpflichtet sind für Webseiten ein Impressum und eine Datenschutzerklärung anzugeben.

Parameter¶

companyName

Tragen Sie hier Ihren Firmennamen ein. Er wird zum Beispiel beim Ladebildschirm der Multimedia Business Card angezeigt.

Beispiel: YourCompany Inc.

favicon

Sie können ein Favicon als relative oder absolute URL verlinken.

Falls der LiveChat auf einer anderen Domain läuft, achten Sie darauf, dass auf das Favicon über CORS zugegriffen werden kann.

Außerdem muss das Favicon über HTTPs erreichbar sein.

Beispiel: https://www.yourcompany.com/favicon.png

linkImpressum

URL zu Ihrem Impressum.

Beispiel: https://www.yourcompany.com/impressum.html

linkPrivacy

URL zu Ihrer Datenschutzerklärung.

Beispiel: https://www.yourcompany.com/privacy.html

defaultAvatar

Wenn ein Benutzer kein Avatar besitzt, wird ein Default Avatar angezeigt. Diesen können Sie bspw. durch Ihr Firmenlogo austauschen.

Das Bild sollte eine Größe von 64x64 Pixel haben und Sie müssen es als Base64 enkodierte Data URI angeben.

Beispiel: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG...5ErkJggg==

removePoweredBy

Im ausgefahrenen Widget ist ein kleiner Hinweis, dass es sich um den estos LiveChat handelt. Diesen Hinweis können Sie über diesen Parameter ausblenden.

Mögliche Werte: true, false

Default: false

Beispiel Konfiguration¶

{
    "app": {
        "companyName": "YourCompany Inc.",
        "favicon": "https://www.yourcompany.com/favicon.png",
        "linkImpressum": "https://www.yourcompany.com/impressum.html",
        "linkPrivacy": "https://www.yourcompany.com/privacy.html",
        "defaultAvatar": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG...5ErkJggg=="
    }
}

Unternehmensfarben¶

Die Farben der LiveChat Clients können Sie Ihren Unternehmensfarben angleichen.

Parameter¶

headerBackground

Hintergrundfarbe der Kopfzeile. Diese Farbe entspricht typischerweise Ihrer Primär-Unternehmensfarbe.

Beispiel: #00BCD4

headerFontActive

Schriftfarbe der Kopfzeile.

Beispiel: #ffffff

headerFontInactive

Schriftfarbe der Kopfzeile für inaktive Elemente.

Beispiel: #eaeaea

highlight

Die Highlightfarbe für beispielsweise Maus-Over-Effekte.

Beispiel: #006064

Beispiel Konfiguration¶

{
    "colors": {
        "headerBackground": "#00BCD4",
        "headerFontActive": "#ffffff",
        "headerFontInactive": "#eaeaea",
        "highlight": "#006064"
    }
}