Zum Hauptinhalt springen

Design

Im Design-Modul können alle visuellen Aspekte des Chatbots angepasst werden, um ihn an das Corporate Design und die Markenidentität des Unternehmens anzupassen. Die Anpassungen betreffen sowohl Farben als auch Bilder und ermöglichen eine vollständige visuelle Integration in die bestehende Website oder Anwendung.

info

Je nach Konfiguration des Chatbots kann dieses Modul deaktiviert sein. Dies ist beispielsweise der Fall, wenn die Style-Definition direkt innerhalb des Chatbot-Projektes durch Apptiva vorgenommen wird.

Grundlegende und erweiterte Anpassungen​

Im Design-Modul können die grundlegenden visuellen Einstellungen selbständig konfiguriert werden. Für eine noch präzisere Anpassung an die CI/CD-Anforderungen kann Apptiva das Design weiter verfeinern. Beispiele für erweiterte Anpassungen:

  • Schriftarten und Typografie
  • Elementgrössen und Abstände
  • Rahmen und Rahmenradien
  • Schatten und Tiefeneffekte
  • Weitere detaillierte Style-Anpassungen

Grundsätzlich können durch Apptiva alle visuellen Aspekte des Chatbots angepasst werden, um die exakte Umsetzung spezifischer Corporate Identity und Corporate Design Vorgaben zu ermöglichen.

Farbkonfiguration​

Primäre und sekundäre Farben​

  • Primärfarbe: Hauptfarbe für wichtige Elemente und Akzente
  • Sekundärfarbe: Ergänzende Farbe für zusätzliche Gestaltungselemente

Hintergrundfarben​

  • Header-Hintergrundfarbe: Farbe des Chatbot-Headers am oberen Rand
  • Chat-Hintergrundfarbe: Hintergrundfarbe des gesamten Chat-Bereichs

Sprechblasen​

Die Sprechblasen können für Chatbot und Benutzer individuell gestaltet werden:

  • Chatbot-Sprechblase:

    • Hintergrundfarbe
    • Textfarbe

  • Benutzer-Sprechblase:

    • Hintergrundfarbe
    • Textfarbe

Bilder und Grafiken​

Das Unternehmens- oder Produktlogo kann hochgeladen werden und erscheint im Header des Chatbots.

Chatbot-Avatar​

Ein individuelles Avatar-Bild kann für den Chatbot festgelegt werden, das neben den Chatbot-Nachrichten angezeigt wird.

FAB-Bild (Floating Action Button)​

Das Bild oder Icon für den schwebenden Button, der den Chatbot auf der Website öffnet, kann angepasst werden.

Vorschau​

Änderungen am Design können in Echtzeit in einer Vorschau betrachtet werden, bevor sie veröffentlicht werden. So lässt sich sicherstellen, dass alle visuellen Anpassungen dem gewünschten Erscheinungsbild entsprechen.