{"id":27449,"date":"2025-11-30T00:24:58","date_gmt":"2025-11-30T00:24:58","guid":{"rendered":"https:\/\/purethemes.net\/?p=27449"},"modified":"2026-07-08T12:23:36","modified_gmt":"2026-07-08T12:23:36","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 Gemini zu WordPress hinzu \u2013 Schritt-f\u00fcr-Schritt-Anleitung"},"content":{"rendered":"<p class=\"wp-block-paragraph translation-block\">M\u00f6chten Sie <strong>Google Gemini<\/strong> zu Ihrer WordPress-Website hinzuf\u00fcgen? Das richtige KI-Plugin kann mehr als nur eine API anbinden \u2013 es trainiert den Chatbot mit <strong>Ihren eigenen Inhalten<\/strong>, damit die Antworten pr\u00e4zise, auf Ihre Website zugeschnitten und wirklich hilfreich sind.<\/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 dieser Schritt-f\u00fcr-Schritt-Anleitung zeige ich dir ganz genau, <strong>wie du Google Gemini zu WordPress hinzuf\u00fcgst<\/strong> \u2013 selbst wenn du so etwas noch nie gemacht hast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Kein Programmieren erforderlich. Dauert etwa 10 Minuten. Legen wir los \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 AI 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 AI 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>Send an Email<\/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 class=\"translation-block\">Kontaktieren Sie uns<\/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 translation-block\"><br>Was ist ein Gemini-AI-WordPress-Plugin?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Es ist ein KI-gest\u00fctztes WordPress-Plugin, das Google Gemini mit deiner Website verbindet und Besuchern erm\u00f6glicht, direkt auf deinen Seiten mit einem KI-Assistenten zu interagieren. Es gibt au\u00dferdem viele weitere <a href=\"https:\/\/purethemes.net\/de\/best-ai-plugins-fur-wordpress-arbeite-smarter-nicht-harter\/\">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 den Inhalten deiner Website trainiert wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Ein <strong>trainiertes Gemini-Plugin<\/strong> geht noch einen Schritt weiter: Es <strong>\u201elernt\u201c deine tats\u00e4chlichen Inhalte<\/strong> \u2013 Seiten, Blogbeitr\u00e4ge, 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 die Antworten aus deiner Website \u2013 nicht aus dem Nichts.<\/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 \u00fcbergibt sie dann an Gemini, um eine passende, pr\u00e4zise Antwort zu generieren. Das Ergebnis: Antworten, die speziell auf dein Unternehmen zugeschnitten sind \u2013 statt generischer 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 translation-block\"><strong>Worauf Sie bei einem Gemini-WordPress-Plugin achten sollten:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">\u00a0<strong>Content training<\/strong>  \u2013  can it learn from your pages, posts, and products?<\/li>\n\n\n\n<li class=\"translation-block\">\u00a0<strong>WooCommerce support<\/strong>  \u2013  does it understand product filters, stock, pricing?<\/li>\n\n\n\n<li class=\"translation-block\">\u00a0<strong>Knowledge sources<\/strong>  \u2013  can you point it to specific pages (shipping policy, terms) for sensitive topics?<\/li>\n\n\n\n<li class=\"translation-block\">\u00a0<strong>Custom instructions<\/strong>  \u2013  can you set the tone, persona, and guardrails?<\/li>\n\n\n\n<li class=\"translation-block\">\u00a0<strong>Multiple AI models<\/strong>  \u2013  <strong>Gemini <\/strong>is great, but having <strong>Gemini<\/strong> as an option is useful<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">F\u00fcr einen direkten Vergleich von Chatbots, die WooCommerce nativ unterst\u00fctzen, schau dir unseren <a href=\"https:\/\/purethemes.net\/de\/bester-ai-chatbot-fur-woocommerce-vergleich\/\">WooCommerce KI-Chatbot-Vergleich<\/a> an.<\/p>\n\n\n\n<h2 class=\"wp-block-heading translation-block\">Was brauchst du, um Gemini zu WordPress hinzuzuf\u00fcgen?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">WordPress Website \ud83d\ude42<\/li>\n\n\n\n<li class=\"translation-block\">Ein KI-Chatbot-Plugin (ich stelle unten Optionen vor)<\/li>\n\n\n\n<li class=\"translation-block\">API-Schl\u00fcssel von OpenAI oder Google (Erstellung dauert 2 Minuten)<\/li>\n\n\n\n<li class=\"translation-block\">Etwa 10-15 Minuten<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Das war\u2019s. Los geht\u2019s.<\/strong><\/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\">Schritt 1: W\u00e4hlen Sie ein KI-Chatbot-Plugin f\u00fcr WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Jetzt brauchst du ein WordPress-Plugin, um alles miteinander zu verbinden. Daf\u00fcr gibt es mehrere Optionen \u2013 AI Engine, Tidio usw.<\/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 translation-block\">Ich verwende das <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">PurioChat WP-Chatbot-Plugin<\/a>, das auch eine kostenlose Version bietet, mit der du starten kannst.<strong>Es ist wirklich nativ f\u00fcr WordPress<\/strong> und funktioniert mit jedem WordPress-Theme und trainiert den Chatbot mit den tats\u00e4chlichen Inhalten deiner 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 translation-block\"><strong>So installieren Sie:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">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 class=\"translation-block\">Gehe zu <strong>WordPress \u2192 Plugins \u2192 Installieren \u2192 Plugin hochladen<\/strong><\/li>\n\n\n\n<li class=\"translation-block\"><strong>Laden Sie die ZIP-Datei hoch<\/strong>, installieren, aktivieren<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Das war\u2019s f\u00fcr die grundlegende Einrichtung.<\/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\">Schritt 2: Einen Google Gemini API-Schl\u00fcssel erhalten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Als Erstes brauchst du einen <strong>API-Schl\u00fcssel, um deine Website mit Gemini zu verbinden.<\/strong> Das ist im Grunde ein Passwort, mit dem dein Chatbot mit der KI kommunizieren kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Du kannst entweder Google oder Google (Gemini) ausw\u00e4hlen. Beide funktionieren hervorragend. So erh\u00e4ltst du jeweils Zugriff darauf:<\/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\">\n<p class=\"wp-block-paragraph translation-block\">Sie ben\u00f6tigen nur einen API-Schl\u00fcssel von Google. So erhalten Sie ihn:<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Holen Sie sich Ihren 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 translation-block\"><strong>Gemini bietet eine kostenlose Version, was sich gut zum Testen eignet:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">Gehe zu <a href=\"https:\/\/aistudio.google.com\/api-keys\">aistudio.google.com\/api-keys<\/a><\/li>\n\n\n\n<li class=\"translation-block\">Klicken Sie auf \u201e<strong>API-Schl\u00fcssel erstellen<\/strong>\u201c<\/li>\n\n\n\n<li class=\"translation-block\">W\u00e4hlen Sie ein Google Cloud-Projekt (oder erstellen Sie eines)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Kopiere deinen Schl\u00fcssel<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Fertig. Wortw\u00f6rtlich 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 translation-block\">F\u00fcr den produktiven Einsatz solltest du die Abrechnung aktivieren. Gemini 2.5 Flash kostet etwa 0,30&nbsp;$ pro Million Input-Tokens \u2013 sehr g\u00fcnstig \u2013 vergleichbar mit Gemini mit ca. 5&nbsp;$ pro 5000 Nachrichten. Beachte nur, dass Gemini dich erst nach dem Abrechnungszeitraum belastet (nicht im Voraus wie OpenAI) \u2013 behalte deine Nutzung also im Blick.<\/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\">Schritt 3: API-Schl\u00fcssel in WordPress verbinden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Jetzt verbinden wir alles miteinander:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">In der WordPress-Seitenleiste finden Sie <strong>PurioChat<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">Gehe zum Tab <strong>Einstellungen<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">F\u00fcgen Sie Ihren OpenAI oder Gemini API Schl\u00fcssel ein<\/li>\n\n\n\n<li class=\"translation-block\">Pick dein KI-Modell (ich mag <strong>GPT-5.1<\/strong> und <strong>Gemini Flash 2.5<\/strong>)<\/li>\n\n\n\n<li class=\"translation-block\">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 translation-block\">Schritt 4: Trainieren des Chatbots<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Das ist der wichtigste Teil \u2013 der Chatbot muss lernen, welche Inhalte es auf deiner Website gibt.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">Wechseln Sie zum Tab <strong>Data Training<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">Klicke auf <strong>\u201e\ud83d\ude80 Training starten\u201c<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">Warten, bis es fertig ist<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">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 Ihren System-Prompt als Spickzettel.<\/strong> In der kostenlosen Version erhalten Sie 1000 Zeichen \u2013 genug, um Ihre Kontaktinformationen, Versandrichtlinien, R\u00fcckgaberichtlinien, Gesch\u00e4ftszeiten und Antworten auf h\u00e4ufige Fragen einzuf\u00fcgen. Die KI nutzt das, um zu antworten, ohne \u00fcberhaupt Ihre Datenbank durchsuchen zu m\u00fcssen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Die kostenlose Version erm\u00f6glicht das Training mit allen Blogbeitr\u00e4gen. Du kannst einige Beitr\u00e4ge hinzuf\u00fcgen und sie als Quelle \u00fcber deine Website nutzen und sie gleichzeitig als SEO-optimierte Artikel verwenden. <strong>Win-win!<\/strong> Die Pro-Version schaltet Seiten, Produkte, Custom Post Types und hochgeladene PDFs frei.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">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 translation-block\">Die KI wird diese Informationen nutzen, um Fragen auch ohne Suche in deiner Datenbank zu beantworten. Fragt jemand \u201eBietet ihr Abonnements an?\u201c, 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 translation-block\">Schritt 5: KI-Antworten f\u00fcr deine WordPress-Website anpassen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Antworten kurz halten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">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 translation-block\">K\u00fcrzere Antworten = schnellere Antworten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">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 translation-block\">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 translation-block\">Schnelle L\u00f6sung f\u00fcr leere Ergebnisse<\/h3>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn der Chatbot nichts zur\u00fcckgibt, wenn jemand nach \u201eguten Kopfh\u00f6rern\u201c oder \u201eeinem netten Restaurant\u201c fragt, filtert er m\u00f6glicherweise automatisch nach hohen Bewertungen. F\u00fcge 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 translation-block\"><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 translation-block\">Sc<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">PurioChat \u2192 KI-Chat \u2192 KI-Tools \u2192 System-Prompt \u2192 Wissensquelle hinzuf\u00fcgen<\/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 class=\"translation-block\">Sucht auf Seiten, Blogbeitr\u00e4gen, PDF-Dokumenten und externen Seiten<\/li>\n\n\n\n<li class=\"translation-block\">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 translation-block\">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 translation-block\">Brauchen Sie mehr als nur Text-Chat? Der separate Leitfaden zu <a href=\"https:\/\/purethemes.net\/de\/wordpress-chatbots-mit-bild-und-sprache-zu-text-eingabe\/\">WordPress-Chatbots mit Bild- und Spracheingabe<\/a> erkl\u00e4rt, wann sich die Integration von Vision und Speech-to-Text lohnt.<\/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 translation-block\">Grundeinstellungen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Chatbot-Name<\/strong> \u2013 was im Chat-Header angezeigt wird (Standard: \u201eAssistant\u201c)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Willkommensnachricht<\/strong> \u2013 die erste Nachricht, die Besucher sehen, wenn sie den Chat \u00f6ffnen. Zum Beispiel: \u201eHallo! Ich kann dir helfen, Produkte zu finden oder Fragen zu beantworten. Wonach suchst du?\u201c<\/li>\n\n\n\n<li class=\"translation-block\"><strong>KI-Modell<\/strong> \u2013 w\u00e4hlen Sie Ihr bevorzugtes Modell wie GPT 5.1 oder Gemini 3 Pro \/ 2.5 Flash<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Maximale Ergebnisse<\/strong> \u2013 wie viele Eintr\u00e4ge in den Suchergebnissen angezeigt werden sollen (5\u201350)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Widget-Erscheinung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Sie k\u00f6nnen das Aussehen der schwebenden Chatblase anpassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Benutzerdefiniertes Button-Icon<\/strong> \u2013 lade dein eigenes SVG-Icon hoch<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Willkommens-Sprechblasen-Nachricht<\/strong> \u2013 der kleine Text, der \u00fcber dem Chat-Button erscheint (\u201eHallo! Wie kann ich Ihnen helfen?\u201c)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Popup-Breite\/-H\u00f6he<\/strong> \u2013 Gr\u00f6\u00dfe des Chatfensters anpassen (Standard: 390x600px)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Buttonfarbe &amp; Prim\u00e4rfarbe<\/strong> \u2013 an Ihre Markenfarben anpassen<\/li>\n\n\n\n<li class=\"translation-block\"><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 translation-block\">Datenschutz und Zugangsoptionen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Login erforderlich, um den Chat zu nutzen<\/strong> \u2013 nur eingeloggte Nutzer k\u00f6nnen chatten (n\u00fctzlich f\u00fcr Mitgliederseiten)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Chat-Verlauf-Tracking aktivieren<\/strong> \u2013 speichert Unterhaltungen f\u00fcr Analysen (wird nach 30 Tagen automatisch gel\u00f6scht)<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Nutzungsbedingungen-Hinweis anzeigen<\/strong> \u2013 f\u00fcgt einen Hinweis zu den Nutzungsbedingungen f\u00fcr die Compliance hinzu<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Chat auf ausgew\u00e4hlten Seiten ausblenden<\/strong> \u2013 Deaktiviere das Widget auf bestimmten Seiten wie Warenkorb, Kasse, Mein Konto<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Shortcode verwenden<\/h3>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">M\u00f6chtest du das schwebende Widget nicht verwenden? Dann nutze 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 translation-block\">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 translation-block\">Damit kannst du den Chat \u00fcberall einbetten \u2013 auf einer Seite, in der Sidebar oder in bestimmten Bereichen deiner 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 translation-block\">Das war\u2019s \u2013 du bist fertig! \ud83c\udf89<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Im Ernst, das ist der ganze Prozess. Deine Website hat jetzt einen KI-Chatbot, der:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">Versteht nat\u00fcrlichsprachliche Fragen<\/li>\n\n\n\n<li class=\"translation-block\">Durchsucht Ihre aktuellen Inhalte nach Antworten<\/li>\n\n\n\n<li class=\"translation-block\">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 translation-block\">Wenn du das f\u00fcr Kundenwebsites einrichtest, erl\u00e4utert der Artikel <a href=\"https:\/\/purethemes.net\/wordpress-chatbots-for-agencies\/\">WordPress-Chatbots f\u00fcr Agenturen<\/a> die Lizenzierung und den Wiederverkaufsaspekt.<\/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\">Gemini WordPress Einrichtungsfragen<\/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 translation-block\">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 translation-block\">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 translation-block\">Nein. Du schreibst die Anweisungen einfach in normaler Sprache \u2013 so, als w\u00fcrdest du eine neue Mitarbeiterin oder einen neuen Mitarbeiter einarbeiten. \u201eBleib freundlich, schlag WhatsApp vor, wenn sie nicht finden, was sie brauchen, und vermeide Fachjargon.\u201c Den Rest \u00fcbernimmt die KI.<\/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 translation-block\">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 translation-block\">Nein. Es gibt zwei Ebenen der Ratenbegrenzung \u2013 clientseitig (Browser-Cache) und serverseitig. Selbst wenn jemand versucht, das auszunutzen, st\u00f6\u00dft er fr\u00fchzeitig an 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 translation-block\">Wann brauchst du ein komplettes WordPress-AI-Chatbot-Plugin?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du mehr brauchst, bietet die <a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">Pro-Version<\/a> (59\u00a0$ einmalig) zus\u00e4tzlich:<\/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 class=\"translation-block\"><strong>Chat-Verlaufsprotokoll<\/strong> \u2013 sehen Sie, was Besucher fragen<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Suche in Beitr\u00e4gen &amp; Seiten<\/strong> \u2013 KI durchsucht all deine Inhalte<\/li>\n\n\n\n<li class=\"translation-block\"><strong>WooCommerce-Filter<\/strong> \u2013 nach Preis, Lagerbestand, Bewertungen, reduzierten Artikeln filtern<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Produktkarten im Chat<\/strong> \u2013 echte Produktkarten anzeigen, nicht nur Text<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Individuelle Inhaltstypen<\/strong> \u2013 mit jedem Inhaltstyp trainieren<\/li>\n\n\n\n<li class=\"translation-block\"><strong>PDF-Schulung<\/strong> \u2013 Handb\u00fccher, FAQs und Dokumente hochladen<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Branding entfernen<\/strong> \u2013 kein \u201epowered by\u201c-Hinweis<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph translation-block\">Wenn du dir Alternativen zu PurioChat ansehen m\u00f6chtest, kannst du unseren <a href=\"https:\/\/purethemes.net\/de\/beste-chatbot-plugins-fur-wordpress-vergleich\/\">Vergleich verschiedener WordPress-Chatbots lesen \u2192<\/a> Wenn du eine gezieltere Aufschl\u00fcsselung f\u00fcr genau diesen Anwendungsfall m\u00f6chtest, sieh dir unseren Leitfaden zum besten Gemini-AI-Plugin an. Wenn du noch verschiedene Chatbot-Ans\u00e4tze vergleichst, bevor du etwas installierst, erkl\u00e4rt dieser umfassendere <a href=\"https:\/\/purethemes.net\/de\/chatbot-fur-wordpress-kompletter-leitfaden\/\">Leitfaden zur Einrichtung eines WordPress-Chatbots<\/a> die wichtigsten Einsatzbereiche, Vorteile und Abw\u00e4gungen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph translation-block\"><strong>Links:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><a href=\"https:\/\/purethemes.net\/de\/ki-chatbot-fuer-wordpress\/\">Plugin herunterladen<\/a><\/li>\n\n\n\n<li class=\"translation-block\"><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-open-ai-api-key\/\">Tutorial zum OpenAI-API-Schl\u00fcssel<\/a> (<a href=\"https:\/\/youtu.be\/J_Mlp7BjtP8\">Video<\/a>)<\/li>\n\n\n\n<li class=\"translation-block\"><a href=\"https:\/\/docs.purethemes.net\/listeo\/knowledge-base\/how-to-create-gemini-ai-api-key\/\">Tutorial zum Gemini-API-Schl\u00fcssel<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Want to add Google Gemini to your WordPress site? The right AI plugin does more than just connect an API &#8211; it trains the chatbot on your actual content so answers are accurate, site-specific, and useful. Here&#8217;s how to set it up and train it in under 10 minutes. You&#8217;re in the right place. In [&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":20,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449\/revisions"}],"predecessor-version":[{"id":34674,"href":"https:\/\/purethemes.net\/de\/wp-json\/wp\/v2\/posts\/27449\/revisions\/34674"}],"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}]}}