Widget anpassen
Chat-Widget anpassen, bis der Chatbot wie deiner aussieht
Wähle Farben, Avatar, Launcher-Icon, Texte und Position, oder füge deine Website-Adresse ein und lass dir vom Marken-Import Logo und Farben vorschlagen. Eine Live-Vorschau zeigt jede Änderung, bevor du speicherst.
Ein Standard-Widget wirkt wie ein fremdes Add-on
Besucher merken, wenn eine Chat-Bubble nicht zum Rest der Website passt. Standardfarben, ein beliebiges Icon und eine generische Begrüßung lassen den Chat angeflanscht wirken, statt wie ein Ort, an dem man deinem Unternehmen eine Frage stellt.
Was du ändern kannst
Alle Einstellungen findest du im Tab Appearance, mit Live-Vorschau daneben.
Deine Farben
Lege die Farben für Launcher, Kopfzeile, Besucher- und Agent-Nachrichten fest oder starte mit einer von fünf Paletten. Die Schrift wechselt automatisch zwischen Schwarz und Weiß, damit alles lesbar bleibt.
Marken-Import
Gib deine Website-Adresse ein, und intoCHAT schlägt Logo und Farben vor, wo nötig für gut lesbare Nachrichten angepasst. Nichts ändert sich, bevor du übernimmst und speicherst.
Avatar und Launcher-Icon
Lade einen Avatar für den Agenten hoch und ein eigenes Launcher-Icon, das das Standard-Symbol auf dem Chat-Button ersetzt.
Deine Worte
Schreibe Begrüßung, Launcher-Tooltip, Platzhalter im Eingabefeld und bis zu sechs Beispielfragen.
Deine Marke im Vordergrund
In jedem Bezahlplan kannst du die Zeile „Powered by intoCHAT“ unter dem Eingabefeld ausblenden.
So passt du dein Widget an
Marke importieren
Gib im Tab Appearance deine Website-Adresse ein. Prüfe das vorgeschlagene Logo und die Farben und übernimm sie oder behalte deine eigenen.
Farben und Bilder feinjustieren
Passe eine der vier Farben an oder wähle eine Palette, und lade Avatar und Launcher-Icon hoch.
Texte schreiben
Lege Begrüßung, Tooltip, Platzhalter und Beispielfragen in der Sprache fest, die die meisten deiner Besucher sprechen.
Platzieren und speichern
Setze den Launcher unten links oder unten rechts, prüfe die Live-Vorschau und speichere. Deine Website zeigt den neuen Look beim nächsten Seitenaufruf, mit demselben Script-Tag.
Alle Darstellungsoptionen
Vier Farben, fünf Paletten
Launcher, Kopfzeile, Besucher- und Agent-Nachrichten, jeweils mit automatisch schwarzer oder weißer Schrift.
Agent-Avatar
Dein Logo oder ein Bild für den Agenten, sichtbar im Chatfenster.
Launcher-Icon
Ein eigenes Icon füllt den ganzen Chat-Button und ersetzt das Standard-Symbol und die Bubble-Farbe.
Tooltip und Platzhalter
Der Hinweistext neben dem Launcher und der Text im leeren Eingabefeld.
Begrüßung und Beispielfragen
Die erste Nachricht, die Besucher sehen, und bis zu sechs Fragen als Buttons, bis sie ihre erste Nachricht senden.
Position und Branding
Unten links oder unten rechts, und ein Schalter, um „Powered by intoCHAT“ in Bezahlplänen auszublenden.
Häufige Fragen
Wie passe ich das Chat-Widget an?
Öffne den Tab Appearance deines Agenten, ändere Farben, Avatar, Launcher-Icon, Texte und Position, während sich die Live-Vorschau aktualisiert, und speichere. Deine Website übernimmt die Änderungen beim nächsten Seitenaufruf. Den Einbettungscode musst du nicht ändern.
Kann ich das Branding „Powered by intoCHAT“ entfernen?
Ja, in jedem Bezahlplan, ab Starter für 19 $ pro Monat. Es ist ein einziger Schalter im Tab Appearance. Im Free-Plan bleibt der Hinweis sichtbar.
Was macht der Marken-Import?
Du gibst deine Website-Adresse ein, und intoCHAT übernimmt Logo und Hauptfarben, wo nötig so angepasst, dass Nachrichten lesbar bleiben. Es ist nur ein Vorschlag: Nichts ändert sich, bevor du ihn übernimmst, und gespeichert wird separat.
Kann ich eigenes CSS oder eigene Schriften verwenden?
Das Widget wird über die Einstellungen im Tab Appearance gestaltet: Farben, Avatar, Launcher-Icon, Texte und Position. Eigenes CSS und Schriftarten gehören nicht zu diesen Einstellungen.
Ändern sich Begrüßung und Beispielfragen mit der Sprache des Besuchers?
Nein. Du schreibst pro Agent eine Begrüßung und einen Satz Beispielfragen, und sie erscheinen so, wie du sie geschrieben hast. Die Antworten des Agenten folgen der Sprache des Besuchers, also formuliere diese Texte in deiner Hauptsprache oder halte sie einfach.
Kann ich den Chat in eine Seite einbetten statt als Bubble?
Ja. Neben der schwebenden Bubble kannst du den Chat per iframe direkt in eine Seite einbetten oder einen direkten Link zur eigenen Seite des Agenten teilen. Die Bubble selbst sitzt unten links oder unten rechts.
Lass den Chat wie einen Teil deiner Website aussehen
Erstelle deinen Agenten kostenlos, importiere deine Marke in einem Schritt und prüfe das Widget in der Live-Vorschau, bevor es live geht.
Agent kostenlos erstellenKostenloser Plan, keine Kreditkarte nötig.