Kurz gesagt
- 134 Chat-Vorlagen.Wählen Sie die Vorlage, die zu Ihrer Website passt, und ergänzen Sie Ihr Logo.
- Ihr Name, Ihre Begrüßung und Ihre Fragen.Legen Sie den Namen fest, den Besucher sehen, dazu die Begrüßung und die Einstiegsfragen.
- Schriften und Formen folgen bald.16 Google Fonts, Eckenradius, Schatten und heller oder dunkler Modus kommen mit dem visuellen Editor.
- Ihr Logo als Avatar.Laden Sie ein PNG-, JPEG- oder WebP-Bild bis 1 MB hoch.
Besucher vertrauen dem, was vertraut wirkt. Heute wählen Sie eine von 134 Chat-Vorlagen und ergänzen Logo, Namen, Begrüßung und Einstiegsfragen. Die feineren Einstellungen unten gehören zum Tab „Brand“ des visuellen Editors, der bald kommt.
Mit einer Voreinstellung beginnen
Vier Voreinstellungen geben Ihnen eine schnelle Basis: OneType (hell, weiche Schatten, abgerundet), Night (dunkle Flächen, leuchtender Akzent), Flat (weiß, keine Schatten, enge Ecken) und Paper (warmes Off-White mit Tintentext). Beim Wechsel der Voreinstellung bleiben Akzentfarbe, Schrift und Textgröße erhalten, sodass Sie Ihre Markenentscheidungen nicht verlieren.
Farben, die lesbar bleiben
Wählen Sie Ihre Akzentfarbe, und OneType ermittelt, ob der Text darauf weiß oder dunkel sein sollte, mit einer Live-Vorschau direkt unter der Auswahl. Sie können auch Hintergrund-, Flächen- und Textfarben festlegen und die Grautöne mit einer Tönungsstärke von 0 bis 100 Prozent und einem Farbton von 0 bis 360 Grad in Richtung Ihrer Marke einfärben.
Vor der Veröffentlichung prüft OneType den Kontrast Ihrer Farben. Wäre Text schwer lesbar, warnt Sie der Editor, und Sie müssen bewusst bestätigen, um trotzdem zu veröffentlichen.
Hell, dunkel oder automatisch
Stellen Sie das Erscheinungsbild auf „Light“, „Dark“ oder „Auto“. „Auto“ folgt der Systemeinstellung des jeweiligen Besuchers, und neue Widgets starten damit. Im Editor können Sie die Vorschau zwischen hell und dunkel umschalten, um beides zu prüfen.
Schriften und Textgröße
- Satoshi, die eigene Schrift von OneType, als Standard.
- Die Systemschrift des Besuchers.
- Von Ihrer Website: die Schrift, die die Seite rund um den Chat verwendet.
- 16 Google Fonts, darunter Inter, Roboto, Poppins, IBM Plex Sans, Lora, Fraunces und Space Grotesk.
- Eine Basistextgröße von 14 bis 18 px. Auf Smartphones bleiben Eingabefelder bei 16 px, damit die Seite nie hineinzoomt.
Form, Launcher und Avatar
Legen Sie den Eckenradius von 0 bis 24 px fest, die Dichte auf kompakt oder komfortabel, Schatten auf keine, weich oder stark, die Kopfzeile auf einfarbig, Glas oder minimal und Nachrichten auf Sprechblasen oder flach. Für das Layout der Chat-Blase wählen Sie unten links oder rechts, eine kurze Launcher-Beschriftung mit bis zu 40 Zeichen oder nur ein Symbol sowie den Abstand zu den Rändern.
Laden Sie einen Avatar für Ihren Agenten als PNG-, JPEG- oder WebP-Bild bis 1 MB hoch. Standort- und Kameradaten werden beim Speichern aus dem Bild entfernt.
Auf jedem Bildschirm prüfen
Jede Änderung erscheint sofort in der Live-Vorschau. Wechseln Sie zwischen Desktop, Tablet und Smartphone, schalten Sie zwischen hell und dunkel um und versetzen Sie den Chat in Zustände wie eine lange Antwort mit Quellen oder eine Übergabe an einen Menschen. So fällt Ihnen eine Farbe auf, die auf dem Startbildschirm funktioniert, aber nicht in einer Tabelle, bevor es Ihren Besuchern auffällt.
Die Vorlagengalerie zeigt jedes Design, das Sie heute wählen können.