​
1. Übersicht

Der Übersichtsbereich ermöglicht es Ihnen, den Text Ihres Agenten an das Branding Ihres Kunden oder Ihren einzigartigen Stil anzupassen.

​
2. Erscheinungsbild

Passen Sie das Aussehen und die Haptik Ihres Agenten an Ihre Marke an.

​

Schriftfamilie: Wählen Sie aus beliebigen kostenlosen Google Schriften. Beispiel: DM Sans
Sie können die Schriften bestimmter Bereiche (wie Kopfzeile und Eingabefeld) mit benutzerdefiniertem CSS ändern.

​

Schrift übernehmen: Geben Sie “inherit” in das Schrift-Eingabefeld ein, um dieselbe Schrift wie die Webseite zu verwenden. Hinweis: Das Widget muss auf der Website eingebunden sein, damit dies funktioniert.
Nicht empfohlen, da dies den Agenten beschädigen kann Verwendung auf eigene Gefahr.

​

​
Widget-Sprache

Sprachcode:

Eagle Agents verwendet ISO 639-1 Sprachcodes zur Spracheinstellung. Das bedeutet, Ihr Widget kann buchstäblich jede Sprache haben. **Codes werden hauptsächlich in der Entwickler-API verwendet.

Automatische Übersetzung:

Beschriftungen und Platzhalter werden automatisch in Ihre gewählte Sprache übersetzt. Titel und Branding behalten ihre ursprüngliche Sprache und Text. Wählen Sie Automatisch, um die Website-Sprache automatisch zu übernehmen.

​

​
Schaltflächen-Layout

Passen Sie das Layout und Aussehen der Schaltflächen in der Benutzeroberfläche Ihres Agenten an. Es gibt drei Optionen mit jeweils einzigartigen Anwendungsfällen. Zum Beispiel wird in footer oder horizontal oft verwendet, um automatisch Folgefragen zu generieren (ähnlich wie Microsoft Copilot oder Perplexity), um den Benutzer mühelos durch das Gespräch zu führen.
Vertikal (Standard):

​
3. Start-Avatar

Legen Sie die Bilder fest, die Ihren Agenten visuell repräsentieren.

​
4. Benutzerdefiniertes Design

Personalisieren Sie das Farbschema Ihres Agenten, um es an Ihre Marke anzupassen.
Wenn Sie Schwierigkeiten haben, die Primärfarbe Ihrer Marke zu finden, empfehlen wir das Chrome/Edge-Plugin ColorPick Eyedropper herunterzuladen, um einfach Ihre bevorzugte Farbe von Ihrer Website-Farbe zu finden.

​
Den Agenten präsentieren

Es ist wichtig zu wissen, wie sich der Agent verhält und aussieht, bevor Sie ihn auf Ihrer Website starten oder einen Kunden testen lassen. Eagle Agents bietet zwei Optionen zum Testen, direkt aus dem Agenten-Designer:

Prototyp:

  1. Ihre Kunden werden eine Demo ihres Agenten testen wollen. Die Verwendung des Prototyp-Links ist eine grossartige Möglichkeit, dies zu tun. Wenn Sie im Whitelabeling-Programm sind, wird der Link Ihre benutzerdefinierte Domain und Ihr Branding haben!

Demo:

  1. Es ist nicht immer einfach zu visualisieren, wie der Agent auf einer Website aussehen wird. Der Demo-Link ermöglicht es Ihnen, ihn im Chat-Blasen-Format zu testen, sodass Sie eine Vorstellung davon bekommen, wie der Agent auf Ihrer Website aussehen wird.
Dies ist auch eine grossartige Möglichkeit, benutzerdefiniertes CSS-Styling zu testen.

​
Zusätzliche Tipps

Regelmässig speichern: Denken Sie daran, Ihren Fortschritt immer zu speichern, um den Verlust Ihrer schönen Designs zu verhindern.
Gründlich testen: Testen Sie Ihren Agenten gründlich, um sicherzustellen, dass alle Einstellungen und Funktionen wie beabsichtigt funktionieren.

​
Beispiel: GymBuddy GPT

Hier ist der Agent, der in der obigen Anleitung verwendet wurde. Probieren Sie ihn aus:

​

​
Verwandte Dokumentation:

UI-Engine

Tools

Prompt-Anleitung

Wissensdatenbank