Erscheinungsbild

Alles unter Widget-Erscheinungsbild im Dashboard. Die Live-Vorschau aktualisiert sich, während Sie Werte ändern; auf Ihrer Website wird nichts übernommen, bevor Sie speichern.

Die Vorschau

Alles auf dieser Seite wird während der Eingabe in der Vorschau darüber dargestellt — Farben, Schriftart, Logo, Formulierung sowie die Begrüßung und das Vorab-Formular, sofern diese aktiviert sind.

Wird Vor dem Chat fragen aktiviert, teilt sich die Ansicht in zwei Bereiche: Unterhaltung links und Vor Chat-Beginn rechts, sodass Ihre Nachrichtengestaltung sichtbar bleibt, während Sie das Formular schreiben. Auf einem schmalen Bildschirm werden beide Bereiche übereinander angeordnet.

Es handelt sich um eine Annäherung, nicht um das Widget selbst. Testen Sie Platzierung und alles CSS-Gesteuerte auf einer echten Seite — siehe Genauigkeit der Vorschau.

Identität

Einstellung	Standard	Hinweise
Name des Assistenten	`Minaya`	Wird im Header angezeigt und in der Standardbegrüßung verwendet. Kostenpflichtige Tarife.
Logo-URL	Minaya-Symbol	Beliebige öffentliche Bild-URL. Kostenpflichtige Tarife.
Willkommensnachricht	Hallo, ich bin Minaya, Ihr KI-Assistent…	Erste Nachricht, die ein Besucher sieht. Nennt den Assistenten automatisch.

Das Umbenennen des Assistenten ändert auch die Standardbegrüßung, sodass er sich nie unter dem falschen Namen vorstellt.

Design

Minaya führt zwei Farbpaletten — eine helle, eine dunkle. Sie müssen nicht beide ausfüllen: Wählen Sie eine Vorlage oder Ihre Markenfarbe, und jeder andere Wert wird für Sie abgeleitet, in beiden Paletten.

Vorlagen und Markenfarbe

Sechs Vorlagen werden als Miniatur-Widgets angezeigt, sodass Sie einen Look und nicht nur einen Namen wählen. Darunter übernimmt Oder Ihre Markenfarbe verwenden eine einzelne Farbe und passt den Rest daran an:

Der Header-Text wechselt zu Schwarz oder Weiß, je nachdem, was besser lesbar ist.
Die Antwortblase erhält einen hellen Farbton Ihrer Marke, statt neutral grau zu bleiben.
Für die dunkle Palette wird eine Markenfarbe, die vor einem nahezu schwarzen Panel zu dunkel zum Lesen wäre, so lange aufgehellt, bis sie lesbar ist.

Jedes abgeleitete Farbpaar erfüllt die WCAG-AA-Kontrastschwelle von 4,5:1, sodass ein Design, das Sie nie wieder anfassen, trotzdem lesbar bleibt.

Feinabstimmung

Einzelne Farben feinabstimmen öffnet den vollständigen Satz. Jede Farbe ist optional — was Sie unverändert lassen, behält seinen abgeleiteten Wert.

Einstellung	Gilt für
Markenfarbe	Header-Leiste, Besucherblasen, Senden-Schaltfläche, Launcher
Header-Text	Name des Assistenten und Symbole in der oberen Leiste
Chat-Fenster	Hintergrund hinter der Unterhaltung
Antwort-Hintergrund	Hinter jeder Nachricht des Assistenten
Antworttext	Text innerhalb der Antworten des Assistenten
Text der Besuchernachricht	Text in den eigenen Blasen des Besuchers
Platzhaltertext	Der Hinweis „Nachricht eingeben" und weitere Bedienelemente

Fällt ein von Hand gesetztes Farbpaar unter 4,5:1, markiert das Dashboard dies direkt mit dem gemessenen Verhältnis. Es ist eine Warnung, keine Sperre — Sie können speichern, wenn der Kontrast beabsichtigt ist.

An das Design der Seite anpassen

An das Design der Seite anpassen lässt das Widget dem folgen, was die umgebende Website gerade anzeigt. Es prüft in dieser Reihenfolge:

Ein Design-Signal auf <html> oder <body> — eine Klasse dark, dark-mode, theme-dark oder ein Attribut data-theme, data-color-scheme, data-mode oder data-bs-theme.
Andernfalls die Betriebssystemeinstellung des Besuchers, über prefers-color-scheme.

