# Intégrer dans votre produit

L’Embed Docs est une fenêtre puissante sur les connaissances de votre produit que vous pouvez ajouter à n’importe quel produit ou site web. Les utilisateurs peuvent poser des questions à l’ [Assistant GitBook](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/ia-et-recherche/gitbook-ai-assistant), rechercher dans votre documentation ou parcourir directement les pages, sans quitter votre produit. Vous pouvez ouvrir l’embed avec un bouton, l’intégrer dans n’importe quel composant de votre choix ou le नियंत्रler entièrement par programmation.

<div data-with-frame="true"><figure><img src="https://3903131528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F5krgZgNq1Mj79a3aVB7h%2Femebeddable_assistant.png?alt=media&#x26;token=a89feaac-3656-400b-8dcd-e7969f79d92d" alt="Embed GitBook Assistant into your product or website"><figcaption><p>Intégrez votre documentation dans votre produit ou site web</p></figcaption></figure></div>

## Vue d’ensemble

L’Embed Docs peut contenir trois onglets :

* **Assistant** : Le [Assistant GitBook](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/ia-et-recherche/gitbook-ai-assistant) - une interface de chat alimentée par l’IA pour aider les utilisateurs à trouver des réponses
* **Recherche** : Une interface centrée sur la recherche pour trouver rapidement des pages et poser des questions ciblées
* **Docs** : Un navigateur pour parcourir votre site de documentation

Tous les onglets sont activés par défaut. Si vous définissez `onglets`, l’embed n’affiche que les onglets que vous avez सूचीés.

Vous pouvez personnaliser et remplacer la configuration par défaut avec des actions personnalisées, des outils, des questions suggérées, [Accès authentifié](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/acces-au-site/authenticated-access) et plus encore.

## Commencer

{% stepper %}
{% step %}
**Prérequis**

Avant d’intégrer votre documentation, assurez-vous que :

1. **Votre documentation est publiée** et accessible via une URL (par ex. : `https://docs.company.com`).
2. **Vous avez récupéré l’URL du script d’intégration** depuis les paramètres de votre site (Paramètres → IA & MCP → Embed).

{% hint style="info" %}
Si vous souhaitez utiliser l’onglet Assistant, [GitBook Assistant doit être activé](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/ia-et-recherche/gitbook-ai-assistant) pour le site de votre documentation (Paramètres → IA & MCP).
{% endhint %}
{% endstep %}

{% step %}
**Implémentation**

Utilisez notre solution pour intégrer rapidement GitBook Assistant dans votre produit en utilisant votre stack existante.

{% file src="<https://3903131528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FwQVBQvp3ux8OvL8wk785%2FGITBOOK_ASSISTANT_SKILL.md?alt=media&token=7eea78bf-1ebb-49a2-a6eb-1c5a8331542a>" %}

Sinon, continuez à lire la documentation pour l’approche qui correspond à votre configuration :

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><i class="fa-code">:code:</i></td><td><strong>Balise de script autonome</strong></td><td>Ajoutez une balise &#x3C;script> pour la configuration la plus rapide, puis personnalisez son apparence</td><td><a href="embedding/implementation/script">script</a></td></tr><tr><td><i class="fa-box">:box:</i></td><td><strong>Node.js/NPM</strong></td><td>Installez via NPM pour le rendu côté serveur ou le contrôle au moment du build</td><td><a href="embedding/implementation/nodejs">nodejs</a></td></tr><tr><td><i class="fa-react">:react:</i></td><td><strong>Composant React</strong></td><td>Utilisez des composants React prêts à l’emploi pour une intégration fluide</td><td><a href="embedding/implementation/react">react</a></td></tr></tbody></table>

{% hint style="info" %}
Si votre documentation utilise [Accès authentifié](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/acces-au-site/authenticated-access), suivez les étapes de [comment configurer l’embed avec une documentation authentifiée](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/docs-site/embedding/using-with-authenticated-docs).
{% endhint %}
{% endstep %}

{% step %}
**Configuration**

* [Personnalisation de l’embed](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/docs-site/embedding/configuration/customizing-docs-embed) – Ajoutez des messages de bienvenue, des actions personnalisées et des suggestions
* [Création d’outils personnalisés](https://gitbook-v2-5hpihs24d-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/docs-site/embedding/configuration/creating-custom-tools) – Connectez Assistant aux API de votre produit
  {% endstep %}
  {% endstepper %}

## Lectures complémentaires

Pour la référence complète de l’API et le code स्रोत, consultez le package [`@gitbook/embed` sur GitHub](https://github.com/GitbookIO/gitbook/tree/main/packages/embed).