Installation von Novaco

    Integrieren Sie den Novaco AI Assistenten in wenigen Minuten über ein einfaches Skript.

    Anforderungen

    Was Sie benötigen, bevor Nova hinzugefügt werden kann.

    Was benötigen Sie, um Novaco zu aktivieren?

    Vor der Installation von Novaco auf Ihrer Website benötigen Sie folgende Informationen:

    • assistantId
    • accessToken

    Diese werden während des Onboarding-Prozesses erstellt und von Ihrem Onboarding-Manager bereitgestellt. Falls Sie diese noch nicht erhalten haben, wenden Sie sich bitte an Ihre Kontaktperson oder das Support-Team.

    Basisinstallation

    Installieren Sie Nova Web via HTML oder Google Tag Manager.

    Installation via HTML

    Fügen Sie diesen HTML-Code direkt unter dem öffnenden <body>-Tag ein:

    <div id="autochat-root"></div>
    <div id="autochat-chat-overlay"></div>

    Fügen Sie als Nächstes dieses Skript direkt vor dem schließenden </body>-Tag ein:

    <script>
        (function(){
            var autochatConfig = {
                assistantId: "INSERT ASSISTANTID",
                accessToken: "INSERT ACCESSTOKEN",
                locale: "NL"
            };
            var s=document.createElement("script");
            s.src="https://static.chatclient.autochat.ai/release/autochat.js?ver=1";
            s.async=!0;s.defer=!0;
            s.addEventListener("load",function(){
                autochat.init(autochatConfig)
            });
            document.body.appendChild(s);
        })()
    </script>

    Installation via Google Tag Manager

    1. Öffnen Sie den Google Tag Manager
    2. Erstellen Sie einen neuen Tag
    3. Wählen Sie unter Tag-Konfiguration „Benutzerdefiniertes HTML“
    4. Fügen Sie den folgenden Code in das HTML-Feld ein
    5. Triggertyp auf „Alle Seiten“ einstellen
    6. Speichern und veröffentlichen
    <div id="autochat-root"></div>
    <div id="autochat-chat-overlay"></div>
    <script>
        (function(){
            var autochatConfig = {
                assistantId: "INSERT ASSISTANTID",
                accessToken: "INSERT ACCESSTOKEN",
                locale: "NL"
            };
            var s=document.createElement("script");
            s.src="https://static.chatclient.autochat.ai/release/autochat.js?ver=1";
            s.async=!0;s.defer=!0;
            s.addEventListener("load",function(){
                autochat.init(autochatConfig)
            });
            document.body.appendChild(s);
        })()
    </script>

    CTA Trigger

    Wie Sie CTA-Buttons nutzen, um bestimmte Flows auszulösen.

    Über CTA-Trigger

    Um das Beste aus dem digitalen Assistenten herauszuholen, empfehlen wir die Nutzung von CTA-Buttons und deren Verknüpfung mit spezifischen Flows:

    • Terminvereinbarung
    • Showroom-Terminbuchung
    • Probefahrt anfragen
    • Auto in Zahlung geben
    • Alle Verkaufs-Flows unter einem CTA
    • Werkstatttermin vereinbaren
    • Kontaktanfrage stellen

    Manche Flows funktionieren besser, wenn Novaco weiß, welches Auto der Besucher gerade ansieht. Stellen Sie sicher, dass der Auto Context korrekt gesetzt ist.

    JavaScript-Snippet

    Fügen Sie einen onclick-Handler zu einer Schaltfläche oder einem Link hinzu, um ein Nova-Gespräch mit einer vordefinierten Frage zu starten:

    <button onclick="autochat.askQuestion('Ich möchte eine Probefahrt buchen')">
        Probefahrt buchen
    </button>

    Ersetzen Sie den Fragetext durch den Flow, den Sie auslösen möchten. Nova übernimmt das Gespräch von dort.

    Auto Context

    Stellen Sie Nova automatisch Kontext vom Auto zur Verfügung.

    Über den Auto Context

    Mit dem Auto Context weiß Novaco sofort, um welches Fahrzeug es sich handelt. Dies macht die Interaktion relevanter und effizienter. Der Assistent kann:

    • Fragen zum angesehenen Fahrzeug beantworten
    • Den richtigen Termin-Flow starten
    • Bessere Lead-Informationen weitergeben
    • Den passenden Standort oder die Verfügbarkeit ermitteln

    Ohne Auto Context fällt Novaco in einigen Flows auf ein allgemeineres Erlebnis zurück.

    Kontext via HTML-Tag hinzufügen

    Fügen Sie auf der Fahrzeugdetailseite ein HTML-Element mit einem dieser eindeutigen Bezeichner hinzu: Bestandsnummer, VIN oder Kennzeichen.

    <div id="autochat-car-id" data-car-id="ABC123"></div>

    Dieses Element kann überall auf der Seite platziert werden. Es muss nicht sichtbar sein. Der Wert von data-car-id muss mit dem Bezeichner übereinstimmen, den Novaco für dieses Fahrzeug erwartet.

    Support

    Benötigen Sie weitere Informationen oder Hilfe?

    Benötigen Sie Hilfe bei der Installation oder Konfiguration von Novaco? Kontaktieren Sie:

    • Ihre feste Kontaktperson
    • Das Support-Team unter support@novaco.ai

    Bitte kontaktieren Sie uns, wenn:

    • Sie assistantId oder accessToken noch nicht erhalten haben
    • Die Chat-Blase auf Ihrer Website nicht sichtbar ist
    • CTA-Buttons nicht richtig funktionieren
    • Auto Context nicht erkannt wird