Schnellstart
Bringen Sie AI Anywhere in nur 2 Schritten auf Ihrer Website zum Laufen.
Bereit, intelligente Textunterstützung zu Ihrer Website hinzuzufügen? Sie können Ihren Helfer auf zwei Arten verwenden. Diese Anleitung konzentriert sich auf das Einbetten des Helfers auf Ihrer Website; die Option der Hilfeseite wird unten zusammengefasst.
Zwei Optionen
- Hilfeseite (kein Code): Jeder Helfer erhält sofort einen teilbaren Helfer-Seiten-Link. Im Dashboard öffnen Sie Ihren Helfer (klicken Sie auf den Helfernamen oder Bearbeiten). Auf der Helfer-Bearbeitungs- oder Detailseite klicken Sie auf die Schaltfläche "Helfer-Seite", um die Seite in einem neuen Tab zu öffnen oder den Link zum Teilen zu kopieren. Kein Snippet oder Integration erforderlich.
- Auf Ihrer Website einbetten: Fügen Sie das Integrations-Snippet zu Ihrer Website hinzu, damit die Helfer-Schaltfläche neben Ihren Textbereichen erscheint. Folgen Sie den unten stehenden Schritten.
Holen Sie sich Ihren Integrationscode
Nachdem Sie Ihren Helfer in Ihrem AI Anywhere-Dashboard erstellt haben, können Sie ein gebrauchsfertiges Snippet generieren. Dieses Snippet enthält alles, was benötigt wird, um Ihre Seite mit AI Anywhere zu verbinden.
Ihr Snippet besteht aus zwei Teilen:
<!-- 1. Laden Sie das Helfer-Skript in Ihrem -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 2. Wie der Helfer funktioniert -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>Zu Ihrer Website hinzufügen
Öffnen Sie die HTML-Datei (oder Vorlage) Ihrer Website und suchen Sie die <head> Sektion. Fügen Sie Ihr Snippet direkt vor dem schließenden </head> Tag ein.
Hier ist ein Beispiel für eine vollständige Seiteneinrichtung:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meine Webseite</title>
<!-- Einbetten des Helfer-Skripts -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
<form>
<textarea id="notes" placeholder="Ihre Nachricht:"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
</form>
</body>
</html>Zusammenfassung
You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:
- Schritt 1: Haben Sie Ihr Helper-Snippet vom AI Anywhere-Dashboard kopiert
- Schritt 2: Pasted the snippet into your site's
<head>Abschnitt und den Helper-Anker zu Ihren Formularfeldern hinzugefügt
Nach dem Speichern und Aktualisieren Ihrer Seite sollten Sie den Helper-Button neben Ihren Textbereichen und Eingabefeldern sehen. Der Helper bietet intelligente Unterstützung basierend auf Ihren konfigurierten idealen Beispielen und Schlüsselwörtern.
Nächste Schritte
- Passen Sie das Erscheinungsbild und Verhalten des Helfers an im Konfiguration Abschnitt
- Spezifische Formularfelder anvisieren mit Selektoren
- Erfahren Sie mehr über erweiterte Optionen in unserem Einbettung & Snippet-Parameter Leitfaden
