aifinyoCHAT
      Zurück zur Startseite
      1. Hilfe-Center
      2. aifinyoCHAT

      Chatbot veröffentlichen und Website-Einbindung

      In diesem Artikel erfahren Sie, wie einfach es ist, Ihren Chatbot auf Ihrer Website oder Onlineshop einzubinden. Außerdem erhalten Sie eine ausführliche Anleitung zur Einbindung.

      Inhalt

      Was bedeutet "Veröffentlichen"?

      Voraussetzung

      Anleitung zur Veröffentlichung Ihres Chatbots

      Anleitung zur Einbindung des iFrames für die gängigen CMS

      Wieso kann ich nicht auf "Veröffentlichen" klicken?

      Was bedeutet "Veröffentlichen"?

      Ihren Chatbot zu veröffentlichen, bedeutet ihn öffentlich zugänglich zu machen und auf Ihre Website zu bringen. Ihre Kunden haben erst dann die Möglichkeit, Ihren Chatbot zu nutzen.

      Voraussetzung:

      Stellen Sie zuvor sicher, dass Sie alle Einstellungen an Ihrem Chatbot im Baukasten vorgenommen haben.

      ❗Wichtig: Im Baukasten unter 1. Assistent einstellen müssen Sie Ihre Website hinterlegen.

      Anleitung zur Veröffentlichung Ihres Chatbots in 4 Schritten

      Schritt 1: Bot trainieren

      Nachdem Sie alle Einstellungen im Baukasten vorgenommen haben, trainieren Sie den Chatbot über den Button Trainieren. 

      Schritt 2: Bot veröffentlichen

      Klicken Sie anschließend auf den Button Veröffentlichen.

      Schritt 3: iFrame kopieren

      Nachdem auf Veröffentlichen geklickt wurde, erscheint ein Fenster mit dem Namen "iFrame". Kopieren Sie den Dort angezeigt Code. Dieser allein genügt um den Chat in Ihre Webseite einzubinden.

      Techink-chatFAQ

      Schritt 4: In Ihre Website einfügen

      Fügen Sie den kopierten Code in Ihr HTML-Dokument ein vor den schließenden Bodytag </body> </body>.

      Das war's! Ihre Installation ist fertig. 🎉

       

      Eine Anleitung zur Einbindung des Codes in den gängigen CMS finden Sie hier:

      Anleitung zur Einbindung des iFrames für die gängigen CMS

      WordPress

      1. Manuelles Einfügen des Chatbots auf eine einzelne Unterseite Ihrer Webseite, z.B. auf die Startseite
        1. Gehen Sie in den Bearbeitungsmodus dieser Seite (wenn Sie in WordPress angemeldet sind, oben im schwarzen Balken auf „Seite bearbeiten“.
        2. Scrollen Sie an das Ende der Seite.
        3. Fügen Sie als neues Element „individuelles HTML“ hinzu und fügen Sie den bereitgestellten iframe Code ein.
        4. Speichern Sie Ihre Änderungen, indem Sie oben rechts auf den blauen Button „aktualisieren“ klicken.
      2. Einfügen des Chatbots auf eine einzelne Unterseite Ihrer Webseite, z.B. auf die Startseite per Plugin
        1. Laden Sie sich unter dem Reiter „Plugins“ „installieren“ ein Plugin herunter, um iframes auf Wordpress Seiten einzubetten, z.B. das Plugin iframe von webvitality und folgen Sie den Anweisungen innerhalb des Plugins, um einen Shortcode zu generieren, den Sie dann auf den gewünschten Seiten einbinden können.

      Typo3

      1. Öffnen Sie die Seite, auf welcher der Chatbot integriert werden soll im Backend der Webseite.
      2. Fügen Sie anschließend in der Spalte „normal“ einen neues Datensatz unten auf der Seite hinzu.
      3. Sie finden unter „neues Inhaltselement“ => spezielle Elemente die Auswahl „reines HTML einfügen“
      4. Fügen Sie in dem Textfeld „HTML Code“ Ihren aifinyoCHAT Code ein und klicken Sie anschließend auf speichern.

      Wix

      1. Öffnen Sie die entsprechende Unterseite, auf der der aifinyoCHAT Chatbot eingebunden werden soll.
      2. Klicken Sie oben links im Editor auf „Hinzufügen“ (Pluszeichen).
      3. Wählen Sie anschließend „HTML-Code eingeben“ aus.
      4. Fügen Sie den aifinyoCHAT Code in das Textfeld ein und klicken Sie auf „anweden“.

      Jimdo

      1. Wählen Sie auf Ihrer jimdo-Webseite die Unterseite aus, auf welcher der aifinyoCHAT Chatbot eingebunden werden soll, und klicken Sie auf „bearbeiten“.
      2. Klicken Sie nun auf „Inhalt hinzufügen“ => Weitere Inhalte und Add-ons.
      3. Wählen Sie nun das Element „Widget/HTML“ aus, fügen Sie dort Ihren aifinyoCHAT iframe-Code ein und speichern Sie die Seite.

      Shopify Shop

      1. Öffnen Sie die Seite im Bearbeitungsmodus, auf welcher der Chatbot eingebunden werden soll.
      2. Klicken Sie im Editor oben rechts auf das „<>“ Icon, um in den HTML-Bearbeitungsmodus umzuschalten.
      3. Fügen Sie nun ganz unten Ihren iframe-Code ein und klicken Sie anschließend wieder auf das „<>“ Icon, um den HTML-Modus zu verlassen. Klicken Sie anschließend auf „speichern“.

      Wieso kann ich nicht auf "Veröffentlichen" klicken?

      Wenn Sie nicht auf den Veröffentlichen-Button klicken können, kann das zwei Ursachen haben:

      1. Sie haben noch keine Datenquellen hinterlegt und den Bot noch nicht trainiert.
      2. Sie haben bereits auf den Button "Veröffentlichen" geklickt und im Baukasten erscheint nun der Button "Ist veröffentlicht". In diesem Fall navigieren Sie oben rechts auf Ihren Account > Einstellungen > Website-Einbindungen.

      Unser Team steht Ihnen jederzeit bei Fragen zur technischen Einbindung zur Verfügung.

      Derzeit besteht noch nicht die Möglichkeit der Integration in Hubspot oder in andere Systeme. Auch gibt es noch keine Möglichkeit eine Weiterleitung von E-Mails an aifinyoCHAT einzurichten. Bitte teilen Sie uns per E-Mail an support@chatfaq.ai Ihre Anwendung mit, die eingebunden werden soll. Gerne nehmen wir Ihre Anregungen in unsere Produkt Roadmap auf.

      Ihnen steht zusätzlich 24/7 unser eigener Chatbot zur Verfügung. Außerdem finden Sie alle Funktionen und weitere Informationen in unserer Wissensdatenbank.