> For the complete documentation index, see [llms.txt](https://planity.gitbook.io/white-label/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://planity.gitbook.io/white-label/master.md).

# Installation du module

## Installation rapide

1 - Copiez-collez les lignes suivantes à l'endroit du code-source de la page où vous souhaitez insérer le module : 

```markup
<div id="$myContainerId"></div>
<script>
    var container = document.getElementById('$myContainerId');
    window.planity = {
        key: '$apiKey',
        primaryColor: '$primaryColor',
        // choisissez une des options ci-dessous
        container: container,
        // accountContainer: container,
        // appointmentContainer: container,
        // giftVoucherContainer: container,
        // onlineShopContainer: container
    };
</script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/2/polyfills.latest.js"></script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/2/app.latest.js"></script>
```

�2 - Remplacez dans les lignes précédentes:

* `$apiKey` par la clé API qui vous a été fournie (si elle commence par le caractère `-` merci de le conserver)
* `$primaryColor` par la couleur dominante souhaitée (généralement celle des liens de votre site)
* `$myContainerId` par l'id de la balise où vous souhaitez ajouter le module

3 - Choisissez

* `container` si vous souhaitez tout le module (Prendre RDV, Mon Compte, et les autres modules en fonction des options choisies par le salon)&#x20;
* `accountContainer` si vous souhaitez seulement **Mon compte**
* `appointmentContainer` si vous souhaitez seulement **Prendre RDV**
* `giftVoucherContainer` si vous souhaitez seulement **Cartes cadeaux**
* `onlineShopContainer` si vous souhaitez seulement **Boutique en ligne**

## Pour aller plus loin

* [Personnaliser le style](/white-label/personnaliser-le-style.md)
* [Ajouter le module à un autre endroit de la page que le script](/white-label/ou-inserer-le-module.md)
* [Comment ajouter le module sur Wordpress](/white-label/integration-a-wordpress-1/integration-du-module-dans-wordpress.md)
* [Contrôler le scroll au choix d'une prestation](/white-label/reacting-to-service-choice.md)
* [Les options que l'on peut ajouter sur le module](/white-label/les-options-que-lon-peut-ajouter.md)
* [Référence](/white-label/css-class-names.md)