Démarrage rapide
Faites fonctionner AI Anywhere sur votre site en seulement 2 étapes.
Prêt à ajouter une assistance textuelle intelligente à votre site web ? Vous pouvez utiliser votre Assistant de deux manières. Ce guide se concentre sur l'intégration de l'Assistant sur votre site ; l'option de la Page de l'Assistant est résumée ci-dessous.
Deux options
- Page d'assistance (sans code) : Chaque assistant obtient instantanément un lien partageable vers la page de l'assistant. Dans le tableau de bord, ouvrez votre assistant (cliquez sur le nom de l'assistant ou sur Modifier). Sur la page de modification ou de détail de l'assistant, cliquez sur le bouton "Page de l'assistant" pour ouvrir la page dans un nouvel onglet ou copier le lien à partager. Aucun extrait ou intégration requis.
- Intégrer sur votre site : Ajoutez l'extrait d'intégration à votre site web pour que le bouton de l'assistant apparaisse à côté de vos zones de texte. Suivez les étapes ci-dessous.
Obtenez votre code d'intégration
Après avoir créé votre assistant dans votre tableau de bord AI Anywhere, vous pouvez générer un snippet prêt à l'emploi. Ce snippet contient tout ce qui est nécessaire pour connecter votre site à AI Anywhere.
Votre snippet se compose de deux parties :
<!-- 1. Charger le script Assistant dans votre -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 2. Comment fonctionne le Assistant -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>Ajouter à Votre Site Web
Ouvrez le fichier HTML de votre site (ou modèle) et localisez le <head> section. Collez votre snippet juste avant la fermeture </head> de la balise.
Voici un exemple de configuration complète d'une page :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon site web</title>
<!-- Script de l'assistant AI Anywhere -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
<form>
<textarea id="notes" placeholder="Votre message :"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
</form>
</body>
</html>Résumé
You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:
- Étape 1 : Copié votre extrait Helper depuis le tableau de bord AI Anywhere
- Étape 2 : Pasted the snippet into your site's
<head>section et a ajouté l'ancre Helper à vos champs de formulaire
Après avoir enregistré et actualisé votre page, vous devriez voir le bouton Helper apparaître à côté de vos zones de texte et champs de saisie. Le Helper fournira une assistance intelligente basée sur vos exemples idéaux et mots-clés configurés.
Prochaines étapes
- Personnalisez l'apparence et le comportement de l'assistant dans le Configuration section
- Cibler des champs de formulaire spécifiques en utilisant Sélecteurs
- Découvrez les options avancées dans notre Intégration & Paramètres de snippet guide
