{"id":1148,"date":"2026-01-05T16:19:35","date_gmt":"2026-01-05T16:19:35","guid":{"rendered":"https:\/\/allosai.com\/help\/einbetten-des-chatbots-auf-ihrer-website\/"},"modified":"2026-01-05T21:02:19","modified_gmt":"2026-01-05T21:02:19","password":"","slug":"einbetten-des-chatbots-auf-ihrer-website","status":"publish","type":"docs","link":"https:\/\/allosai.com\/de\/help\/einbetten-des-chatbots-auf-ihrer-website\/","title":{"rendered":"Einbetten des Chatbots auf Ihrer Website"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Sobald Ihr Chatbot erstellt wurde, k\u00f6nnen Sie ihn durch Hinzuf\u00fcgen eines kleinen Skripts in jede beliebige Website einbetten.<\/p>\n\n<p class=\"wp-block-paragraph\">Es ist kein Backend-Zugriff oder eine komplexe Einrichtung erforderlich.<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Der Einbettungscode (Kopieren &amp; Einf\u00fcgen)<\/h2>\n\n<p class=\"wp-block-paragraph\">Sie finden diesen unter Test &amp; Einbetten in Ihren Chatbot-Einstellungen.<\/p>\n\n<pre class=\"wp-block-code\"><code>&lt;script defer\n  src=\"https:\/\/app.allosai.com\/vendor\/chatbot\/js\/external-chatbot.js\"\n  data-chatbot-uuid=\"YOUR-CHATBOT-ID\"\n  data-iframe-width=\"420\"\n  data-iframe-height=\"745\"\n  data-language=\"en\"&gt;\n&lt;\/script&gt;<\/code><\/pre>\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen Folgendes anpassen:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Breite (z. B. 420)<\/li>\n\n\n\n<li>H\u00f6he (z. B. 745)<\/li>\n\n\n\n<li>Sprache (z. B. en, de)<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Wo das Skript platziert werden soll<\/h2>\n\n<p class=\"wp-block-paragraph\">F\u00fcgen Sie das Skript im Allgemeinen vor dem schlie\u00dfenden <\/p>\n\n<p class=\"wp-block-paragraph\">Nachfolgend finden Sie plattformspezifische Beispiele.<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Shopify<\/h2>\n\n<h3 class=\"wp-block-heading\">Option 1: Theme-Datei (empfohlen)<\/h3>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehen Sie zu Shopify Admin \u2192 Online Store \u2192 Themes<\/li>\n\n\n\n<li>Klicken Sie auf \u2026 \u2192 Code bearbeiten<\/li>\n\n\n\n<li>\u00d6ffnen Sie theme.liquid<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode vor ein <\/li>\n\n\n\n<li>Speichern<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Der Chatbot wird nun auf allen Seiten angezeigt.<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h3 class=\"wp-block-heading\">Option 2: Benutzerdefinierter HTML-Abschnitt<\/h3>\n\n<p class=\"wp-block-paragraph\">Wenn Ihr Theme benutzerdefinierte HTML-Bl\u00f6cke unterst\u00fctzt:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>F\u00fcgen Sie einen benutzerdefinierten Liquid- \/ Custom-HTML-Abschnitt hinzu<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode ein<\/li>\n\n\n\n<li>Speichern<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">WordPress<\/h2>\n\n<h3 class=\"wp-block-heading\">Option 1: Verwenden eines Plugins (am einfachsten)<\/h3>\n\n<p class=\"wp-block-paragraph\">Verwenden Sie ein Plugin wie:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Insert Headers and Footers<\/li>\n\n\n\n<li>WPCode<\/li>\n\n\n\n<li>Header Footer Code Manager<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Schritte:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Installieren Sie das Plugin<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode in den Footer-Bereich ein<\/li>\n\n\n\n<li>Speichern<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h3 class=\"wp-block-heading\">Option 2: Theme-Datei<\/h3>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehen Sie zu Darstellung \u2192 Theme File Editor<\/li>\n\n\n\n<li>\u00d6ffnen Sie footer.php<\/li>\n\n\n\n<li>F\u00fcgen Sie das Skript vor ein <\/li>\n\n\n\n<li>Speichern<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h3 class=\"wp-block-heading\">Option 3: Page Builder (Elementor usw.)<\/h3>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>F\u00fcgen Sie ein HTML-Widget hinzu<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode ein<\/li>\n\n\n\n<li>Speichern und ver\u00f6ffentlichen<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Webflow<\/h2>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehen Sie zu Project Settings \u2192 Custom Code<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode in Footer Code ein<\/li>\n\n\n\n<li>Speichern und ver\u00f6ffentlichen<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Wix<\/h2>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehen Sie zu Einstellungen \u2192 Erweitert \u2192 Benutzerdefinierter Code<\/li>\n\n\n\n<li>F\u00fcgen Sie einen neuen Code-Snippet hinzu<\/li>\n\n\n\n<li>Setzen Sie die Platzierung auf Body \u2013 End<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode ein<\/li>\n\n\n\n<li>Speichern und ver\u00f6ffentlichen<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">Squarespace<\/h2>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Melden Sie sich bei Squarespace an<\/li>\n\n\n\n<li>Gehen Sie zu Einstellungen<\/li>\n\n\n\n<li>\u00d6ffnen Sie Erweitert<\/li>\n\n\n\n<li>Klicken Sie auf Code Injection<\/li>\n\n\n\n<li>F\u00fcgen Sie den AllosAI-Einbettungscode in den Footer-Bereich ein (nicht in den Header).<\/li>\n\n\n\n<li>Klicken Sie auf Speichern.<\/li>\n<\/ol>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Benutzerdefinierte HTML \/ Statische Seiten<\/h2>\n\n<p class=\"wp-block-paragraph\">Wenn Ihre Website einfaches HTML verwendet:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>\u00d6ffnen Sie Ihre Haupt-.html-Datei<\/li>\n\n\n\n<li>F\u00fcgen Sie den Einbettungscode vor ein <\/li>\n\n\n\n<li>Speichern und hochladen<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Funktioniert mit:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Statische Landingpages<\/li>\n\n\n\n<li>React \/ Vue \/ Next.js (\u00fcber Layout oder benutzerdefiniertes Dokument)<\/li>\n\n\n\n<li>Benutzerdefinierte CMS-Setups<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Nach dem Einbetten: Kurze Checkliste<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Laden Sie Ihre Website neu<\/li>\n\n\n\n<li>Der Chat-Trigger sollte erscheinen<\/li>\n\n\n\n<li>Klicken Sie darauf und senden Sie eine Testnachricht<\/li>\n\n\n\n<li>Best\u00e4tigen Sie, dass Sprache, Gr\u00f6\u00dfe und Position richtig sind<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Wenn Sie den Chatbot nicht sehen:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Cache leeren<\/li>\n\n\n\n<li>Auf Skriptblocker pr\u00fcfen<\/li>\n\n\n\n<li>Stellen Sie sicher, dass der Chatbot aktiv ist<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Kurz gesagt<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Ein Skript funktioniert \u00fcberall<\/li>\n\n\n\n<li>F\u00fcgen Sie es einmal ein, der Chatbot l\u00e4uft automatisch<\/li>\n\n\n\n<li>Keine Rebuilds oder Backend-\u00c4nderungen erforderlich<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Sobald er eingebettet ist, ist Ihr externer KI-Chatbot live und bereit, Besucher anzusprechen, Fragen zu beantworten und rund um die Uhr Leads zu erfassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sobald Ihr Chatbot erstellt wurde, k\u00f6nnen Sie ihn durch Hinzuf\u00fcgen eines kleinen Skripts in jede beliebige Website einbetten. Es ist kein Backend-Zugriff oder eine komplexe Einrichtung erforderlich. Der Einbettungscode (Kopieren &amp; Einf\u00fcgen) Sie finden diesen unter Test &amp; Einbetten in Ihren Chatbot-Einstellungen. Sie k\u00f6nnen Folgendes anpassen: Wo das Skript platziert werden soll F\u00fcgen Sie das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[57],"doc_tag":[],"class_list":["post-1148","docs","type-docs","status-publish","hentry","doc_category-external-ai-chatbots"],"year_month":"2026-09","word_count":477,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"info@allosai.com","author_nicename":"infoallosai-com","author_url":"https:\/\/allosai.com\/de\/blog\/author\/infoallosai-com\/"},"doc_category_info":[{"term_name":"External AI Chatbots","term_url":"https:\/\/allosai.com\/docs-category\/external-ai-chatbots\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/docs\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":0,"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/docs\/1148\/revisions"}],"wp:attachment":[{"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/media?parent=1148"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/doc_category?post=1148"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/allosai.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}