> For the complete documentation index, see [llms.txt](https://docs.dydu.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dydu.ai/integrations/canaux/customisation-avancee/editeur-js-custom.md).

# Éditeur JS Custom

En tant qu'utilisateur de Dydubox, vous avez la possibilité de **personnaliser et d'améliorer le code JavaScript** en utilisant l'**éditeur JS Custom** intégré sur la plateforme **Canaux**.

<figure><img src="/files/MCxWR6jEp1c7yPQMyIEt" alt=""><figcaption></figcaption></figure>

Exemple :&#x20;

1. Accédez à "Canaux" et sélectionnez l'intégration que vous souhaitez modifier.
2. Accédez à l'onglet "JS" situé en haut de la première page.

<figure><img src="/files/ZpmhDa7g1Rcc0MqPmTWO" alt=""><figcaption></figcaption></figure>

3. Dans la fenêtre d'édition, vous pouvez saisir la fonction suivante :

```
dyduAfterLoad = () => {
  window.dydu.ui.toggle(3);
};
```

La fonction saisie permet de passer la Chatbox en mode plein écran.

<figure><img src="/files/gJ98JWe1HhV4WZ3EQZBM" alt=""><figcaption></figcaption></figure>

Bien entendu, **vous avez la possibilité d'insérer le contenu JavaScript de votre choix** afin d'apporter les modifications souhaitées à votre Chatbox.

4. Cliquez sur "Appliquer", puis publiez les modifications.
5. En ouvrant votre Chatbox, vous obtiendrez l'aperçu suivant :

<figure><img src="/files/pa9J38BO0U4Gebhps7CG" alt=""><figcaption></figcaption></figure>