Zum Inhalt springen
LovaAI

Einrichtung

In drei Schritten auf Ihrer Website.

Wenn Sie eine Zeile in den Footer Ihrer Website einfügen können, schaffen Sie auch die Installation. Hier sehen Sie, was jeder Schritt beinhaltet.

  1. Website hinzufügen

    Registrieren Sie sich und geben Sie die Adresse Ihrer Website ein; der Assistent beginnt sofort, Ihre Seiten einzulesen. Für alles, was nicht online steht, ergänzen Sie einzelne Seiten, Texte oder Dateien (PDF, Word, Text, Markdown, HTML, EPUB, bis zu 20 MB).

    Die Testphase liest bis zu 100 Seiten ein. Jeder Tarif liest mehr ein.

  2. Individuell anpassen

    Geben Sie ihm einen Namen, eine Begrüßung und einen Tonfall, wählen Sie seine Stimme und passen Sie das Chatfenster an Ihre Farben und Ihr Logo an. Ergänzen Sie ein paar vorgeschlagene Fragen für die Startansicht und probieren Sie den Assistenten dann im Testbereich aus, wo Sie bei jeder Antwort sehen, von welcher Seite sie stammt.

    Nichts ist live, bis Sie den Code einfügen.

  3. Code einfügen

    Kopieren Sie eine Zeile aus Ihrem Dashboard und fügen Sie sie auf jeder Seite direkt vor dem schließenden Body-Tag ein. Er lädt nur auf der Domain Ihrer Website und ihren Subdomains.

    In Ihrem Dashboard erscheint ein grüner Haken, sobald das Chatfenster auf Ihrer Website geladen wird.

Ihre Codezeile, mit Ihrem eigenen Schlüssel
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Der Loader ist etwa 13 KB groß und lädt, ohne Ihre Seite aufzuhalten.

Wo Sie den Code einfügen

Dieselben Schritte, die Ihr Dashboard zeigt, Plattform für Plattform.

Jede Website
  1. 1.Öffnen Sie die Template- oder Layout-Datei, die alle Seiten Ihrer Website gemeinsam verwenden, zum Beispiel den Footer.
  2. 2.Fügen Sie den Code direkt vor dem schließenden </body>-Tag ein.
  3. 3.Speichern und veröffentlichen Sie die Änderung.
Code für Jede Website
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
WordPress
  1. 1.Gehen Sie in WordPress zu Plugins → Plugin hinzufügen, suchen Sie nach WPCode und installieren und aktivieren Sie das Plugin.
  2. 2.Öffnen Sie Code-Snippets → Header und Footer.
  3. 3.Fügen Sie den Code in das Feld Footer ein und klicken Sie auf Änderungen speichern.

Wenn Ihr Theme ein eigenes Feld für Footer-Skripte hat, funktioniert auch das. Bearbeiten Sie Theme-Dateien am besten nicht direkt: Theme-Updates überschreiben sie.

Code für WordPress
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
Shopify
  1. 1.Gehen Sie in Shopify zu Onlineshop → Themes.
  2. 2.Öffnen Sie neben Ihrem aktuellen Theme das Menü … und wählen Sie Code bearbeiten.
  3. 3.Öffnen Sie layout/theme.liquid, fügen Sie den Code direkt vor </body> ein und klicken Sie auf Speichern.
Code für Shopify
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
Webflow
  1. 1.Öffnen Sie Site settings → Custom code.
  2. 2.Fügen Sie den Code in das Feld Footer code ein und klicken Sie auf Save changes.
  3. 3.Veröffentlichen Sie Ihre Website mit Publish.

Webflow erlaubt eigenen Code in kostenpflichtigen Site-Tarifen.

Code für Webflow
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
Wix
  1. 1.Gehen Sie im Dashboard Ihrer Website zu Einstellungen → Benutzerdefinierter Code und klicken Sie auf + Add Custom Code.
  2. 2.Fügen Sie den Code ein, wählen Sie Alle Seiten und platzieren Sie ihn in Body – Ende.
  3. 3.Klicken Sie auf Übernehmen.

Wix erlaubt eigenen Code bei Premiumpaketen mit verbundener Domain.

Code für Wix
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
Google Tag Manager
  1. 1.Gehen Sie in Ihrem Container zu Tags → Neu und wählen Sie Benutzerdefiniertes HTML.
  2. 2.Fügen Sie den Code ein.
  3. 3.Legen Sie den Trigger auf Alle Seiten fest und speichern Sie das Tag.
  4. 4.Klicken Sie auf Senden und danach auf Veröffentlichen.

Code, den Sie über den Tag Manager hinzufügen, steht nicht im Quelltext der Seite, daher kann die Seitenprüfung ihn nicht sehen. Öffnen Sie Ihre Website, dann bestätigt die Live-Prüfung die Installation.

Code für Google Tag Manager
<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>
React
  1. 1.Fügen Sie diese Komponente zu Ihrem Projekt hinzu.
  2. 2.Rendern Sie ChatAssistant einmal in der Root-Komponente Ihrer App.
Code für React
import { useEffect } from "react";

export function ChatAssistant() {
    useEffect(() => {
        if (document.querySelector('script[src="https://lovaai-app.lovasoftware.com/widget.js"]')) return;
        const script = document.createElement("script");
        script.src = "https://lovaai-app.lovasoftware.com/widget.js";
        script.async = true;
        script.dataset.key = "wk_9fK2mQx7Lp4vRt8N";
        document.body.appendChild(script);
    }, []);

    return null;
}
Next.js
  1. 1.Öffnen Sie app/layout.tsx (beim Pages Router pages/_app.tsx).
  2. 2.Fügen Sie die folgende Script-Komponente innerhalb von body ein.
Code für Next.js
import Script from "next/script";

// app/layout.tsx, inside <body>
<Script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" strategy="afterInteractive" />

Ihre Website hat schon Besucher. Jetzt kann sie mit ihnen sprechen.

7 Tage kostenlos, mit 100 Antworten und 10 Sprachminuten. Keine Kreditkarte nötig, Sie müssen also nichts kündigen.

Kostenlos testen