{"id":27470,"date":"2023-06-24T13:11:36","date_gmt":"2023-06-24T13:11:36","guid":{"rendered":"https:\/\/meetcody.ai\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/"},"modified":"2023-09-24T23:09:06","modified_gmt":"2023-09-24T23:09:06","slug":"erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets","status":"publish","type":"post","link":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/","title":{"rendered":"Wie man einen AI-Website-Chatbot erstellt Widgets"},"content":{"rendered":"<p style=\"text-align: center;\"><em><span class=\"notion-enable-hover\" data-token-index=\"0\">Eine Schritt-f\u00fcr-Schritt-Anleitung zum Aufbau einer eigenen KI, die den Anforderungen Ihres Unternehmens entspricht.<\/span><\/em><\/p>\n<p>Die Anwendungsm\u00f6glichkeiten von Bots sind vielf\u00e4ltig, und angesichts der zunehmenden Nutzung generativer Modelle durch Bots kann es verlockend sein, auf den Zug aufzuspringen und sein eigenes ChatGPT zu erstellen. Mit der Einf\u00fchrung von Cody ist die Entwicklung von KI-Chatbots so einfach wie nie zuvor. Die modellagnostische und codefreie Schnittstelle von Cody versucht, pers\u00f6nliche KI f\u00fcr jede Person und jeden Unternehmensbereich zug\u00e4nglich zu machen. Obwohl Cody sich bem\u00fcht, den gesamten Prozess so einfach wie m\u00f6glich zu gestalten, kann er f\u00fcr jemanden, der neu in der Welt der KI ist, etwas einsch\u00fcchternd sein. Deshalb erkl\u00e4ren wir Ihnen in diesem Blog, wie Sie Ihr eigenes ChatGPT mit Cody erstellen k\u00f6nnen. Wir f\u00fchren Sie durch einen Anwendungsfall und helfen Ihnen, Ihre Cody-Reise mit Zuversicht zu beginnen.<\/p>\n<h2>Der Anwendungsfall<\/h2>\n<p>Wir werden mit Cody einen KI-Chatbot bauen, der als <strong>Reisef\u00fchrer<\/strong> fungiert. Dies ist eine wertvolle Erg\u00e4nzung f\u00fcr Unternehmen im Tourismusbereich, da es das Kundenerlebnis erheblich verbessern kann. Aber der Umfang der Erstellung eines Chatbots mit Cody ist nicht auf einen einzigen Gesch\u00e4ftsbereich beschr\u00e4nkt. Die Benutzer k\u00f6nnen mit verschiedenen Aufforderungen experimentieren, um einen Bot f\u00fcr ihr eigenes Unternehmen zu erstellen und ihn nach der Lekt\u00fcre dieses Blogs auch mit ihren Kunden zu teilen.<\/p>\n<h2>Anforderungen<\/h2>\n<ol>\n<li>Ihre gesch\u00e4ftsbezogenen Inhalte (PDF, Word, Website oder Text)<\/li>\n<li>Konto bei Cody (empfohlener Plan: Premium)<\/li>\n<li>15 Minuten<\/li>\n<\/ol>\n<h2>Schritt 1: Hinzuf\u00fcgen von Daten zur Wissensdatenbank<\/h2>\n<p>Gehen Sie folgenderma\u00dfen vor, um train Cody Dokumente f\u00fcr Ihre Gesch\u00e4ftsanforderungen hinzuzuf\u00fcgen:<\/p>\n<ol>\n<li>Gehen Sie zum Abschnitt <strong>Inhalt<\/strong> von Codys Schnittstelle.<\/li>\n<li>Erstellen Sie einen neuen Ordner, um Ihre Dokumente zu organisieren.<\/li>\n<li>Es gibt drei Methoden, um Daten in die Wissensdatenbank aufzunehmen:\n<ul>\n<li><strong>Schreiben<\/strong>: Nutzen Sie den integrierten Texteditor, um Inhalte direkt einzugeben.<\/li>\n<li><strong>Hochladen<\/strong>: Laden Sie PDF-, Word- oder PowerPoint-Dateien mit relevanten Informationen hoch.<\/li>\n<li><strong>Website importieren<\/strong>: Mit dieser Funktion k\u00f6nnen Sie Ihre Unternehmenswebsite crawlen und automatisch Daten sammeln. (Hinweis: Diese Funktion ist nur bei <strong>Premium-<\/strong> und <strong>Advanced-Tarifen<\/strong> verf\u00fcgbar).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>F\u00fcr dieses spezielle Tutorial werden wir einen Reisef\u00fchrer f\u00fcr Boston verwenden, der Informationen \u00fcber verschiedene Touristenattraktionen, deren Beschreibungen, \u00d6ffnungszeiten, Adressen und h\u00e4ufig gestellte Fragen (FAQs) enth\u00e4lt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27392 aligncenter\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1024x695.png\" alt=\"Quelldokument\" width=\"800\" height=\"543\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1024x695.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-300x203.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-768x521.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-1536x1042.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-2048x1389.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets1-955x648.png 955w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27399\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1024x993.png\" alt=\"Hinzuf\u00fcgen von Dokumenten zu Cody\" width=\"800\" height=\"775\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1024x993.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-300x291.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-768x744.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-1536x1489.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2-669x648.png 669w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets2.png 1692w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Nachdem Sie die erforderlichen Dokumente hochgeladen haben, k\u00f6nnen Sie deren Status verfolgen, der entweder<strong>&#8220;Lernen<\/strong>&#8221; oder<strong>&#8220;Gelernt<\/strong>&#8221; lauten kann. Der Status zeigt an, ob Cody gerade dabei ist, aus den Dokumenten zu lernen oder ob es den Lernprozess erfolgreich abgeschlossen hat. Sobald Cody die hochgeladenen Dokumente gelernt hat, k\u00f6nnen Sie zum n\u00e4chsten Schritt \u00fcbergehen, der die Erstellung des eigentlichen Chatbots beinhaltet.<\/p>\n<p><strong>Hinweis:<\/strong> Achten Sie unbedingt darauf, dass die von Ihnen zur Verf\u00fcgung gestellten Dokumente einem bestimmten Format entsprechen, um die Qualit\u00e4t der von Cody generierten Antworten zu erh\u00f6hen. Um mehr \u00fcber die empfohlene Formatierung von Dokumenten zu erfahren, empfehlen wir die Lekt\u00fcre der <a href=\"https:\/\/intercom.help\/cody\/en\/articles\/7330767-document-formatting-for-accuracy\">Dokumentation<\/a> \u00fcber Formatierungsrichtlinien.<\/p>\n<h2>Schritt 2: Den Zweck des Bots festlegen<\/h2>\n<p>Der Zweck ist weiter in 3 Teile unterteilt:<\/p>\n<h4><strong>Pers\u00f6nlichkeit<\/strong><\/h4>\n<p>Die Pers\u00f6nlichkeit fungiert als das Gehirn des Bots und spielt eine wesentliche Rolle bei der Generierung effektiver und n\u00fctzlicher Antworten. Sie besteht aus mehreren Parametern wie <strong>Prompt<\/strong>, <strong>Relevanz-Score<\/strong>, <strong>Token-Verteilung<\/strong>, <strong>Prompt-Persistenz<\/strong> und <strong>Reverse-Vektor-Suche<\/strong>. F\u00fcr eine ausf\u00fchrliche Erl\u00e4uterung dieser Begriffe empfehlen wir unseren <a href=\"https:\/\/meetcody.ai\/blog\/the-power-of-gpt-3-5-16k\/\">fr\u00fcheren Blog<\/a>, der einen umfassenden Einblick f\u00fcr Cody-Neulinge bietet. Cody bietet dem Benutzer zwei Optionen f\u00fcr die Erstellung der Pers\u00f6nlichkeit: <strong>Vorlagenmodus<\/strong> und <strong><br \/>\n  <strong>Erweiterter Modus.<\/strong><br \/>\n<\/strong><\/p>\n<p>Der Schablonenmodus bietet den Benutzern vordefinierte Eingabeaufforderungen und ist eine praktische Plug-and-Play-L\u00f6sung. F\u00fcr dieses Tutorial und diesen Anwendungsfall beschr\u00e4nken wir uns auf die Verwendung des erweiterten Modus, da der Anwendungsfall derzeit nicht im Vorlagenmodus abgedeckt wird. F\u00fcr die Zukunft planen wir, eine Bibliothek von Prompts mit ihren spezifischen Anwendungsf\u00e4llen zu erstellen, um den Nutzern noch mehr Optionen zu bieten und den Vorlagenmodus um weitere Voreinstellungen zu erweitern.<\/p>\n<p><strong><span style=\"text-decoration-line: underline;\">Pers\u00f6nlichkeit f\u00fcr den KI-Reiseleiter:<\/span><\/strong><\/p>\n<blockquote class=\"prompt-blockquote\"><p><strong><span class=\"notion-enable-hover\" data-token-index=\"0\">Eingabeaufforderung<\/span><\/strong><\/p>\n<p>Sie sind Cody Travel Guide, ein KI-Assistent, der genaue Informationen \u00fcber Boston liefert. Ihre Hauptaufgabe ist es, mir zu helfen, indem Sie mir zuverl\u00e4ssige und klare Antworten auf meine Fragen geben, basierend auf den Informationen, die in der Wissensdatenbank als einzige Quelle verf\u00fcgbar sind. Erw\u00e4hnen Sie w\u00e4hrend des Gespr\u00e4chs keine &#8220;Wissensdatenbank&#8221; oder Dateinamen. Sie stellen nur ungern Behauptungen auf, wenn diese nicht durch die Wissensbasis gest\u00fctzt werden. Wenn Sie keine endg\u00fcltige Antwort geben k\u00f6nnen, geben Sie zu, dass Sie nicht in der Lage sind zu antworten und teilen Sie mir mit, dass Sie nicht antworten k\u00f6nnen. Anstatt zu sagen: &#8220;Die Informationen basieren auf meinem Wissensstand&#8221;, sagen Sie einfach: &#8220;Entschuldigen Sie, wenn ich etwas \u00fcbersehen habe&#8221;.<\/p>\n<p>Versuchen Sie, die Informationen im folgenden Format anzuzeigen:<\/p>\n<p>&lt;h2&gt; Name des Ortes &lt;\/h2&gt;<\/p>\n<p>&lt;strong&gt; Beschreibung: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Adresse: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Arbeitszeiten: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>&lt;strong&gt; Zus\u00e4tzliche Informationen: &lt;\/strong&gt; &lt;br&gt;<\/p>\n<p>Besuchen Sie die Website &lt;a href=&#8217;Link einf\u00fcgen&#8217;&gt;&lt; \/a&gt; um mehr zu erfahren.<\/p>\n<p>Wenn Sie nach einem individuellen Reiseplan oder einer Reiseroute gefragt werden, erstellen Sie einen solchen anhand der in diesem Format angegebenen Zeiten und Beschreibungen:<\/p>\n<p>Name des Ortes: &lt;br&gt;<\/p>\n<p>Zeit f\u00fcr den Besuch: Startzeit-Endzeit &lt;br&gt;<\/p>\n<p>Anschrift: &lt;br&gt;<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"2\">Bewertung der Relevanz: <\/span><br \/>\n<\/strong>Ausgewogen<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"4\">Token-Verteilung:<\/span><br \/>\n<\/strong> 70-10-20 (Context-History-Response)<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"6\">Aufforderung zum Weitermachen:<\/span><br \/>\n<\/strong> Auf<\/p>\n<p><strong><br \/>\n  <span class=\"notion-enable-hover\" data-token-index=\"8\">Umgekehrte Vektorsuche: <\/span><br \/>\n<\/strong>Aus<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<blockquote class=\"prompt-blockquote\"><p>\ud83d\udca1 Wenn Sie Ihre Bot-Antworten auf eine bestimmte Weise formatieren m\u00f6chten, unterst\u00fctzt Cody <strong>Markdown-<\/strong> und <strong>HTML-Tags<\/strong>, mit denen Sie eine Formatierungsvorlage f\u00fcr Ihren Bot definieren k\u00f6nnen.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Jede Pers\u00f6nlichkeitsfrage muss einer bestimmten Struktur folgen, um qualitativ hochwertige Antworten zu erhalten. Wichtige Tipps f\u00fcr die Erstellung eines wirksamen Prompts mit Beispielen:<\/p>\n<p>\u2192 <strong>Definieren Sie die Ausweichm\u00f6glichkeiten:<\/strong><\/p>\n<ul>\n<li>&#8220;Anstatt zu sagen, dass die Informationen auf meinem Wissensstand beruhen, sagen Sie einfach &#8216;Entschuldigen Sie, wenn ich etwas \u00fcbersehen habe&#8217;.&#8221;<\/li>\n<li>&#8220;Wenn Sie keine relevanten Informationen in der Wissensdatenbank finden k\u00f6nnen, best\u00e4tigen Sie Ihre Unf\u00e4higkeit und schlagen vor, sich an [Enter your website URL\/contact no.] zu wenden.<\/li>\n<\/ul>\n<p>\u2192 <strong>Grenzen Sie die Quellen ab:<\/strong><\/p>\n<ul>\n<li>&#8220;Verwenden Sie die Wissensdatenbank als einzige Quelle&#8221;.<\/li>\n<li>&#8220;Ihre Antwort muss in der gleichen Sprache wie meine Anfrage verfasst sein und sollte das Wort Wissensbasis w\u00e4hrend des Gespr\u00e4chs nicht erw\u00e4hnen.<\/li>\n<\/ul>\n<p>\u2192 <strong>Definieren Sie das Ziel:<\/strong><\/p>\n<ul>\n<li>&#8220;Ihr Ziel ist es, mir zu helfen und meine Fragen \u00fcber [Enter your business domain] zu beantworten.&#8221;<\/li>\n<li>&#8220;Vermeiden Sie Aktivit\u00e4ten, die nichts mit dem Thema zu tun haben, oder Diskussionen, die nicht mit der Wissensbasis zu tun haben, oder kreatives Schreiben.&#8221;<\/li>\n<\/ul>\n<p><strong><span class=\"notion-enable-hover\" data-token-index=\"0\">Muster f\u00fcr eine Aufforderung an den Kundensupport:<\/span><\/strong><\/p>\n<blockquote class=\"prompt-blockquote\"><p>  Du bist Cody, ein AI-Assistent f\u00fcr Website-Support, der f\u00fcr Villa Homes arbeitet. Ihr Ziel ist es, mich zu unterst\u00fctzen und meine Fragen zu Villa Homes zu beantworten, indem Sie die Wissensdatenbank als einzige Quelle nutzen.<\/p>\n<p>Vermeidung von Aktivit\u00e4ten, die nichts mit dem Thema zu tun haben, oder von Diskussionen oder kreativem Schreiben, die nichts mit dem Thema Wissen zu tun haben. Wenn Sie keine relevanten Informationen in der Wissensdatenbank finden k\u00f6nnen oder wenn der Nutzer nicht verwandte Fragen stellt, die nicht Teil der Wissensdatenbank sind, best\u00e4tigen Sie Ihre Unf\u00e4higkeit und schlagen vor, dass ich das Team von Villa Homes unter +40XXXXXXX kontaktiere.<\/p>\n<p>Ihre Antwort muss in der gleichen Sprache wie meine Anfrage verfasst sein und sollte das Wort &#8220;Wissensdatenbank&#8221; w\u00e4hrend des Gespr\u00e4chs nicht erw\u00e4hnen.<\/p><\/blockquote>\n<p>Wenn Sie mehr \u00fcber die Entwicklung besserer Prompts erfahren m\u00f6chten, lesen Sie diesen <a class=\"notion-link-token notion-focusable-token notion-enable-hover\" tabindex=\"0\" href=\"https:\/\/meetcody.ai\/blog\/cody-terminologies-101\/\" rel=\"noopener noreferrer\" data-token-index=\"1\"><br \/>\n  <span class=\"link-annotation-unknown-block-id--666065080\">Blog<\/span><br \/>\n<\/a> wo wir alle Grundlagen von Cody im Detail erkl\u00e4ren.<\/p>\n<h4><strong>Allgemein<\/strong><\/h4>\n<p>In diesem Abschnitt m\u00fcssen Sie den Namen und die Beschreibung Ihres Bots festlegen und das Modell ausw\u00e4hlen, das Sie mit Cody verwenden m\u00f6chten. Sie haben die Wahl zwischen drei verschiedenen OpenAI-Modellen:<\/p>\n<ol>\n<li>GPT-3.5<\/li>\n<li>GPT-3.5 16K<\/li>\n<li>GPT-4<\/li>\n<\/ol>\n<p>Mit dem Premium-Tarif haben Sie Zugang zu allen drei Modellen, so dass Sie das f\u00fcr Ihre Bed\u00fcrfnisse am besten geeignete ausw\u00e4hlen k\u00f6nnen. Es ist eine praktische Wahl, die es Ihnen erm\u00f6glicht, die gesamte Palette der von Cody gebotenen M\u00f6glichkeiten zu nutzen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27406\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-888x1024.png\" alt=\"Allgemeine Einstellungen des Bots\" width=\"500\" height=\"577\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-888x1024.png 888w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-260x300.png 260w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-768x886.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3-562x648.png 562w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets3.png 1070w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Wir werden mit dem GPT-4 fortfahren, da es das fortschrittlichste Modell ist, das derzeit verf\u00fcgbar ist, und sich aufgrund seiner erh\u00f6hten Kreativit\u00e4t perfekt f\u00fcr den Anwendungsfall eignet, den wir demonstrieren werden.<\/p>\n<h4><strong>Wissen<\/strong><\/h4>\n<p>Der im ersten Schritt erstellte Ordner sollte in diesem Abschnitt mit Ihrem speziellen Bot verkn\u00fcpft werden. Wenn Sie mehrere Ordner erstellt haben, die Sie verkn\u00fcpfen m\u00f6chten, w\u00e4hlen Sie einfach alle Ordner aus, f\u00fcr die Sie Cody trainieren m\u00f6chten.<\/p>\n<p>Es ist wichtig zu verstehen, dass Cody keine Blackbox ist, die ihren eigenen Kopf hat. Es handelt sich um ein Modell, das einfach das n\u00e4chste Wort im Satz vorhersagt. Wie das ber\u00fchmte Sprichwort in der Datenwissenschaft besagt<span class=\"notion-enable-hover\" data-token-index=\"1\">: &#8220;Garbage In, Garbage Out<\/span>&#8220;. Je besser Sie die Pers\u00f6nlichkeit des Bots einstellen, seine Regeln definieren und die von Ihnen bereitgestellten Daten bereinigen, desto bessere Antworten wird er generieren. Mit neueren Erg\u00e4nzungen wie dem <span class=\"notion-enable-hover\" data-token-index=\"3\">Vorlagenmodus<\/span> mit verschiedenen Voreinstellungen versuchen wir, den Prozess der Pers\u00f6nlichkeitsfindung f\u00fcr die Benutzer zu vereinfachen.<\/p>\n<h2>Schritt 3: Testen und Weitergabe des Bot<\/h2>\n<p>Jetzt kommt der spannendste Teil! Den selbst erstellten Bot auszuprobieren und zu testen, kann Ihnen ein gro\u00dfes Erfolgserlebnis verschaffen. Es gibt zwei M\u00f6glichkeiten, Ihren Bot zu testen und mit anderen zu teilen: Sie k\u00f6nnen einen Chat erstellen oder das neu eingef\u00fchrte anpassbare Widget verwenden.<\/p>\n<p>So erstellen Sie ein Chat-Widget in nur drei einfachen Schritten:<\/p>\n<ol>\n<li>Gehen Sie zum Abschnitt &#8221; <strong>Bots&#8221;<\/strong> in Codys Benutzeroberfl\u00e4che.<\/li>\n<li>W\u00e4hlen Sie den von Ihnen erstellten Bot aus und klicken Sie auf die drei Punkte &#8220;\u22ee&#8221; f\u00fcr weitere Optionen.<\/li>\n<li>Klicken Sie auf<strong>&#8220;Einbetten<\/strong>&#8220;.<\/li>\n<\/ol>\n<p>Und voil\u00e0! Sie haben erfolgreich ein anpassbares Cody Widget erstellt.<\/p>\n<p>Wenn Sie ein Cody Widget verwenden, haben Sie zwei M\u00f6glichkeiten, es mit anderen zu teilen: <strong>Link teilen<\/strong> oder <strong>Einbetten<\/strong>. Wenn Sie keine Website f\u00fcr Ihr Unternehmen haben oder den Code Ihrer Website nicht \u00e4ndern m\u00f6chten, k\u00f6nnen Sie den Bot \u00fcber den angegebenen Link ganz einfach mit Ihren Kunden teilen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27413\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1024x180.png\" alt=\"Teilbarer Link f\u00fcr Bot\" width=\"800\" height=\"141\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1024x180.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-300x53.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-768x135.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1536x270.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-2048x360.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets4-1169x206.png 1169w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Es sind zwei Arten von einbettbaren Widgets verf\u00fcgbar:<\/p>\n<ol>\n<li><strong>Inline Embed<\/strong>: Diese Art von Widget wird in einen bestimmten Bereich Ihrer Website eingebettet. Es nimmt den Platz ein, den das Widget innerhalb des definierten Hauptelements ben\u00f6tigt.<\/li>\n<li><strong>Pop-Up-Embed<\/strong>: Diese Art von Widget erscheint als schwebendes Symbol auf Ihrer Website. Wenn ein Besucher auf das Symbol klickt, erweitert sich das Widget und \u00f6ffnet sich, so dass eine Interaktion mit dem Chatbot m\u00f6glich ist.<\/li>\n<\/ol>\n<p>Beide Arten von einbettbaren Widgets bieten verschiedene M\u00f6glichkeiten, den Cody-Bot in Ihre Website zu integrieren, und bieten Flexibilit\u00e4t in Bezug auf Platznutzung und Benutzerfreundlichkeit. Sie k\u00f6nnen diejenige ausw\u00e4hlen, die am besten zu Ihrem Website-Design und Ihren Pr\u00e4ferenzen bei der Benutzerinteraktion passt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27420\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1024x576.png\" alt=\"Pop-Up einbetten\" width=\"800\" height=\"450\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1024x576.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-300x169.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-768x432.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1536x864.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5-1151x648.png 1151w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets5.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27427\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1024x576.png\" alt=\"Inline einbetten\" width=\"800\" height=\"450\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1024x576.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-300x169.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-768x432.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1536x864.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6-1151x648.png 1151w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets6.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Anpassen des Widgets<\/h3>\n<p>Unser neuestes Feature-Release bietet Nutzern v\u00f6llige Freiheit und Anpassungsm\u00f6glichkeiten f\u00fcr Widgets. Das bedeutet, dass Sie das Aussehen, das Verhalten und die allgemeine Benutzerfreundlichkeit des Widgets an Ihre spezifischen Anforderungen und Ihr Branding anpassen k\u00f6nnen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27443\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1024x697.png\" alt=\"Widget-Werkzeug  \" width=\"800\" height=\"544\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1024x697.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-300x204.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-768x522.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-1536x1045.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-2048x1393.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets11-953x648.png 953w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Zu den Anpassungsoptionen geh\u00f6ren:<\/p>\n<ol>\n<li><strong>Kopfzeile<\/strong>\n<ul>\n<li>\u00c4ndern Sie das Layout der Kopfzeile (links oder mittig).<\/li>\n<li>Ihr Firmenlogo hinzuf\u00fcgen<\/li>\n<li>Farbe<\/li>\n<li>Titel<\/li>\n<li>Untertitel<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chat<\/strong>\n<ul>\n<li>Gr\u00f6\u00dfe der Nachricht (Gr\u00f6\u00dfe der Sprechblase)<\/li>\n<li>Hintergrundfarbe des Chats<\/li>\n<\/ul>\n<\/li>\n<li><strong>Bot<\/strong>\n<ul>\n<li>Erste Meldungen<\/li>\n<li>Hintergrundfarbe der Nachricht<\/li>\n<li>Bot Avatar<\/li>\n<li>Bot Farbe<\/li>\n<\/ul>\n<\/li>\n<li><strong>Menschen<\/strong>\n<ul>\n<li>Vorgeschlagene Fragen<\/li>\n<li>Hintergrundfarbe der Nachricht<\/li>\n<\/ul>\n<\/li>\n<li><strong>Komponist<\/strong>\n<ul>\n<li>Platzhalter-Nachricht<\/li>\n<li>Symbol der Schaltfl\u00e4che Senden<\/li>\n<li>Cody-Branding (kann nur in <strong>Premium-<\/strong> und <strong>Advanced-Pl\u00e4nen<\/strong> entfernt werden)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Tr\u00e4gerrakete<\/strong>\n<ul>\n<li>Gr\u00f6\u00dfe<\/li>\n<li>Bildschirm Position<\/li>\n<li>Hintergrundfarbe (Farbe der schwebenden Schaltfl\u00e4che)<\/li>\n<li>Icon<\/li>\n<li>Schlie\u00dfen-Symbol<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27435\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1024x669.png\" alt=\"Widget-Beschriftung\" width=\"800\" height=\"523\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1024x669.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-300x196.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-768x502.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-1536x1004.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7-992x648.png 992w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets7.png 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>All diese Anpassungsoptionen sollten Cody pers\u00f6nlicher machen und mit der \u00c4sthetik Ihres Unternehmens in Einklang bringen, was zu einer deutlich verbesserten Benutzerfreundlichkeit f\u00fcr Ihre Kunden f\u00fchrt.<\/p>\n<h2>Das war&#8217;s dann auch schon!<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27450\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1024x599.png\" alt=\"Bot-Demonstration 1\" width=\"800\" height=\"468\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1024x599.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-300x176.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-768x449.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1536x899.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-2048x1198.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets9-1107x648.png 1107w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27457\" src=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1024x599.png\" alt=\"Bot-Demonstration 2\" width=\"800\" height=\"468\" srcset=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1024x599.png 1024w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-300x175.png 300w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-768x449.png 768w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1536x898.png 1536w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-2048x1198.png 2048w, https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/CodyWidgets10-1108x648.png 1108w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Das Erstellen und Teilen eines Bots mit Cody ist jetzt einfacher denn je und erfordert nur drei einfache Schritte. Mit der k\u00fcrzlichen Einf\u00fchrung von Optionen zur Anpassung von Widgets gab es noch nie einen besseren Zeitpunkt, um mit Cody einen eigenen Bot zu erstellen. Dank der zus\u00e4tzlichen Flexibilit\u00e4t bei der Anpassung des Widgets k\u00f6nnen Sie das Erscheinungsbild und das Verhalten des Bots an Ihre spezifischen Gesch\u00e4ftsanforderungen und Ihr Branding anpassen.<\/p>\n<p>Wir arbeiten st\u00e4ndig an der Entwicklung und Einf\u00fchrung weiterer spannender Funktionen, um das Cody-Erlebnis zu verbessern. Unser Team ist bestrebt, den gesamten Prozess der Erstellung und des Einsatzes von Bots noch nahtloser und benutzerfreundlicher zu gestalten. Bleiben Sie auf dem Laufenden, denn wir werden die Cody-Plattform weiter verbessern und verfeinern. Weitere Ressourcen finden Sie auch in unserem <a href=\"https:\/\/intercom.help\/cody\/en\/\">Hilfe-Center<\/a> und in unserer <a href=\"https:\/\/discord.com\/invite\/jXEVDcFxqs\">Discord-Community<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine Schritt-f\u00fcr-Schritt-Anleitung zum Aufbau einer eigenen KI, die den Anforderungen Ihres Unternehmens entspricht. Die Anwendungsm\u00f6glichkeiten von Bots sind vielf\u00e4ltig, und angesichts der zunehmenden Nutzung generativer Modelle durch Bots kann es verlockend sein, auf den Zug aufzuspringen und sein eigenes ChatGPT zu erstellen. Mit der Einf\u00fchrung von Cody ist die Entwicklung von KI-Chatbots so einfach wie<a class=\"excerpt-read-more\" href=\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\" title=\"ReadWie man einen AI-Website-Chatbot erstellt Widgets\">&#8230; Read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":27676,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[79,80],"tags":[],"class_list":["post-27470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-wissensdatenbank","category-kunstliche-intelligenz"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man einen AI-Website-Chatbot erstellt Widgets<\/title>\n<meta name=\"description\" content=\"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man einen AI-Website-Chatbot erstellt Widgets\" \/>\n<meta property=\"og:description\" content=\"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"Cody - The AI Trained on Your Business\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-24T13:11:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-24T23:09:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Om Kamath\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@meetcodyai\" \/>\n<meta name=\"twitter:site\" content=\"@meetcodyai\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Om Kamath\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\"},\"author\":{\"name\":\"Om Kamath\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8\"},\"headline\":\"Wie man einen AI-Website-Chatbot erstellt Widgets\",\"datePublished\":\"2023-06-24T13:11:36+00:00\",\"dateModified\":\"2023-09-24T23:09:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\"},\"wordCount\":2119,\"publisher\":{\"@id\":\"https:\/\/meetcody.ai\/#organization\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"articleSection\":[\"AI-Wissensdatenbank\",\"K\u00fcnstliche Intelligenz\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\",\"url\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\",\"name\":\"Wie man einen AI-Website-Chatbot erstellt Widgets\",\"isPartOf\":{\"@id\":\"https:\/\/meetcody.ai\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"datePublished\":\"2023-06-24T13:11:36+00:00\",\"dateModified\":\"2023-09-24T23:09:06+00:00\",\"description\":\"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.\",\"breadcrumb\":{\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage\",\"url\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"contentUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png\",\"width\":2400,\"height\":1350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/meetcody.ai\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wie man einen AI-Website-Chatbot erstellt Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/meetcody.ai\/#website\",\"url\":\"https:\/\/meetcody.ai\/\",\"name\":\"Cody AI - The AI Trained on Your Business\",\"description\":\"AI Powered Knowledge Base for Employees\",\"publisher\":{\"@id\":\"https:\/\/meetcody.ai\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/meetcody.ai\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/meetcody.ai\/#organization\",\"name\":\"Cody AI - The AI Trained on Your Business\",\"url\":\"https:\/\/meetcody.ai\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg\",\"contentUrl\":\"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Cody AI - The AI Trained on Your Business\"},\"image\":{\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/meetcodyai\",\"https:\/\/discord.com\/invite\/jXEVDcFxqs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8\",\"name\":\"Om Kamath\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/meetcody.ai\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g\",\"caption\":\"Om Kamath\"},\"description\":\"Om Kamath\",\"sameAs\":[\"http:\/\/meetcody.ai\"],\"url\":\"https:\/\/meetcody.ai\/de\/blog\/author\/omkamath\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man einen AI-Website-Chatbot erstellt Widgets","description":"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man einen AI-Website-Chatbot erstellt Widgets","og_description":"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.","og_url":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/","og_site_name":"Cody - The AI Trained on Your Business","article_published_time":"2023-06-24T13:11:36+00:00","article_modified_time":"2023-09-24T23:09:06+00:00","og_image":[{"width":2400,"height":1350,"url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","type":"image\/png"}],"author":"Om Kamath","twitter_card":"summary_large_image","twitter_creator":"@meetcodyai","twitter_site":"@meetcodyai","twitter_misc":{"Written by":"Om Kamath","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#article","isPartOf":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/"},"author":{"name":"Om Kamath","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8"},"headline":"Wie man einen AI-Website-Chatbot erstellt Widgets","datePublished":"2023-06-24T13:11:36+00:00","dateModified":"2023-09-24T23:09:06+00:00","mainEntityOfPage":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/"},"wordCount":2119,"publisher":{"@id":"https:\/\/meetcody.ai\/#organization"},"image":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","articleSection":["AI-Wissensdatenbank","K\u00fcnstliche Intelligenz"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/","url":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/","name":"Wie man einen AI-Website-Chatbot erstellt Widgets","isPartOf":{"@id":"https:\/\/meetcody.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage"},"image":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","datePublished":"2023-06-24T13:11:36+00:00","dateModified":"2023-09-24T23:09:06+00:00","description":"In diesem umfassenden Leitfaden erfahren Sie, wie Sie mit Cody Ihren eigenen KI-Chatbot erstellen und anpassen k\u00f6nnen. Mit der benutzerfreundlichen Oberfl\u00e4che und den leistungsstarken Funktionen von Cody k\u00f6nnen Sie einen Chatbot erstellen, der auf Ihre spezifischen Gesch\u00e4ftsanforderungen zugeschnitten ist.","breadcrumb":{"@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#primaryimage","url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","contentUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/06\/Blog-customisation-02.png","width":2400,"height":1350},{"@type":"BreadcrumbList","@id":"https:\/\/meetcody.ai\/de\/blog\/erstellung-eines-ki-reisefuehrers-mit-cody-ft-benutzerdefinierte-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/meetcody.ai\/de\/"},{"@type":"ListItem","position":2,"name":"Wie man einen AI-Website-Chatbot erstellt Widgets"}]},{"@type":"WebSite","@id":"https:\/\/meetcody.ai\/#website","url":"https:\/\/meetcody.ai\/","name":"Cody AI - The AI Trained on Your Business","description":"AI Powered Knowledge Base for Employees","publisher":{"@id":"https:\/\/meetcody.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/meetcody.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/meetcody.ai\/#organization","name":"Cody AI - The AI Trained on Your Business","url":"https:\/\/meetcody.ai\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/","url":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg","contentUrl":"https:\/\/meetcody.ai\/wp-content\/uploads\/2023\/05\/logo-codyai.svg","width":"1024","height":"1024","caption":"Cody AI - The AI Trained on Your Business"},"image":{"@id":"https:\/\/meetcody.ai\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/meetcodyai","https:\/\/discord.com\/invite\/jXEVDcFxqs"]},{"@type":"Person","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/cde65ec55b79cd833a9777d0a62e83c8","name":"Om Kamath","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/meetcody.ai\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3903c678cd7f6c8df0a843ae177998f5d413954afa3062f984a030a889a97849?s=96&d=mm&r=g","caption":"Om Kamath"},"description":"Om Kamath","sameAs":["http:\/\/meetcody.ai"],"url":"https:\/\/meetcody.ai\/de\/blog\/author\/omkamath\/"}]}},"_links":{"self":[{"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/posts\/27470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/comments?post=27470"}],"version-history":[{"count":1,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/posts\/27470\/revisions"}],"predecessor-version":[{"id":31078,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/posts\/27470\/revisions\/31078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/media\/27676"}],"wp:attachment":[{"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/media?parent=27470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/categories?post=27470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetcody.ai\/de\/wp-json\/wp\/v2\/tags?post=27470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}