# Personnalisation de l’Embed

Après [avoir ajouté Docs Embed à votre site web ou application](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation), vous pouvez personnaliser davantage l’expérience en ajoutant des éléments tels que des boutons d’action dans la barre latérale, des suggestions pour inciter vos utilisateurs avec des questions contextuelles, et plus encore.

### Personnalisation du bouton ([autonome](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation/script) uniquement)

Lors de l’utilisation de la [mise en œuvre via la balise script autonome](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation/script), vous pouvez personnaliser l’étiquette et l’icône du bouton qui lance le widget d’intégration.

{% hint style="info" %}
Cette option de personnalisation du bouton est disponible uniquement lors de l’utilisation du [mise en œuvre via la balise script autonome](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation/script). Pour [composants](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation/react) ou [package Node.js/NPM](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/fr/publishing-documentation/embedding/implementation/nodejs) implémentations, vous devrez créer votre propre bouton pour lancer l’embed.
{% endhint %}

```javascript
window.GitBook("configure", {
  button: {
    label: "Ask",
    icon: "assistant", // 'assistant' | 'sparkle' | 'help' | 'book'
  },
});
```

**Options d’icône disponibles :**

* `assistant` - <i class="fa-gitbook-assistant">:gitbook-assistant:</i> Icône Assistant (par défaut)
* `sparkle` - <i class="fa-sparkle">:sparkle:</i> Icône Étincelle
* `help` - <i class="fa-circle-question">:circle-question:</i> Icône aide/question
* `book` - <i class="fa-book-open">:book-open:</i> Icône livre

### Ajout d’actions

L’ajout d’actions à l’embed vous permet de donner aux utilisateurs des actions supplémentaires dans l’interface. Chaque action se compose d’une étiquette, d’une icône (de [Font Awesome](https://fontawesome.com/search?ip=brands%2Cclassic%2Cduotone)), et d’une `onClick` action qui s’exécute lorsque l’utilisateur clique sur l’action. Toutes les actions que vous ajoutez apparaîtront dans la barre latérale à côté des onglets. Les actions peuvent contrôler Docs Embed lui-même ou exécuter n’importe quel code que vous souhaitez.

```javascript
window.GitBook("configure", {
  actions: [
    {
      label: "Contact Support",
      icon: "circle-question",
      onClick: () => {
        window.open("https://support.example.com", "_blank");
      },
    },
    {
      label: "Documentation",
      icon: "book",
      onClick: () => {
        window.open("https://docs.example.com", "_blank");
      },
    },
  ],
});
```

### Ajout de सुझाव

Vous pouvez ajouter des suggestions à l’onglet Assistant, qui apparaîtront sous forme d’invites cliquables pour que vos utilisateurs les utilisent lorsque l’Assistant se charge.

```javascript
window.GitBook("configure", {
  suggestions: [
    "Aidez-moi à démarrer avec mon nouveau compte",
    "Comment réinitialiser mon mot de passe ?",
    "Quels sont vos tarifs ?",
  ],
});
```

### Ajout d’un message de bienvenue

Personnalisez le message de bienvenue affiché dans l’onglet Assistant :

```javascript
window.GitBook("configure", {
  greeting: {
    title: "Bienvenue !",
    subtitle: "Comment puis-je vous aider aujourd’hui ?",
  },
});
```

### Afficher ou masquer la marque déposée

Utiliser `trademark` pour afficher ou masquer la marque GitBook dans l’interface de l’embed — y compris le pied de page de Docs Embed et l’image de marque de l’Assistant.

```javascript
window.GitBook("configure", {
  trademark: false,
});
```

### Configuration des onglets

Définissez de manière explicite quels onglets sont affichés. Par défaut, l’embed affiche les onglets en fonction de la configuration de votre site.

```javascript
window.GitBook("configure", {
  tabs: ["assistant", "docs"], // Afficher les deux onglets
  // tabs: ['assistant'], // Afficher uniquement l’onglet assistant
  // tabs: ['docs'], // Afficher uniquement l’onglet docs
});
```