ہم کیسے مدد کر سکتے ہیں؟

مختصراً بتائیں کہ معاملہ کیا ہے—ہم آپ کو ای میل کے ذریعے جواب دیں گے۔

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
ابتدائی صفحے پر جائیں

Der Starter: Form, Größe, Symbol, Beschriftung und Position

Der Knopf, mit dem Besucher den Chat öffnen: Form, Größe am Desktop und auf dem Handy, Symbol, Beschriftung mit Unterzeile, Anzeige, 20 Vorlagen, Position und Ausweichen.

Der Starter ist der Knopf unten in der Ecke, über den Besucher den Chat öffnen. Du stellst ihn unter /app/projects/{id} im Reiter Aussehen, Abschnitt Marke, ein. Eine Live-Vorschau So sieht der Starter aus zeigt jede Änderung sofort. Gespeichert wird mit Speichern, bei deinen Besuchern kommt die Änderung innerhalb einer Minute an.

Die Farbe des Starters ist deine Primärfarbe, siehe Farben, Schrift und Thema.

Vorlagen für den Starter

20 fertige Kombinationen, zum Beispiel „Virtueller Assistent – Antwort in 2 Minuten“, „Fragen?“, „Kundenservice – Mo–Fr 8–18 Uhr“ oder „KI-Assistent – Antwort in Sekunden“. Ein Klick füllt Form, Symbol, Beschriftung, Unterzeile, Anzeige und Größe. Deine Farben bleiben, gespeichert wird erst mit Speichern. Danach passt du die Texte an.

Die Felder

Beschriftung je Sprache

Beschriftung und Unterzeile aus dem Formular gelten in jeder Sprache. Willst du sie je Sprache verschieden, trag sie unter Texte & Formulare → Eigene Texte mit den Schlüsseln launcher.text und launcher.subtext ein. Ein Eintrag dort hat Vorrang vor den Feldern hier. Mehr dazu unter Texte und Sprachen.

Chat ganz ohne Starter

Mit der Anzeige Nur über eigene Links (kein Chat-Symbol) erscheint kein Starter. Besucher öffnen den Chat über deine eigenen Links oder Knöpfe:

<a href="#rc-open">Hilfe & Support</a>

Setz auf jede Seite, auf der der Chat erreichbar sein soll, mindestens einen solchen Link. Kopiere danach den Einbindungsschnipsel unter Einbau neu: Der neue enthält keine Markenfarbe mehr, so blitzt der Starter beim Laden nicht kurz auf.

Solange das Widget deine Einstellung nicht vom Server bekommen konnte, etwa ohne Verbindung oder beim ersten Besuch vor der Cookie-Einwilligung, erscheint der Starter zur Sicherheit trotzdem. Soll er auf keinen Fall erscheinen, setz am Schnipsel zusätzlich:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        async></script>

data-rc-hide-launcher gilt immer, unabhängig vom Konto. Ohne Starter gibt es auch keine Tooltip-Blasen am Starter. Alle Möglichkeiten zum Öffnen über eigene Elemente, mit vorbelegtem Text und Reiterwahl, stehen unter Chat über einen eigenen Link oder Knopf öffnen.

Statt eines Links kannst du auch ein bestehendes Element deiner Seite zum Auslöser machen. data-rc-launcher-selector nimmt einen CSS-Selektor:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        data-rc-launcher-selector="#hilfe-knopf"
        async></script>

Position und Abstand

Seite, Abstand und Stapelebene setzt du am Schnipsel. Im Konto gibt es dafür kein Feld.

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-offset='{"x":24,"y":96}'
        async></script>

Dieselben Felder gehen auch als position, offset und zIndex über window.ReactiveChatSettings oder ReactiveChat('boot', …). Siehe Technische Integration.

Ausweichen vor Leisten

Hat deine Seite eine fixierte Leiste am unteren Rand, etwa ein Cookie-Banner, eine Warenkorbleiste oder eine Navigationsleiste auf dem Handy, steigt der Starter automatisch darüber, mit 12 px Abstand. Er misst nach, wenn sich die Seite ändert. Elemente, die mehr als 40 % der Fensterhöhe einnehmen, gelten als Overlay. Ihnen weicht er nicht aus.

Abschalten kannst du das am Schnipsel:

data-rc-avoid-overlap="false"

Starter mit eigenem Symbol

Ein ganz eigenes Symbol geht per Code über die Marke: launcher.icon nimmt ein Inline-SVG oder eine data:-Adresse und hat Vorrang vor dem gewählten Symbol.

ReactiveChat('setBrand', {
  launcher: { shape: 'bubble', label: 'Frag uns', icon: 'data:image/svg+xml,…' }
});

Beachte: Eine Marke mit solchen Feldern am Schnipsel (data-rc-brand) schlägt auf dieser Seite die Einstellungen aus dem Konto. Siehe Farben, Schrift und Thema.

Auf dem Handy

Unter 481 px Breite (und auf liegenden Handys bis 480 px Höhe) gilt die Größe für das Handy. Mit der Anzeige nur auf großen Bildschirmen zeigt der Starter dort nur das Symbol. Öffnet der Besucher den Chat, füllt das Fenster den ganzen Bildschirm, und der Starter tritt zurück.

Wenn der Starter nicht wie erwartet aussieht

آخری بار تازہ کاری: