{"id":27449,"date":"2025-11-30T00:24:58","date_gmt":"2025-11-30T00:24:58","guid":{"rendered":"https:\/\/purethemes.net\/?p=27449"},"modified":"2026-04-01T22:23:58","modified_gmt":"2026-04-01T22:23:58","slug":"wie-man-chatgpt-oder-gemini-zu-wordpress-hinzufugt-schritt-fur-schritt-anleitung","status":"publish","type":"post","link":"https:\/\/purethemes.net\/de\/wie-man-chatgpt-oder-gemini-zu-wordpress-hinzufugt-schritt-fur-schritt-anleitung\/","title":{"rendered":"So f\u00fcgst du ChatGPT oder Gemini zu deiner WordPress-Website hinzu: Schritt-f\u00fcr-Schritt-Anleitung 2026 Guide"},"content":{"rendered":"<p class=\"translation-block\">Du m\u00f6chtest ein <strong>AI Chatbot Plugin<\/strong> in deine <strong>WordPress<\/strong> Website einbauen? &lt;In dieser Schritt-f\u00fcr-Schritt-Anleitung zeige ich dir genau<strong>, wie du ChatGPT (OpenAI) oder Google Gemini in WordPress<\/strong> integrierst, auch wenn du so etwas noch nie gemacht hast.<\/p>\n\n\n\n<p>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\/2025\/12\/purethemes.webp\" alt=\"KI-Assistent\" class=\"listeo-ai-chat-avatar\" \/>\n                                <span class=\"listeo-ai-chat-status-dot\"><\/span>\n                            <\/div>\n                                                <div class=\"listeo-ai-chat-title\">KI-Assistent<\/div>\n                    <\/div>\n                <\/div>\n                <style>\n                \/* Shortcode menu positioned absolutely in container *\/\n                .listeo-ai-chat-menu-shortcode { position: absolute; 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<p><\/p>\n\n\n\n<p>Ein richtiger KI-Chatbot ist nicht wie diese altmodischen Bots mit vorformulierten Antworten.<strong> Es verwendet ChatGPT oder Gemini, um zu verstehen, was Besucher fragen<\/strong> und<strong> Durchsuchen des eigentlichen Inhalts Ihrer Website<\/strong> um sachdienliche Antworten zu geben.<\/p>\n\n\n\n<p class=\"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<h2 class=\"wp-block-heading\">Was Sie brauchen<\/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><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: Installieren Sie ein Chatbot-Plugin<\/h2>\n\n\n\n<p>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>Ich benutze <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">KI-Assistent<\/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<p><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\/\">AI Chat &amp; Suche 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>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: Erhalten Sie Ihren API-Schl\u00fcssel<\/h2>\n\n\n\n<p>Erstens: Sie brauchen eine <strong>API-Schl\u00fcssel, um Ihre Website mit ChatGPT oder Gemini zu verbinden.<\/strong> Dies ist im Grunde ein Passwort, mit dem Ihr Chatbot mit der KI sprechen kann.<\/p>\n\n\n\n<p>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<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>Gehe zu <a href=\"https:\/\/platform.openai.com\" rel=\"nofollow noopener\" target=\"_blank\">plattform.openai.de<\/a> und erstellen Sie 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>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>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>Es gibt eine <a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\" rel=\"nofollow noopener\" target=\"_blank\">2-min\u00fctiges Video-Tutorial hier<\/a> wenn Sie lieber zuschauen.<\/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><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><strong>Erledigt. Buchst\u00e4blich 30 Sekunden.<\/strong><\/p>\n\n\n\n<p><strong>Grenzen der freien Ebene<\/strong>: 10 Anfragen pro Minute, 250 Anfragen pro Tag f\u00fcr Gemini 2.5 Flash. Gut genug f\u00fcr Tests und Websites mit geringem Datenverkehr.<\/p>\n\n\n\n<p>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: Verbinden Sie Ihren API-Schl\u00fcssel<\/h2>\n\n\n\n<p>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>KI-Assistent<\/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>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>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=\"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>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>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>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: Anpassen der Reaktionsweise<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Antworten kurz halten<\/h3>\n\n\n\n<p>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>K\u00fcrzere Antworten = schnellere Antworten. <\/p>\n\n\n\n<p>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>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>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=\"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>AI Chat &amp; Search \u2192 AI Chat \u2192 AI Tools \u2192 System Prompt \u2192 Add Knowledge Source<\/p>\n\n\n\n<p class=\"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=\"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: Anpassen des Chat-Widgets (optional)<\/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=\"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<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>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>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>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>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>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>Testen Sie es aus. Stellen Sie ihm ein paar Fragen zu Ihrer Website und sehen Sie, wie es funktioniert. \u00c4ndern Sie bei Bedarf die Eingabeaufforderung.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading translation-block\">FAQ<\/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>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>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>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>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>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\">M\u00f6chten Sie mehr Funktionen?<\/h2>\n\n\n\n<p>Wenn Sie mehr brauchen, k\u00f6nnen Sie die <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">Pro-Version<\/a> ($49 einmalig) hinzugef\u00fcgt:<\/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=\"translation-block\">Wenn du dir Alternativen zu AI Chat &amp; Search ansehen m\u00f6chtest, kannst du unseren <a href=\"https:\/\/purethemes.net\/de\/beste-chatbot-plugins-fur-wordpress-vergleich\/\" target=\"_self\">Vergleichsartikel zu verschiedenen WordPress-Chatbots lesen \u2192<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><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>","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie ein KI-Chatbot-Plugin zu Ihrer WordPress-Website hinzuf\u00fcgen? Dann sind Sie hier genau richtig. In diesem Schritt-f\u00fcr-Schritt-Tutorial zeige ich Ihnen ganz genau, wie Sie ChatGPT (OpenAI) oder Google Gemini in WordPress integrieren \u2013 selbst wenn Sie so etwas noch nie zuvor gemacht haben. Keine Programmierung erforderlich. Dauert etwa 10 Minuten. Los geht\u2019s \ud83d\ude80 Ein [\u2026]<\/p>","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":0,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449\/revisions"}],"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}]}}