FRASCATI KI-CHATBOT: EINBAU-ANLEITUNG
=====================================

Der Frascati KI-Chatbot ist ein Chat-Assistent zum Mieten. Er beantwortet
Fragen von Website-Besuchern, sammelt Anfragen und bucht Termine.
Der Einbau besteht aus einer einzigen Zeile HTML. Die Zeile gehört
idealerweise vor das schliessende </body>-Tag, funktioniert aber an jeder
Stelle im HTML. Das Widget rendert einen schwebenden Chat-Knopf plus
iframe, ist style-isoliert und kollidiert mit keinem bestehenden CSS oder
JavaScript. Das Design (Farbe, Position, Knopf-Text) holt es vom Server,
der Code muss nach dem Einbau nie mehr geändert werden.

Die Code-Zeile (ersetzen Sie IHR_SCHLUESSEL durch den echten Schlüssel
aus Ihrer E-Mail von Frascati):

<script src="https://frascati.ch/widget.js" data-key="IHR_SCHLUESSEL" async></script>

--- WordPress ---

1. Melden Sie sich in WordPress an, meist unter ihre-domain.ch/wp-admin.
2. Variante A, ohne Plugin: Öffnen Sie Design → Customizer → Widgets und wählen Sie den Footer-Bereich. Fügen Sie einen Block "Individuelles HTML" hinzu und kleben Sie die Code-Zeile hinein.
3. Variante B, mit Plugin: Installieren Sie unter Plugins → Installieren das kostenlose Plugin WPCode. Öffnen Sie danach Code Snippets → Header & Footer und kleben Sie die Code-Zeile in das Feld Footer.
4. Speichern und veröffentlichen, der Chat-Knopf erscheint sofort.

Hinweis: Hat Ihr Theme keinen Footer-Widget-Bereich (bei neueren Block-Themes häufig), nehmen Sie Variante B, sie funktioniert mit jedem Theme.

--- Wix ---

1. Öffnen Sie die Verwaltung Ihrer Website auf wix.com (das Dashboard, nicht der Editor).
2. Gehen Sie zu Einstellungen → Erweitert → Benutzerdefinierter Code.
3. Klicken Sie auf "Benutzerdefinierten Code hinzufügen" und fügen Sie die Code-Zeile ein.
4. Wählen Sie "Alle Seiten" und die Platzierung am Ende des Body.
5. Übernehmen, der Chat-Knopf erscheint sofort.

Hinweis: Eigener Code ist bei Wix erst mit einem Premium-Paket und verbundener eigener Domain möglich.

--- Squarespace ---

1. Melden Sie sich bei Squarespace an und öffnen Sie Ihre Website.
2. Gehen Sie zu Einstellungen → Erweitert → Code-Injektion. In neueren Konten liegt der Punkt unter Einstellungen → Entwickler-Tools → Code-Injektion.
3. Fügen Sie die Code-Zeile in das Feld Fusszeile (Footer) ein.
4. Speichern, der Chat-Knopf erscheint sofort.

Hinweis: Code-Injektion setzt bei Squarespace den Business-Plan oder höher voraus.

--- Webflow ---

1. Öffnen Sie Ihr Projekt in Webflow und gehen Sie zu den Site Settings (Zahnrad-Symbol).
2. Öffnen Sie den Reiter Custom Code.
3. Fügen Sie die Code-Zeile in das Feld Footer Code ein.
4. Klicken Sie auf Save Changes und veröffentlichen Sie die Website mit Publish, der Chat-Knopf erscheint sofort.

Hinweis: Custom Code setzt bei Webflow einen bezahlten Site Plan voraus.

--- Shopify ---

1. Öffnen Sie den Shopify-Admin Ihres Shops.
2. Gehen Sie zu Onlineshop → Themes.
3. Klicken Sie beim aktiven Theme auf die drei Punkte → Code bearbeiten.
4. Öffnen Sie im Ordner Layout die Datei theme.liquid.
5. Fügen Sie die Code-Zeile direkt vor dem schliessenden </body>-Tag ein.
6. Speichern, der Chat-Knopf erscheint sofort.

--- Jimdo ---

1. Melden Sie sich bei Jimdo Creator an und öffnen Sie Ihre Website im Bearbeitungsmodus.
2. Gehen Sie zu Menü → Einstellungen → Website → Head bearbeiten.
3. Fügen Sie die Code-Zeile ein, sie funktioniert auch im Head.
4. Speichern, der Chat-Knopf erscheint sofort.

Hinweis: Gilt nur für Jimdo Creator. Der neuere Jimdo-Baukasten (früher Play genannt) erlaubt keinen eigenen Code, dort ist der Einbau leider nicht möglich.

--- Weebly ---

1. Melden Sie sich bei Weebly an und öffnen Sie den Website-Editor.
2. Gehen Sie zu Einstellungen → SEO.
3. Fügen Sie die Code-Zeile in das Feld Fusszeilen-Code (Footer Code) ein.
4. Klicken Sie auf Speichern und danach auf Veröffentlichen, der Chat-Knopf erscheint sofort.

--- Joomla ---

1. Melden Sie sich im Joomla-Administrator an, meist unter ihre-domain.ch/administrator.
2. Gehen Sie zu System → Site-Templates und öffnen Sie Ihr aktives Template.
3. Öffnen Sie die Datei index.php.
4. Fügen Sie die Code-Zeile direkt vor dem schliessenden </body>-Tag ein.
5. Speichern und schliessen, der Chat-Knopf erscheint sofort.

Hinweis: Nach einem Template-Update kann die Zeile verloren gehen. Prüfen Sie nach Updates kurz, ob der Chat-Knopf noch da ist.

--- Google Tag Manager ---

1. Öffnen Sie tagmanager.google.com und wählen Sie den Container Ihrer Website.
2. Klicken Sie auf Tags → Neu.
3. Wählen Sie als Tag-Typ "Benutzerdefiniertes HTML" und fügen Sie die Code-Zeile ein.
4. Wählen Sie als Trigger "Alle Seiten" (All Pages).
5. Speichern und oben rechts mit Senden veröffentlichen, der Chat-Knopf erscheint sofort.

Hinweis: Der direkte Einbau im HTML ist zuverlässiger, weil manche Werbeblocker den Tag Manager blockieren.

--- Eigene Website (HTML) ---

1. Öffnen Sie die HTML-Datei Ihrer Website in einem Editor, zum Beispiel index.html.
2. Fügen Sie die Code-Zeile direkt vor dem schliessenden </body>-Tag ein. Sie funktioniert aber an jeder Stelle im HTML.
3. Bei mehreren Seiten: Fügen Sie die Zeile in jede HTML-Datei ein, oder einmal in Ihr gemeinsames Template.
4. Laden Sie die Datei per FTP oder über das Hosting-Panel hoch, der Chat-Knopf erscheint sofort.

--- Vom Webmaster einbauen lassen ---

1. Sie müssen nichts Technisches tun. Leiten Sie einfach den folgenden Text an die Person weiter, die Ihre Website betreut.
2. Text zum Weiterleiten: "Bitte folgende Zeile auf allen Seiten einbauen, idealerweise vor dem schliessenden </body>: die Code-Zeile aus der E-Mail. Das Script rendert einen schwebenden Chat-Knopf plus iframe, ist style-isoliert und kollidiert mit keinem bestehenden CSS oder JavaScript. Kein weiterer Eingriff nötig."
3. Mehr braucht es nicht, der Chat-Knopf erscheint sofort nach dem Einbau.

Verwaltung Ihres Chatbots: https://frascati.ch/ki-chatbot
Support: info@frascati.ch