{"id":27449,"date":"2025-11-30T00:24:58","date_gmt":"2025-11-30T00:24:58","guid":{"rendered":"https:\/\/purethemes.net\/?p=27449"},"modified":"2026-06-05T12:02:09","modified_gmt":"2026-06-05T12:02:09","slug":"wie-man-chatgpt-oder-gemini-zu-wordpress-hinzufugt-schritt-fur-schritt-anleitung","status":"publish","type":"post","link":"https:\/\/purethemes.net\/de\/how-to-add-chatgpt-or-gemini-to-wordpress-step-by-step-guide\/","title":{"rendered":"So f\u00fcgst du ChatGPT oder Gemini zu WordPress hinzu \u2013 Trainiere deinen Chatbot"},"content":{"rendered":"<p class=\"wp-block-paragraph translation-block\">Suchen Sie ein <strong>ChatGPT-Plugin f\u00fcr WordPress<\/strong>? Das passende Plugin verbindet ChatGPT nicht nur mit Ihrer Website \u2013 es trainiert die KI mit <strong>Ihren echten Inhalten<\/strong>, damit sie pr\u00e4zise, relevante Antworten liefert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">So richtest du es ein und trainierst es in unter 10 Minuten. <strong>Du bist hier genau richtig.<\/strong> In diesem Schritt-f\u00fcr-Schritt-Tutorial zeige ich dir genau<strong>, wie du ChatGPT (OpenAI) oder Google Gemini in WordPress integrierst<\/strong>, selbst wenn du so etwas noch nie gemacht hast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keine Codierung erforderlich. Dauert etwa 10 Minuten. Los geht's \ud83d\ude80<\/p>\n\n\n\n        <div class=\"listeo-ai-chat-wrapper\" id=\"listeo-ai-chat-27449\" style=\"height: 460px\" data-hide-images=\"1\"><script>(function(){var s=localStorage.getItem('listeo_ai_chat_dark_mode'),e=document.getElementById('listeo-ai-chat-27449');if(s==='dark')e.classList.add('dark-mode');else if(s==='light')e.classList.remove('dark-mode');})();<\/script>            <div class=\"listeo-ai-chat-container\">\n                <div class=\"listeo-ai-chat-header\">\n                    <div class=\"listeo-ai-chat-header-left\">\n                                                    <div class=\"listeo-ai-chat-avatar-wrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2026\/05\/purio-blue-150x150.png\" alt=\"Purio Assistant\" class=\"listeo-ai-chat-avatar\" \/>\n                                <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                            <\/div>\n                                                <div class=\"listeo-ai-chat-title\">Purio Assistant<\/div>\n                    <\/div>\n                <\/div>\n                <style>\n                \/* Shortcode menu positioned absolutely in container *\/\n                .listeo-ai-chat-menu-shortcode { position: absolute !important; top: 15px; right: 15px; z-index: 112; }\n                .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { right: 0; left: auto; }\n                \/* Style 2: position menu on left like old clear btn *\/\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode { top: 15px; left: 15px; right: auto; }\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { left: 0; right: auto; }\n                \/* Style 2: hide menu when collapsed (no messages) *\/\n                .elementor-chat-style .listeo-ai-chat-wrapper:not(.expanded) .listeo-ai-chat-menu-shortcode { display: none; }\n                <\/style>\n                <div class=\"listeo-ai-chat-menu listeo-ai-chat-menu-shortcode\">\n                                                            <div class=\"listeo-ai-chat-darkmode-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Toggle dark mode\">\n                        <svg class=\"icon-sun\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line><\/svg>\n                        <svg class=\"icon-moon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg>\n                    <\/div>\n                                        <div class=\"listeo-ai-chat-menu-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 6.5C2.17 6.5 1.5 7.17 1.5 8C1.5 8.83 2.17 9.5 3 9.5C3.83 9.5 4.5 8.83 4.5 8C4.5 7.17 3.83 6.5 3 6.5ZM8 6.5C7.17 6.5 6.5 7.17 6.5 8C6.5 8.83 7.17 9.5 8 9.5C8.83 9.5 9.5 8.83 9.5 8C9.5 7.17 8.83 6.5 8 6.5ZM13 6.5C12.17 6.5 11.5 7.17 11.5 8C11.5 8.83 12.17 9.5 13 9.5C13.83 9.5 14.5 8.83 14.5 8C14.5 7.17 13.83 6.5 13 6.5Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"listeo-ai-chat-menu-dropdown\" role=\"menu\" data-state=\"closed\">\n                        <div class=\"listeo-ai-chat-menu-item listeo-ai-chat-clear-btn\" role=\"menuitem\" tabindex=\"-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                                <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n                                <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n                            <\/svg>\n                            Start a new chat                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"listeo-ai-chat-messages\" id=\"listeo-ai-chat-27449-messages\">\n                    <!-- Welcome message added by JavaScript to avoid flash of wrong content -->\n                <\/div>\n\n                        <div class=\"listeo-ai-chat-quick-buttons\">\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"contact\"\n                 data-value=\"\"\n                 >\n                <span>Kontakt Mensch<\/span>\n                                <svg class=\"listeo-ai-btn-icon\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                            <\/div>\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"chat\"\n                 data-value=\"How it works?\"\n                 >\n                <span>Wie funktioniert es?<\/span>\n                            <\/div>\n                    <\/div>\n        \n                                <div class=\"listeo-ai-chat-input-wrapper\">\n                                        <div\n                        class=\"listeo-ai-chat-image-btn\"\n                        data-chat-tooltip=\"Attach Image\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                    >\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                        <span class=\"image-count-badge\">1<\/span>\n                    <\/div>\n                    <input type=\"file\" class=\"listeo-ai-chat-image-input\" accept=\"image\/jpeg,image\/jpg,.jpg,.jpeg,image\/png,image\/gif,image\/webp\" style=\"display: none;\" \/>\n                                        <textarea\n                        id=\"listeo-ai-chat-27449-input\"\n                        class=\"listeo-ai-chat-input has-image-input\"\n                        placeholder=\"Type a message\"\n                        rows=\"2\"\n                        maxlength=\"1000\"\n                    ><\/textarea>\n                            <div\n            class=\"listeo-ai-chat-mic-btn\"\n            data-chat-tooltip=\"Voice Input\"\n            aria-label=\"Record voice message\"\n            role=\"button\"\n            tabindex=\"0\"\n        >\n            <!-- Default state: mic icon -->\n            <svg class=\"mic-icon\" viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n                <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\n                <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\n            <\/svg>\n            <!-- Recording state: red dot + timer + stop button -->\n            <span class=\"mic-recording-ui\" style=\"display:none\">\n                <span class=\"mic-recording-dot\"><\/span>\n                <span class=\"mic-recording-timer\">0:00<\/span>\n                <svg class=\"stop-icon\" viewbox=\"0 0 24 24\" width=\"14\" height=\"14\">\n                    <rect fill=\"currentColor\" x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                <\/svg>\n            <\/span>\n            <!-- Transcribing state: spinner -->\n            <span class=\"mic-transcribing-loader\" style=\"display:none\"><\/span>\n        <\/div>\n                            <button\n                        id=\"listeo-ai-chat-27449-send\"\n                        class=\"listeo-ai-chat-send-btn\"\n                    >\n                        <img decoding=\"async\" src=\"https:\/\/purethemes.net\/wp-content\/plugins\/ai-chat-search\/assets\/icons\/arrow-up.svg\" alt=\"Senden Sie\" width=\"16\" height=\"16\" \/>\n                    <\/button>\n                <\/div>\n\n                \n                \n\n        <!-- Contact Form Overlay -->\n        <div class=\"listeo-ai-contact-form-overlay\" style=\"display: none;\">\n            <div class=\"listeo-ai-contact-form\">\n                <div class=\"listeo-ai-contact-form-header\">\n                    <h3>Contact Us<\/h3>\n                    <div class=\"listeo-ai-contact-form-close\" role=\"button\" aria-label=\"Schlie\u00dfen Sie\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <form class=\"listeo-ai-contact-form-body\" action=\"\">\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-name\">Name <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"listeo-contact-name\" name=\"name\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-email\">E-Mail <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"listeo-contact-email\" name=\"email\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-message\">Nachricht <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"listeo-contact-message\" name=\"message\" rows=\"4\" required><\/textarea>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-actions\">\n                        <button type=\"submit\" class=\"listeo-ai-contact-form-submit\">\n                            <span class=\"button-text\">Send Message<\/span>\n                            <span class=\"button-spinner\" style=\"display: none;\">\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\" fill=\"currentColor\"\/>\n                                    <path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" fill=\"currentColor\">\n                                        <animatetransform attributename=\"transform\" dur=\"0.75s\" repeatcount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"\/>\n                                    <\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-message\" style=\"display: none;\"><\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n            <\/div>\n        <\/div>\n        \n                            <\/div>\n        <\/div>\n        \n\n\n\n<h2 class=\"wp-block-heading\"><br>Was ist ein ChatGPT-WordPress-Plugin?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Es ist ein KI-gest\u00fctztes WordPress-Plugin, das OpenAIs ChatGPT mit deiner Website verbindet, sodass Besucher direkt auf deinen Seiten mit einem KI-Assistenten chatten k\u00f6nnen. Es gibt auch viele weitere <a href=\"https:\/\/purethemes.net\/de\/best-ai-plugins-fur-wordpress-arbeite-smarter-nicht-harter\/\" target=\"_self\">KI-Tools f\u00fcr WordPress<\/a> f\u00fcr Content-Erstellung, SEO usw., aber in diesem Artikel konzentrieren wir uns auf einen KI-Chatbot, der mit deinen Website-Inhalten trainiert ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Ein <strong>trainiertes ChatGPT-Plugin<\/strong> geht weiter: Es <strong>\u201elernt\u201c deine echten Inhalte<\/strong> \u2013 Seiten, Blogposts, Produkte, FAQs \u2013 und nutzt dieses Wissen, um Fragen zu beantworten. Wenn jemand fragt \u201eLiefert ihr nach Kanada?\u201c oder \u201eWie lautet eure R\u00fcckgaberichtlinie?\u201c, zieht die KI Antworten von deiner Website, nicht aus der Luft.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Das nennt man <strong>RAG (Retrieval-Augmented Generation)<\/strong>. Der Chatbot durchsucht zuerst deine Inhalte und gibt sie dann an ChatGPT weiter, um eine passende, pr\u00e4zise Antwort zu erzeugen. Ergebnis: Antworten, die auf dein Business zugeschnitten sind, keine generischen KI-Vermutungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du an den technischen Details interessiert bist, lies unseren Artikel dar\u00fcber, <a href=\"https:\/\/purethemes.net\/how-ai-chatbots-work-rag-vector-embeddings-explained\/\" target=\"_self\">wie RAG-gest\u00fctzte Chatbots funktionieren<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Worauf Sie bei einem ChatGPT-WordPress-Plugin achten sollten:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>WooCommerce-Support<\/strong> \u2014 versteht es Produktfilter, Lagerbestand, Preise?<\/li>\n\n\n\n<li>&nbsp;<strong>WooCommerce support<\/strong> \u2014 does it understand product filters, stock, pricing?<\/li>\n\n\n\n<li class=\"translation-block\">&nbsp;<strong>Individuelle Anweisungen<\/strong> \u2014 kannst du Ton, Persona und Leitplanken festlegen?<\/li>\n\n\n\n<li>&nbsp;<strong>Benutzerdefinierte Anweisungen<\/strong> \u2014 can you set the tone, persona, and guardrails?<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Mehrere KI-Modelle<\/strong> \u2014 <strong>ChatGPT <\/strong>ist top, aber <strong>Gemini<\/strong> als Option ist praktisch<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Was brauchst du, um ChatGPT oder Gemini zu WordPress hinzuzuf\u00fcgen?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress Website \ud83d\ude42<\/li>\n\n\n\n<li>Ein KI-Chatbot-Plugin (ich werde die Optionen weiter unten behandeln)<\/li>\n\n\n\n<li>API-Schl\u00fcssel von OpenAI oder Google (Erstellung dauert 2 Minuten)<\/li>\n\n\n\n<li>Etwa 10-15 Minuten<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Das war's. Los geht's.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: W\u00e4hle ein OpenAI-Chatbot-Plugin f\u00fcr WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt brauchen Sie ein WordPress-Plugin, um alles zu verbinden. Es gibt mehrere Optionen - AI Engine, Tidio, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-1024x535.png\" alt=\"\" class=\"wp-image-27453\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-1024x535.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-300x157.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-768x401.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39-710x371.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-39.png 1517w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ich benutze <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">PurioChat WP chatbot plugin<\/a> die eine kostenlose Version enth\u00e4lt, mit der Sie beginnen k\u00f6nnen.<strong>Es ist wirklich WordPress nativ <\/strong>und funktioniert mit jedem WordPress-Theme und trainiert den Chatbot mit dem aktuellen Inhalt Ihrer Website.<\/p>\n\n\n\n<a href=\"https:\/\/purethemes.net\/de\/?download=ai-chat-search\" class=\"blog-post-btn\">Plugin herunterladen \u2192\n<\/a>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zum Installieren:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Laden Sie das Plugin von der Website herunter: <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">PurioChat Download<\/a><\/li>\n\n\n\n<li>Gehe zu <strong>WordPress \u2192 Plugins \u2192 Neu hinzuf\u00fcgen \u2192 Plugin hochladen<\/strong><\/li>\n\n\n\n<li><strong>Hochladen der Zip-Datei<\/strong> Datei, installieren, aktivieren<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Das war's mit der Grundeinstellung.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: ChatGPT- oder Gemini-API-Key holen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Zuerst brauchst du einen <strong>API-Key, um deine Website mit ChatGPT oder Gemini zu verbinden.<\/strong> Das ist im Grunde ein Passwort, mit dem dein Chatbot mit der KI sprechen kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen entweder OpenAI (ChatGPT) oder Google (Gemini) w\u00e4hlen. Beide funktionieren hervorragend. Hier erfahren Sie, wie Sie beide bekommen:<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du mehrere KI-Provider zentral verwalten willst, lies vor der Modellauswahl den Guide zum <a href=\"https:\/\/purethemes.net\/openrouter-api-wordpress-chatbots\/\" target=\"_self\">OpenRouter-kompatiblen WordPress-Chatbot<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option A: OpenAI API-Schl\u00fcssel (ChatGPT)<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Wie man einen OpenAI\/ChatGPT API Schl\u00fcssel in weniger als 2 Minuten erh\u00e4lt!\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/J_Mlp7BjtP8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">Gehe zu <a href=\"https:\/\/platform.openai.com\" rel=\"nofollow noopener\" target=\"_blank\">platform.openai.com<\/a> und erstelle ein Konto<\/li>\n\n\n\n<li>Klicken Sie in der Seitenleiste auf API-Schl\u00fcssel (oder gehen Sie direkt zu <a href=\"https:\/\/platform.openai.com\/api-keys\" rel=\"nofollow noopener\" target=\"_blank\">platform.openai.com\/api-keys<\/a>)<\/li>\n\n\n\n<li>Klicken Sie auf \u201cNeuen geheimen Schl\u00fcssel erstellen\u201d.\u201d<\/li>\n\n\n\n<li>Nennen Sie ihn z. B. \u201cWordPress Chatbot\u201d.\u201d<\/li>\n\n\n\n<li><strong>Sofort kopieren<\/strong> - Sie werden es nicht wiedersehen<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Dann f\u00fcgen Sie einige Guthaben hinzu - gehen Sie zu Abrechnung \u2192 Guthaben hinzuf\u00fcgen. Das Minimum ist $5, womit Sie etwa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>~2,000 messages with GPT-4.1 Mini<\/li>\n\n\n\n<li>~5.000 Nachrichten mit GPT-5.1<\/li>\n\n\n\n<li>~3.000 Nachrichten mit GPT-4.1<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die meisten kleinen Websites reicht $5 ein Leben lang, wenn auch nur vor\u00fcbergehend. OpenAI verwendet Prepaid-Guthaben, damit Sie nicht versehentlich zu viel ausgeben k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Es gibt hier ein <a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">2-Minuten-Video-Tutorial<\/a>, falls du lieber zusiehst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option B: Google Gemini API-Schl\u00fcssel<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Wie erstellt man einen Gemini AI API Schl\u00fcssel?\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/n8DFXqRiods?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gemini hat eine kostenlose Stufe, die sich gut zum Testen eignet:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehe zu <a href=\"https:\/\/aistudio.google.com\/api-keys\" rel=\"nofollow noopener\" target=\"_blank\">aistudio.google.com\/api-keys<\/a><\/li>\n\n\n\n<li>Klick \u201c<strong>API-Schl\u00fcssel erstellen<\/strong>&#8220;<\/li>\n\n\n\n<li>W\u00e4hlen Sie ein Google Cloud-Projekt (oder erstellen Sie eines)<\/li>\n\n\n\n<li><strong>Kopieren Sie Ihren Schl\u00fcssel<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Erledigt. Buchst\u00e4blich 30 Sekunden.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Limits der Gratis-Stufe<\/strong>: 10 Anfragen pro Minute, 250 Anfragen pro Tag f\u00fcr Gemini 2.5 Flash. Reicht gut f\u00fcrs Testen und Sites mit wenig Traffic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den produktiven Einsatz sollten Sie die Abrechnung aktivieren. Gemini 2.5 Flash kostet etwa $0.30 pro Million Input-Token - sehr g\u00fcnstig - \u00e4hnlich wie ChatGPT ~$5 pro 5000 Nachrichten. Denken Sie nur daran, dass Gemini nach dem Zyklus abrechnet (nicht im Voraus bezahlt wie OpenAI), also achten Sie auf Ihre Nutzung.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: API-Schl\u00fcssel in WordPress verbinden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt schlie\u00dfen wir alles an:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In der WordPress-Seitenleiste finden Sie <strong>PurioChat<\/strong><\/li>\n\n\n\n<li>Gehe zu <strong>Einstellungen<\/strong> Registerkarte<\/li>\n\n\n\n<li>F\u00fcgen Sie Ihren OpenAI oder Gemini API Schl\u00fcssel ein<\/li>\n\n\n\n<li>W\u00e4hlen Sie Ihr AI-Modell (ich mag <strong>GPT-5.1<\/strong> und <strong>Gemini Flash 2.5<\/strong>)<\/li>\n\n\n\n<li>Speichern Sie<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38.png\"><img decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1024x603.png\" alt=\"\" class=\"wp-image-27452\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1024x603.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-300x177.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-768x452.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-1536x905.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-2048x1206.png 2048w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-38-710x418.png 710w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 4: Trainieren des Chatbots<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dies ist der wichtige Teil - der Chatbot muss lernen, was auf Ihrer Website steht.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie zum <strong>Daten Ausbildung<\/strong> Registerkarte<\/li>\n\n\n\n<li>Klicken Sie auf <strong>\u201c\ud83d\ude80 Ausbildung beginnen\u201d<\/strong><\/li>\n\n\n\n<li>Warten, bis es fertig ist<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Das Plugin scannt Ihre Inhalte und erstellt Einbettungen (im Grunde einen durchsuchbaren Index), die die KI verwendet, um bei der Beantwortung von Fragen relevante Inhalte zu finden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40.png\"><img decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1024x755.png\" alt=\"\" class=\"wp-image-27454\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1024x755.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-300x221.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-768x566.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-1536x1132.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40-710x523.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-40.png 1914w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Nutzen Sie Ihre System-Eingabeaufforderung als Spickzettel.<\/strong> In der kostenlosen Version erhalten Sie 1000 Zeichen - genug, um Ihre Kontaktinformationen, Versand- und R\u00fcckgaberichtlinien, Gesch\u00e4ftszeiten und Antworten auf h\u00e4ufige Fragen aufzunehmen. Die KI nutzt dies, um zu antworten, ohne Ihre Datenbank zu durchsuchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit der kostenlosen Version k\u00f6nnen Sie alle Blogbeitr\u00e4ge trainieren. Sie k\u00f6nnen einige Beitr\u00e4ge hinzuf\u00fcgen und sie als Quelle \u00fcber Ihre Website verwenden und sie auch SEO-optimierte Artikel machen. <strong>Eine Win-Win-Situation!<\/strong> Die Pro-Version schaltet Seiten, Produkte, benutzerdefinierte Beitragstypen und hochgeladene PDFs frei.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beispiel:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Wir sind eine Kaffeer\u00f6sterei mit Sitz in Portland. Wir liefern w\u00f6chentlich frische Bohnen.\n\nVERSAND: Kostenlos \u00fcber $35, sonst $5.99. Versand innerhalb von 2 Tagen.\nR\u00dcCKGABE: Volle R\u00fcckerstattung innerhalb von 14 Tagen, wenn unge\u00f6ffnet.\nKONTAKT: hello@coffeeshop.com, Mon-Fri 9-5 PST\n\nBeliebt: \u00c4thiopischer Yirgacheffe ($18), Hausmischung ($14)\nAbonnements: 10% aus, jederzeit auf der Kontoseite k\u00fcndbar.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die KI wird diese Informationen nutzen, um Fragen zu beantworten, auch ohne Ihre Datenbank zu durchsuchen. Jemand fragt: \u201cBieten Sie Abonnements an?\u201d - wei\u00df sie es bereits.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 5: ChatGPT-Antworten f\u00fcr deine WordPress-Website anpassen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Antworten kurz halten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcgen Sie dies zu Ihrer System-Eingabeaufforderung hinzu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Halten Sie die Antworten kurz, unter 100 W\u00f6rtern. Verweisen Sie f\u00fcr Details auf die entsprechenden Seiten.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">K\u00fcrzere Antworten = schnellere Antworten. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Standardm\u00e4\u00dfig funktioniert der Chatbot gut, aber Sie k\u00f6nnen ihn noch verbessern, indem Sie ihm etwas \u00fcber Ihre Website erz\u00e4hlen. Suchen Sie das Feld f\u00fcr benutzerdefinierte Anweisungen oder Systemaufforderungen und f\u00fcgen Sie etwas Kontext hinzu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>IMPORTANT:\n- This is &#091;describe your site - what you sell\/do]\n- If users ask about &#091;common question], tell them &#091;answer]\n- If users ask about &#091;another common thing], explain &#091;how it works]\n\nCONTACT INFO:\n- Email: your@email.com  \n- Phone: your number\n- Hours: when you're available<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Zum Beispiel k\u00f6nnte ein Online-Gesch\u00e4ft verwenden:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>WICHTIG!\n- Dies ist ein Online-M\u00f6belgesch\u00e4ft mit weltweitem Versand.\n- Wenn Benutzer \u00fcber Auftr\u00e4ge fragen, k\u00f6nnen sie in \"Mein Konto\" oder E-Mail-Support verfolgen.\n- Wenn Benutzer \u00fcber R\u00fcckgaben fragen, akzeptieren wir R\u00fcckgaben innerhalb von 30 Tagen.\n\nKONTAKT: support@store.com, Mo-Fr 9-17 Uhr<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Schnelle L\u00f6sung f\u00fcr leere Ergebnisse<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn der Chatbot nichts zur\u00fcckgibt, wenn jemand nach \u201cguten Kopfh\u00f6rern\u201d oder \u201cnettem Restaurant\u201d fragt, k\u00f6nnte er automatisch nach hohen Bewertungen filtern. F\u00fcgen Sie diese Zeile hinzu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Wenden Sie keinen Bewertungsfilter an, es sei denn, der Benutzer w\u00fcnscht dies ausdr\u00fccklich.<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41.png\"><img decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-1024x591.png\" alt=\"\" class=\"wp-image-27455\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-1024x591.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-300x173.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-768x443.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41-710x410.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-41.png 1475w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Wissensquelle hinzuf\u00fcgen (Pro)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Dies ist ein Zusatzfeature<\/strong>, das die KI anweist, bei Antworten zu einem Thema eine bestimmte Seite oder ein Dokument zu nutzen. Praktisch f\u00fcr heikle Themen, bei denen Genauigkeit am meisten z\u00e4hlt (z. B.<br>rechtliche Seiten, Versandregeln, AGB).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"815\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-1024x815.jpg\" alt=\"\" class=\"wp-image-31237\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-1024x815.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-300x239.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-768x611.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-15x12.jpg 15w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x-710x565.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/CleanShot-2026-04-02-at-00.22.58@2x.jpg 1334w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sc<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">PurioChat \u2192 AI Chat \u2192 AI Tools \u2192 System Prompt \u2192 Add Knowledge Source<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Klicken Sie auf die Schaltfl\u00e4che <strong>Wissensquelle hinzuf\u00fcgen<\/strong> unter dem System-Prompt-Textfeld, geben Sie das<br>Thema ein und w\u00e4hlen Sie eine Seite\/ein Dokument aus, und die Anweisung wird automatisch zu Ihrem<br>System-Prompt hinzugef\u00fcgt.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sucht auf Seiten, Blogbeitr\u00e4gen, PDF-Dokumenten und externen Seiten<\/li>\n\n\n\n<li>Max. 2 Posts k\u00f6nnen je KI-Suchanfrage verlinkt werden<\/li>\n\n\n\n<li class=\"translation-block\">Inhalte werden direkt abgerufen (bis zu 8000 Zeichen pro Beitrag) und mit<br>normalen KI-Suchergebnissen kombiniert<\/li>\n\n\n\n<li class=\"translation-block\">Die Anleitung ist \u00fcbersetzbar \u2013 funktioniert in jeder Sprache Beispielanweisungen (auto-generiert): Wenn Nutzer nach Versand, Lieferung, R\u00fcckgabe fragen \u2013 in Beitrag-ID 99 (\u201eVersand<br>richtlinie\u201c) suchen. Wenn Nutzer nach Erstattungen, Stornierungen fragen \u2013 in Beitrag-ID 105 (\u201eAGB &amp;<br>Bedingungen\u201c) suchen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>So funktioniert\u2019s:<\/strong> Wenn ein Besucher nach einem passenden Thema fragt, ruft die KI die referenzierten Seiteninhalte direkt ab und f\u00fchrt zus\u00e4tzlich eine normale Suche \u00fcber alle trainierten Inhalte aus \u2013 und liefert so die m\u00f6glichst pr\u00e4zise Antwort aus genau der von dir angegebenen Quelle.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 6: WordPress-Chatbot-Widget anpassen<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes.jpg\"><img decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1024x563.jpg\" alt=\"\" class=\"wp-image-30521\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1024x563.jpg 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-300x165.jpg 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-768x422.jpg 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-1536x845.jpg 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-18x10.jpg 18w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes-710x391.jpg 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/chatbot-color-schemes.jpg 1876w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Die Grundeinrichtung ist abgeschlossen, aber es gibt eine Reihe von Optionen, mit denen du den Chatbot besser an deine Website anpassen kannst. Gehe zum Tab <strong>AI Chat<\/strong> in den Einstellungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Need more than text chat? The separate guide to <a href=\"https:\/\/purethemes.net\/de\/wordpress-chatbots-mit-bild-und-sprache-zu-text-eingabe\/\">WordPress chatbots with image and voice input<\/a> covers when vision and speech-to-text are worth adding.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42.png\"><img decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1024x645.png\" alt=\"\" class=\"wp-image-27456\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1024x645.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-300x189.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-768x484.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-1536x967.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-2048x1290.png 2048w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-42-710x447.png 710w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Grundeinstellungen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chatbot Name<\/strong> - was in der Kopfzeile des Chats angezeigt wird (Standard: \u201cAssistent\u201d)<\/li>\n\n\n\n<li><strong>Willkommensnachricht<\/strong> - die erste Nachricht, die Besucher sehen, wenn sie den Chat \u00f6ffnen. Etwas wie \u201cHallo! Ich kann Ihnen helfen, Produkte zu finden oder Fragen zu beantworten. Wonach suchen Sie?\u201d<\/li>\n\n\n\n<li><strong>AI-Modell<\/strong> - W\u00e4hlen Sie Ihr bevorzugtes Modell wie GPT 5.1 oder Gemini 3 Pro \/ 2.5 Flash<\/li>\n\n\n\n<li><strong>Maximale Ergebnisse<\/strong> - wie viele Eintr\u00e4ge in den Suchergebnissen angezeigt werden sollen (5-50)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Widget-Erscheinung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen das Aussehen der schwebenden Chatblase anpassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Benutzerdefiniertes Schaltfl\u00e4chensymbol<\/strong> - Laden Sie Ihr eigenes SVG-Symbol hoch<\/li>\n\n\n\n<li><strong>Willkommensblasen-Botschaft<\/strong> - der kleine Text, der \u00fcber der Chat-Schaltfl\u00e4che eingeblendet wird (\u201cHallo! Wie kann ich Ihnen helfen?\u201d)<\/li>\n\n\n\n<li><strong>Popup Breite\/H\u00f6he<\/strong> - Gr\u00f6\u00dfe des Chat-Fensters \u00e4ndern (standardm\u00e4\u00dfig 390x600px)<\/li>\n\n\n\n<li><strong>Tastenfarbe &amp; Grundfarbe<\/strong> - mit Ihren Markenfarben \u00fcbereinstimmen<\/li>\n\n\n\n<li><strong>Dunkles, helles oder automatisches Farbschema<\/strong><\/li>\n\n\n\n<li class=\"translation-block\"><strong>Initialer Headerstil<\/strong> \u2013 W\u00e4hle einen einfachen (Standard-)Header (oberer Bereich des Chatfensters) oder einen Header mit Hintergrundbild f\u00fcr die anf\u00e4ngliche Header-Ansicht (vor der ersten Nachricht). Dies funktioniert nur mit dem schwebenden Widget, nicht mit Shortcodes. Erm\u00f6glicht es, das Chatfenster visuell an deine Marke anzupassen.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Datenschutz und Zugangsoptionen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Anmeldung f\u00fcr die Nutzung des Chats erforderlich<\/strong> - nur eingeloggte Benutzer k\u00f6nnen chatten (n\u00fctzlich f\u00fcr Mitgliederseiten)<\/li>\n\n\n\n<li><strong>Verfolgung des Chatverlaufs aktivieren<\/strong> - speichert Konversationen f\u00fcr die Analyse (wird nach 30 Tagen automatisch gel\u00f6scht)<\/li>\n\n\n\n<li><strong>Hinweis zu den Nutzungsbedingungen anzeigen<\/strong> - f\u00fcgt einen Hinweis auf die Einhaltung der Bedingungen hinzu<\/li>\n\n\n\n<li><strong>Chat auf ausgew\u00e4hlten Seiten ausblenden<\/strong> - Deaktivieren Sie das Widget auf bestimmten Seiten wie Warenkorb, Kasse, Mein Konto<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Shortcode verwenden<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sie wollen das schwebende Widget nicht? Verwenden Sie stattdessen den Shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091; ai_chat ]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen sie mit Parametern anpassen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091; ai_chat height=\"600px\" style=\"2\" ]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Damit k\u00f6nnen Sie den Chat \u00fcberall einbetten - auf einer Seite, in einer Seitenleiste oder in bestimmten Bereichen Ihrer Website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43.png\"><img decoding=\"async\" width=\"1024\" height=\"443\" src=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1024x443.png\" alt=\"\" class=\"wp-image-27457\" srcset=\"https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1024x443.png 1024w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-300x130.png 300w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-768x332.png 768w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-1536x665.png 1536w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43-710x307.png 710w, https:\/\/purethemes.net\/wp-content\/uploads\/2025\/11\/image-43.png 2010w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Das war's - Sie sind fertig! \ud83c\udf89<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Im Ernst, das ist der ganze Prozess. Ihre Website hat jetzt einen KI-Chatbot, der:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Versteht nat\u00fcrlichsprachliche Fragen<\/li>\n\n\n\n<li>Durchsucht Ihre aktuellen Inhalte nach Antworten<\/li>\n\n\n\n<li>Arbeitet 24\/7, ohne dass Sie etwas tun m\u00fcssen<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du das f\u00fcr Kunden-Websites einrichtest, erkl\u00e4rt der Artikel <a href=\"https:\/\/purethemes.net\/wordpress-chatbots-for-agencies\/\" target=\"_self\">WordPress-Chatbots f\u00fcr Agenturen<\/a> die Lizenzierung und den Wiederverkauf.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re setting this up for client sites, the <a href=\"https:\/\/purethemes.net\/wordpress-chatbots-for-agencies\/\">WordPress chatbots for agencies<\/a> article breaks down the licensing and resale angle.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">ChatGPT- und Gemini-WordPress-Setup-Fragen<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Wie hoch sind die Betriebskosten?<\/strong><\/strong><\/summary>\n<p class=\"wp-block-paragraph\">Die API-Kosten betragen in der Regel $5-15\/Monat f\u00fcr kleine bis mittelgro\u00dfe Websites. Viel weniger als die meisten Abonnement-Chatbot-Dienste.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Wird meine Website dadurch verlangsamt?<\/strong><\/summary>\n<p class=\"wp-block-paragraph\">Nein. Der Chatbot wird asynchron geladen, die KI-Verarbeitung erfolgt auf OpenAI\/Google-Servern. Die Suche nach Website-Inhalten erfolgt auf Ihrem Server \u00fcber die Berechnung der Kosinus-\u00c4hnlichkeit von Einbettungen (Nerd-Alarm).<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Muss ich Gespr\u00e4chsabl\u00e4ufe oder Entscheidungsb\u00e4ume erstellen?<\/strong><\/strong><\/summary>\n<p class=\"wp-block-paragraph\">Nein. Sie schreiben einfach Anweisungen in einfacher Sprache - wie bei der Einweisung eines neuen Mitarbeiters. \u201cBewahren Sie einen freundlichen Ton, schlagen Sie WhatsApp vor, wenn sie nicht finden, was sie brauchen, und vermeiden Sie Fachjargon.\u201d Die KI findet den Rest heraus.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Ist sie mehrsprachig?<\/strong><\/strong><\/summary>\n<p class=\"wp-block-paragraph\">Funktioniert in jeder Sprache. Sie k\u00f6nnen sogar festlegen, dass Abfragen vor der Suche \u00fcbersetzt werden, wenn Ihr Inhalt in einer bestimmten Sprache vorliegt.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong><strong>Kann jemand den Chatbot spammen?<\/strong><\/strong><\/summary>\n<p class=\"wp-block-paragraph\">Nein. Es gibt zwei Ebenen der Ratenbegrenzung - clientseitig (Browser-Cache) und serverseitig. Selbst wenn jemand versucht, sie zu missbrauchen, st\u00f6\u00dft er also fr\u00fch an die Grenzen.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Wann brauchst du ein komplettes WordPress-AI-Chatbot-Plugin?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie mehr brauchen, k\u00f6nnen Sie die <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">Pro-Version<\/a> ($59 one-time) adds:<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du statt bei null zu starten ein gehostetes Widget ersetzt, vergleiche das WordPress-native Setup mit diesen SaaS-Alternativen: <a href=\"https:\/\/purethemes.net\/chatbase-com-alternative-for-wordpress-sites\/\" target=\"_self\">Chatbase<\/a>, <a href=\"https:\/\/purethemes.net\/chatbot-com-alternative-for-wordpress-sites\/\" target=\"_self\">ChatBot.com<\/a>, <a href=\"https:\/\/purethemes.net\/jotform-chatbot-alternative-for-wordpress-sites\/\" target=\"_self\">Jotform<\/a> und <a href=\"https:\/\/purethemes.net\/alternative-to-lyro-ai-tidio-chatbot\/\" target=\"_self\">Lyro AI\/Tidio<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chat-Verlauf<\/strong> - sehen, was die Besucher fragen<\/li>\n\n\n\n<li><strong>Suche nach Beitr\u00e4gen und Seiten<\/strong> - AI durchsucht alle Ihre Inhalte<\/li>\n\n\n\n<li><strong>WooCommerce-Filter<\/strong> - filtern nach Preis, Lagerbestand, Bewertungen, Verkaufsartikel<\/li>\n\n\n\n<li><strong>Produktkarten im Chat<\/strong> - tats\u00e4chliche Produktkarten zeigen, nicht nur Text<\/li>\n\n\n\n<li><strong>Benutzerdefinierte Beitragstypen<\/strong> - auf jeden Inhaltstyp trainieren<\/li>\n\n\n\n<li><strong>PDF-Ausbildung<\/strong> - Handb\u00fccher, FAQs, Dokumente hochladen<\/li>\n\n\n\n<li><strong>Branding entfernen<\/strong> - kein \u201cpowered by\u201d-Label<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;d like to check alternatives to PurioChat you can read our <a href=\"https:\/\/purethemes.net\/de\/beste-chatbot-plugins-fur-wordpress-vergleich\/\">comparison between different WordPress chatbots article \u2192<\/a> If you want a more focused breakdown of this exact use case, see our guide to the best <a href=\"https:\/\/purethemes.net\/chatgpt-plugin-for-wordpress\/\">ChatGPT plugin for WordPress<\/a>. If you&#8217;re still comparing chatbot approaches before installing anything, this broader <a href=\"https:\/\/purethemes.net\/de\/chatbot-fur-wordpress-kompletter-leitfaden\/\">WordPress chatbot setup guide<\/a> explains the main use cases, benefits, and trade-offs.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Links:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">Plugin herunterladen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-open-ai-api-key\/\">OpenAI API Schl\u00fcssel Tutorial<\/a> (<a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">Video<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-gemini-ai-api-key\/\">Gemini API Schl\u00fcssel Tutorial<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Looking for a ChatGPT plugin for WordPress? The right plugin doesn&#8217;t just connect ChatGPT to your site &#8211; it trains the AI on your actual content so it gives accurate, relevant answers. Here&#8217;s how to set it up and train it in under 10 minutes. You&#8217;re in the right place. In this step-by-step tutorial, I&#8217;ll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":27450,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ayudawp_aiss_exclude":false,"_trp_exclude_from_translation":false,"footnotes":""},"categories":[38,42,155,152],"tags":[],"class_list":["post-27449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-chatbot-wordpress","category-guides","category-wordpress-ai-tools"],"_links":{"self":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/comments?post=27449"}],"version-history":[{"count":15,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449\/revisions"}],"predecessor-version":[{"id":33599,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449\/revisions\/33599"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/media\/27450"}],"wp:attachment":[{"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/media?parent=27449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/categories?post=27449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/tags?post=27449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}