DOCS/SCHNELLER STARTEST. LESEN · 4 MIN

ERSTE SCHRITTE

Schnellstart.
In weniger als fünf Minuten.

Sie erstellen Ihren Arbeitsbereich, fügen ein einzelnes Skript auf Ihrer Website ein, beobachten, wie eine echte Kundennachricht in Ihrem Posteingang eintrifft, und antworten darauf. Kein Build-Schritt, kein SDK, keine NPM-Installation – nur ein Skript-Tag.

Vom EasyLiveChat-Team·Aktualisiert am 14. Mai 2026·NEU

§ 01Workspace anlegen.

Gehen Sie zum Demo-Dashboard unter der Anmeldeseite. Verwenden Sie das vorbefüllte Besitzer-Konto, oder erstellen Sie in der Produktion einen neuen Workspace — wählen Sie einen Slug, der zu Ihrer Subdomain wird (acme.livechattools.com).

Beim ersten Anmelden landen Sie im Posteingang. Es gibt noch keine echten Konversationen — das behebt Schritt zwei.

§ 02Widget einbetten.

Fügen Sie das Loader-Skript vor dem schließenden Tag ein: </body> . Das ist alles — keine React-Komponente zum Mounten, kein Vue-Plugin zum Registrieren.

HTMLapps/your-site/index.html
<script>
  window.LivechattoolsConfig = { tenant: 'acme' };
</script>
<script src="https://cdn.livechattools.com/widget-loader.js" async defer></script>

Ersetzen Sie acme durch Ihren eigenen Workspace-Slug. Das Skript holt Theme live aus Ihrem Tenant — Farben, Texte, RTL-Flag, Avatar — sodass Design-Änderungen niemals einen Re-Deploy Ihrer Site erfordern.

Besucher identifizieren

Wenn der Besucher in Ihrem Produkt eingeloggt ist, übergeben Sie dem Widget seine Identität, um EasyLiveChat-Konversationen mit Ihrer eigenen User-Tabelle zu korrelieren:

JSwindow.LivechattoolsConfig — Identifikation
window.LivechattoolsConfig = {
  tenant: 'acme',
  identify: {
    id:    'usr_28x91',          // your stable user id
    name:  'Mariam El-Sayed',
    email: 'mariam@example.com',
    locale: 'ar',
    attributes: {
      plan:        'pro',
      mrr_cents:   4900,
      signed_up:   '2024-11-04',
    },
  },
};

§ 03Erste Antwort senden.

Öffnen Sie Ihre Site in einem zweiten Browser-Tab, klicken Sie auf die Bubble und tippen Sie „Hello world". Die Nachricht erscheint in Echtzeit über einen Socket.IO-Kanal im Dashboard-Posteingang — unter einer Sekunde, ohne Polling-Fallback.

Drücken Sie ⌘↩ auf eine beliebige Agent-Antwort, um sie zu senden. Der Besucher sieht Ihre Nachricht mit einem sanften Ton und einem Presence-Punkt erscheinen, der zu „Typing…" wechselt, während Sie schreiben.

§ 04Team einladen.

Unter Einstellungen → Agents, klicken Sie auf Einladen, und geben Sie eine E-Mail und Rolle ein. EasyLiveChat sendet einen Einmal-Link per E-Mail; das Klicken setzt ein Passwort und legt den neuen Agent direkt im Posteingang ab. Rollen regeln, was sie sehen — Owner verwalten Billing, Admins verwalten Agents, Agents antworten.

bashPOST /api/tenant/agents — Einladung über die REST-API
curl -X POST https://acme.livechattools.com/api/tenant/agents \
  -H "Authorization: Bearer $EASYLIVECHAT_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
        "email":  "noor@acme.test",
        "name":   "Noor Al-Saadi",
        "role":   "ADMIN"
      }'

§ 05Arbeitszeiten festlegen.

Außerhalb der Arbeitszeiten tauscht das Widget den Composer gegen ein Offline-Formular. Konversationen landen weiterhin in Ihrem Posteingang — sie werden mit offline gekennzeichnet, für eine saubere Nachverfolgung am nächsten Morgen. Konfigurieren Sie Wochentag-Fenster unter Einstellungen → Arbeitszeiten, jeweils in der lokalen Zeitzone Ihres Tenants.

JSONBeispielplan — So–Do, 09:00–18:00 Asia/Erbil
{
  "timezone": "Asia/Erbil",
  "schedule": {
    "sunday":    [{ "from": "09:00", "to": "18:00" }],
    "monday":    [{ "from": "09:00", "to": "18:00" }],
    "tuesday":   [{ "from": "09:00", "to": "18:00" }],
    "wednesday": [{ "from": "09:00", "to": "18:00" }],
    "thursday":  [{ "from": "09:00", "to": "18:00" }],
    "friday":    [],
    "saturday":  []
  },
  "offlineMessage": "We're back Sunday at 9. Leave a note — we will reply."
}

§ 06Wohin als Nächstes.

War dieser Artikel nützlich?

Bearbeitung vorschlagen ↗