Das ist wichtig, weil prefers-color-scheme nur das Betriebssystem meldet. Eine Website mit eigenem Hell/Dunkel-Umschalter kann dunkel dargestellt sein, während das Betriebssystem hell eingestellt ist, und ein Widget, das sich allein auf die Media Query verlässt, würde auf einer dunklen Seite hell bleiben.

Das Widget beobachtet Änderungen, sodass ein Klick auf den eigenen Design-Umschalter Ihrer Website das Widget sofort neu einfärbt — ohne Neuladen.

Worauf Minaya achtet

Sie müssen Ihre Farben nirgendwo erneut angeben. Beide Paletten stammen aus dem Dashboard; die Erkennung entscheidet nur, welche der beiden angezeigt wird. Minaya prüft in dieser Reihenfolge:

Ein Design-Signal auf <html> oder <body> — eine Klasse dark, dark-mode, theme-dark, is-dark oder night, oder ein Attribut data-theme, data-color-scheme, data-mode oder data-bs-theme.
Die tatsächliche Hintergrundfarbe der Seite. Wird kein Signal veröffentlicht, liest Minaya, was die Seite tatsächlich darstellt, und passt sich daran an. Das funktioniert unabhängig vom Mechanismus — eine nicht erkannte Klasse, ein Wrapper-Element, CSS-Variablen oder Inline-Stile.
Das Betriebssystem, über prefers-color-scheme, wenn die Seite keinen Anhaltspunkt liefert.

Änderungen werden überwacht, sodass ein Klick auf den eigenen Umschalter Ihrer Website das Widget sofort neu einfärbt — ohne Neuladen.

WordPress

Minaya erkennt die Signale, die diese Plugins und Themes veröffentlichen, sodass der Dunkelmodus ohne Konfiguration funktioniert:

Plugin oder Theme	Signal
WP Dark Mode	`data-wp-dark-mode-active` und `.wp-dark-mode-active` auf `<html>`
Darklup / Darklup Lite	`.darkluplite-dark-mode-enabled` auf `<html>`
Droit Dark Mode	`.drdt-dark-mode` auf `<html>`
Blocksy	`data-color-mode` auf `<html>`
Astra	`.astra-dark-mode-enable` auf `<html>` oder `<body>`

WP Dark Mode und Droit lösen beim Umschalten durch den Besucher außerdem eigene Ereignisse aus, auf die Minaya lauscht — sodass das Widget sofort neu einfärbt, statt auf eine erkannte Klassenänderung zu warten.

Block-Themes

Block-Themes — Twenty Twenty-Four, Twenty Twenty-Five und andere Full Site Editing-Themes — sind der wichtige Fall. Der Wechsel zu einer dunklen Stilvariante wie Midnight ändert nur CSS-Custom- Property-Werte; die Klassenliste von <body> bleibt byte-identisch. Es gibt nichts zu erkennen.

Deshalb liest Minaya den gerenderten Hintergrund der Seite, statt sich allein auf Klassen zu verlassen. Ein Block-Theme in einer dunklen Variante wird korrekt erkannt, obwohl es überhaupt kein Signal veröffentlicht.

Farbumkehr

Dunkelmodus-Plugins kehren die Farben der gesamten Seite um. Minaya passt sich bereits selbst an, sodass eine zweite Umkehrung Ihre Palette zunichtemachen würde — das Widget führt die Opt-out-Klasse jedes Plugins (wp-dark-mode-ignore und Entsprechungen), sodass es unangetastet bleibt. Nichts zu konfigurieren.

Eine Sache, die Sie wissen sollten: Page-Builder sind eine andere Angelegenheit. Der Dunkelmodus von Elementor gilt für seine Editor-Oberfläche, nicht für die veröffentlichte Seite, und Divi hat keinen integrierten Frontend-Dunkelmodus — sodass keines von beiden ändert, was Ihre Besucher sehen.

Minaya direkt informieren

Falls Ihre Website sich auf eine Weise selbst gestaltet, die von keinem der obigen Fälle erfasst wird, lösen Sie ein Ereignis aus, und Minaya folgt ihm:

// Force a palette.
window.dispatchEvent(
  new CustomEvent("minaya:theme", { detail: { theme: "dark" } })
);

// Or just ask Minaya to re-check the page.
window.dispatchEvent(new CustomEvent("minaya:theme"));

Bei jQuery erreicht $(window).trigger() keine nativen Listener — lösen Sie das Ereignis wie oben gezeigt aus.

Platzierung und Verhalten

Position — unten links oder unten rechts.
Automatisch öffnen — öffnet das Panel beim Laden der Seite, statt auf einen Klick zu warten. Standardmäßig deaktiviert. Automatische Öffnungen zählen in den Analysen weiterhin als Widget-Öffnungen.

Der Abstand zum Bildschirmrand wird über CSS statt über ein Formularfeld festgelegt — siehe Eigenes CSS.

Minimieren

Ein Pfeil im Widget-Header klappt das Panel zurück zum Launcher zusammen. Es wird minimiert, nicht geschlossen: Die Unterhaltung bleibt erhalten, und beim erneuten Öffnen wird sie genau dort fortgesetzt, wo der Besucher aufgehört hat. Ein Klick auf den Launcher bewirkt dasselbe.

Begrüßungsblase

Ein kurzer Hinweis über dem Launcher, der angezeigt wird, bevor das Widget geöffnet wird — standardmäßig „Hallo, wie kann ich Ihnen heute helfen?". Ein Klick darauf öffnet den Chat.

Aktivieren Sie sie unter Platzierung und schreiben Sie Ihren eigenen Text. Sie folgt Ihrem Design, sodass sie in Hell und Dunkel korrekt lesbar ist, und kann unter Sprachen pro Sprache festgelegt werden.

Drei Verhaltensweisen, die Sie kennen sollten:

Wird einmal pro Besuch angezeigt. Wird sie geschlossen oder der Chat geöffnet, bleibt sie für den Rest der Sitzung verborgen — sie erscheint nicht auf jeder Seite erneut.
Auf Smartphones ausgeblendet, da eine Blase neben dem Launcher dort die Seite verdecken würde.
Wird nicht angezeigt, wenn sich das Widget automatisch öffnet, da das Panel bereits vorhanden ist.

Vorgeschlagene Fragen

Bis zu vier Prompts mit einem Klick, die über dem Nachrichtenfeld angezeigt werden, bis der Besucher etwas fragt. Sie zeigen einem Besucher, wofür Minaya da ist, was nützlicher ist als ein leeres Feld — verwenden Sie die Fragen, die Sie am häufigsten beantworten.

Ein Klick sendet die Frage sofort. Sie verschwinden, sobald die Unterhaltung beginnt, sodass sie nie mit dem Verlauf um Platz konkurrieren, und ein wiederkehrender Besucher mit Verlauf sieht sie nie.

Legen Sie sie unter Übersicht fest. Vier ist die Obergrenze, da mehr das Eingabefeld aus einem kurzen Panel drängen würde.

Vor dem Chat fragen

Manche Teams möchten Name und E-Mail-Adresse erfassen, bevor die Unterhaltung beginnt. Aktivieren Sie Vor dem Chat fragen unter Platzierung, und das Widget zeigt ein kurzes Formular, sobald ein Besucher es zum ersten Mal öffnet.

Überschrift und Nachricht bestimmen Sie selbst. E-Mail erforderlich entscheidet, ob das Formular die Unterhaltung blockiert oder sich nur anbietet — ist es deaktiviert, erhalten Besucher eine Schaltfläche Überspringen und können sofort mit dem Chat beginnen.

Ein Besucher wird nur einmal gefragt. Eine wiederkehrende Sitzung führt die Angaben bereits mit sich, sodass das Formular nicht erneut erscheint.

Was eingegeben wird, wird der Unterhaltung zugeordnet gespeichert und in Ihrem Dashboard zusammen mit dem Verlauf angezeigt. Schlägt die Formularübermittlung aus irgendeinem Grund fehl, wird der Besucher dennoch durchgelassen statt blockiert — die Angaben sind eine Erleichterung für Sie, keine Voraussetzung für Hilfe.

Branding

Widgets im kostenlosen Tarif tragen unterhalb des Eingabefelds einen kleinen Link Powered by Minaya. Er folgt Ihren Farben und steht in geringem Kontrast, sodass er als Hinweis und nicht als Werbung wirkt.

Jeder kostenpflichtige Tarif entfernt ihn. Dafür gibt es keine Einstellung — er ist an Ihren Tarif gebunden, sodass ein Upgrade ihn automatisch entfernt und nichts konfiguriert werden muss.

Schriftart

Wählen Sie Systemstandard, um die Schriftart Ihrer Website zu übernehmen, oder wählen Sie eine Google-Schriftart (Poppins, Roboto, Open Sans, Lato, Montserrat, Inter). Die Übernahme wirkt in der Regel am nativsten.

Ausweichnachricht

Wird angezeigt, wenn Minaya nicht antworten kann. Siehe Antwortqualität dafür, wie Sie eine gute formulieren.

ZurückSprachen WeiterEigenes CSS