Wie Sie KI-Chat in 5 Minuten zu Ihrer Website hinzufügen (Kein Code nötig)

    9 Min. Lesezeit
    Ing. Patrik Kelemen
    Wie Sie KI-Chat in 5 Minuten zu Ihrer Website hinzufügen (Kein Code nötig)

    Eine Schritt-für-Schritt-Anleitung zum Hinzufügen eines KI-gestützten Chat-Widgets zu jeder Website. Funktioniert mit HTML, WordPress, Shopify, React, Vue und Angular. Keine Programmierkenntnisse nötig.

    Namiru AI

    KI-Kundensupport fur deine Website

    Fuge deine URL ein. Erhalte einen Support-Agenten in 30 Sekunden.

    Ihre Website-Besucher haben Fragen. Sie wollen jetzt Antworten, nicht in 4 Stunden, wenn Sie Ihren Posteingang prüfen. Ein KI-Chat-Widget erledigt das automatisch und beantwortet häufige Fragen rund um die Uhr, während Sie sich auf Ihr Geschäft konzentrieren.

    Dieser Leitfaden zeigt Ihnen genau, wie Sie KI-gestützten Chat zu jeder Website hinzufügen, Schritt für Schritt. Keine Programmierkenntnisse erforderlich.

    Warum KI-Chat zu Ihrer Website hinzufügen?

    Bevor wir zum Wie kommen, hier das Warum.

    Die durchschnittliche Erstantwortzeit bei E-Mail-Support beträgt 12 Stunden. Live-Chat senkt das auf Minuten, erfordert aber, dass jemand online ist. KI-Chat gibt Ihnen sofortige Antworten, 24 Stunden am Tag, 7 Tage die Woche, bei null Personalkosten.

    Für kleine Unternehmen ist die Rechnung einfach. Eine einzelne Support-Kraft kostet 3.000-5.000 $ pro Monat. Ein KI-Chat-Widget kostet 30-60 $ pro Monat und bewältigt Tausende von Gesprächen ohne Pausen, Krankheitstage oder Urlaub.

    Über die Kosteneinsparungen hinaus erfasst KI-Chat Leads, die Sie sonst verlieren würden. Ein Besucher landet um 23 Uhr auf Ihrer Seite, hat eine Frage zu Ihren Preisen und geht, weil niemand da ist, um zu antworten. Mit KI-Chat bekommt der Besucher eine sofortige Antwort und Sie wachen mit einem qualifizierten Lead in Ihrem Dashboard auf.

    Was Sie brauchen

    • Eine Website (jede Plattform funktioniert)
    • 5 Minuten
    • Das war's

    Sie müssen nicht programmieren können. Sie müssen keine Gesprächsabläufe oder Entscheidungsbäume schreiben. Moderne KI-Chat-Tools crawlen Ihre Website und lernen Ihre Inhalte automatisch.

    Schritt für Schritt: KI-Chat mit Namiru.ai hinzufügen

    Wir verwenden Namiru.ai für dieses Tutorial, weil es der schnellste Weg von null zum funktionierenden Chatbot ist. Der gesamte Prozess dauert etwa 5 Minuten.

    Schritt 1: Konto erstellen

    Gehen Sie zu namiru.ai und klicken Sie auf "Kostenlos starten". Geben Sie E-Mail und Passwort ein. Das war's. Keine Kreditkarte nötig, keine langen Formulare.

    Schritt 2: Website-URL eingeben

    Nach der Anmeldung sehen Sie einen einfachen Bildschirm, der nach Ihrer Website-URL fragt. Geben Sie Ihre Domain ein oder fügen Sie sie ein (zum Beispiel ihrunternehmen.de) und klicken Sie auf "Agent erstellen".

    Hier passiert die Magie. Namirus KI-Crawler besucht automatisch Ihre Website, liest jede erreichbare Seite und extrahiert die wichtigen Informationen: Ihre Produkte, Dienstleistungen, Preise, Richtlinien, FAQs und mehr.

    Sie sehen den Crawler in Echtzeit arbeiten, der zeigt, welche Seiten er gefunden hat und wie viele Wissenseinträge er extrahiert hat.

    Schritt 3: Wissensbasis überprüfen

    Sobald das Crawling fertig ist (normalerweise 30-60 Sekunden), sehen Sie eine Liste von allem, was die KI von Ihrer Seite gelernt hat. Jeder Eintrag hat einen Titel und eine Vorschau. Sie können Einträge bearbeiten, löschen oder neue hinzufügen, aber die Standardwerte sind normalerweise gut genug zum Starten.

    Sie können auch zusätzliche Dateien wie PDFs, CSVs oder Textdokumente hochladen, wenn Sie Informationen haben, die nicht auf Ihrer Website stehen.

    Schritt 4: Erscheinungsbild anpassen (optional)

    Wählen Sie zwischen hellem und dunklem Design, passen Sie Farben an Ihre Marke an, setzen Sie eine individuelle Willkommensnachricht und fügen Sie Ihr Logo hinzu. Dieser Schritt ist komplett optional. Sie können ihn überspringen und später zurückkommen.

    Schritt 5: Bereitstellen

    Kopieren Sie das Script-Tag vom Deploy-Bildschirm und fügen Sie es vor dem schließenden Body-Tag Ihrer Website ein. Das ist eine Zeile Code.

    Wenn Sie ein bestimmtes Framework nutzen, bietet Namiru auch npm-Pakete:

    • React: npm install namiru-react
    • Vue: npm install namiru-vue
    • Angular: npm install namiru-angular

    Für WordPress können Sie das Script-Tag in den Footer Ihres Themes einfügen oder ein Plugin wie "Insert Headers and Footers" verwenden.

    Für Shopify gehen Sie zu Online Store, Themes, Code bearbeiten und fügen Sie das Script-Tag in Ihre theme.liquid-Datei vor dem schließenden Body-Tag ein.

    Schritt 6: Testen

    Besuchen Sie Ihre Website und klicken Sie auf die Chat-Blase unten rechts. Stellen Sie eine Frage zu Ihrem Geschäft. Die KI antwortet basierend auf dem, was sie von Ihrer Website gelernt hat.

    Versuchen Sie Fragen wie:

    • "Was kosten Ihre Produkte?"
    • "Liefern Sie international?"
    • "Wie kann ich den Support kontaktieren?"

    Wenn die KI etwas nicht weiß, sagt sie es ehrlich, anstatt etwas zu erfinden.

    Plattformspezifische Anleitungen

    HTML / Statische Websites

    Fügen Sie dies vor Ihrem schließenden Body-Tag ein:

    html
    <script src="https://namiru.ai/widget.js"></script>
    <script>NamiruChat.init({ agentId: 'YOUR_AGENT_ID' });</script>
    

    Ersetzen Sie YOUR_AGENT_ID durch die ID von Ihrem Deploy-Bildschirm.

    WordPress

    Zwei Optionen:

    1. Verwenden Sie das Plugin "Insert Headers and Footers" und fügen Sie das Script-Tag im Footer-Bereich ein.
    2. Gehen Sie zu Design, Theme-Editor und fügen Sie das Script-Tag zu Ihrer footer.php-Datei vor dem schließenden Body-Tag hinzu.

    Ein dediziertes WordPress-Plugin kommt bald.

    Shopify

    1. Gehen Sie zu Online Store, Themes
    2. Klicken Sie auf Aktionen, Code bearbeiten
    3. Öffnen Sie theme.liquid
    4. Fügen Sie das Script-Tag vor dem schließenden Body-Tag ein
    5. Speichern

    React

    bash
    npm install namiru-react
    
    jsx
    import { NamiruChat } from 'namiru-react';
    
    function App() {
      return (
        <div>
          <NamiruChat agentId="YOUR_AGENT_ID" />
        </div>
      );
    }
    

    Vue

    bash
    npm install namiru-vue
    
    vue
    <template>
      <NamiruChat agentId="YOUR_AGENT_ID" />
    </template>
    
    <script setup>
    import { NamiruChat } from 'namiru-vue';
    </script>
    

    Angular

    bash
    npm install namiru-angular
    

    Fügen Sie die Komponente zu Ihrem Template hinzu:

    html
    <namiru-chat agentId="YOUR_AGENT_ID"></namiru-chat>
    

    Was nach der Bereitstellung passiert

    Sobald Ihr Chat-Widget live ist, wird jedes Gespräch automatisch analysiert. Ihr Dashboard zeigt Ihnen:

    • Gesprächszusammenfassungen mit Absicht, Stimmung und Themen-Tags
    • Lead-Erfassung mit Name, E-Mail und Qualifikationsstatus
    • Schmerzpunkte, die in Gesprächen immer wieder auftauchen
    • Top-Themen, die Ihre Besucher am häufigsten ansprechen
    • KI-Wocheneinblicke mit umsetzbaren Empfehlungen

    Das ist nicht nur ein Chatbot. Es ist eine Feedback-Schleife, die Ihnen sagt, was Ihre Kunden brauchen, was Ihrer Website fehlt und wer kaufbereit ist.

    Preise

    Namiru.ai bietet drei Pläne:

    • Kostenlos: 50 Gespräche pro Monat, volles Dashboard, 1 Agent
    • Starter (29 €/Monat): 2.000 Gespräche, individuelle Themes, E-Mail-Support
    • Pro (59 €/Monat): 5.000 Gespräche, unbegrenzte Agenten, Branding entfernen

    Keine Pro-Platz-Gebühren. Keine Pro-Lösung-Kosten. Keine versteckten Kosten. Der kostenlose Plan reicht, um es auf Ihrer Website zu testen und Ergebnisse zu sehen, bevor Sie etwas zahlen.

    Häufige Fragen

    Wird es meine Website verlangsamen? Nein. Das Widget lädt asynchron und beeinflusst Ihre Seitengeschwindigkeit nicht.

    Welche Sprachen werden unterstützt? Über 200 Sprachen mit automatischer Erkennung. Wenn ein Besucher auf Französisch schreibt, antwortet die KI auf Französisch. Keine Konfiguration nötig.

    Kann ich kontrollieren, was die KI sagt? Ja. Die KI antwortet nur basierend auf Ihrer Wissensbasis. Sie können jederzeit Einträge bearbeiten, hinzufügen oder entfernen. Sie erfindet keine Informationen.

    Was passiert, wenn die KI eine Frage nicht beantworten kann? Sie schlägt dem Besucher vor, Sie direkt per E-Mail zu kontaktieren. Sie bekommen auch eine Benachrichtigung, damit Sie nachfassen können.

    Sind meine Daten sicher? Namiru.ai wird vollständig in der Europäischen Union gehostet. Ihre Daten bleiben in der EU.

    Loslegen

    KI-Chat zu Ihrer Website hinzuzufügen dauert 5 Minuten und kostet nichts zum Ausprobieren.

    Starten Sie kostenlos auf namiru.ai. 50 Gespräche pro Monat, keine Kreditkarte erforderlich.

    Erstellt von Namiru.ai - Plug-and-Play-KI-Chat fur deine Website.

    Patrik Kelemen
    Author
    Ing. Patrik Kelemen
    Founder of Namiru.aiSlovakia, EU

    Senior software engineer with 10+ years of experience, specializing in AI chat widgets and automation. Building Namiru.ai to help businesses leverage AI without complexity.

    AI AgentsAngularReactNodeJSAWSAzure
    Hat dir dieser Artikel gefallen?

    Erfahre, was KI fur deine Website

    Fuge deine URL ein und beobachte, wie dein KI-Agent in Sekunden zum Leben erwacht.

    Deine Kunden erhalten sofort Antworten. Du bekommst Leads, Analysen und deine Zeit zuruck.

    Keine Kreditkarte erforderlich

    Namiru.ai

    AI chat for your website