> 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/integration-a-wix/wix.md).

# Instruction

Pour intégrer le script sur un site WIX, il est nécessaire d'englober celui-ci dans une balise comme-ci dessous et de l'insérer dans une balise iFrame :

{% tabs %}
{% tab title="Insérer le module HTML" %}
![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTvbGKGejelpC98QkAC%2F-M7wY2RMbxXa6qkKBkEr%2F-M7w_enp_W_sb790Coks%2FCapture%20d%E2%80%99e%CC%81cran%202020-05-22%20a%CC%80%2015.29.28.png?alt=media\&token=3e27c2f4-31cd-4c48-8218-31e1bc9c727c)

```markup
```

{% endtab %}

{% tab title="Ajouter le module" %}
![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTvbGKGejelpC98QkAC%2F-M7wY2RMbxXa6qkKBkEr%2F-M7w_XpivSzKWWVQTXoc%2FCapture%20d%E2%80%99e%CC%81cran%202020-05-22%20a%CC%80%2015.30.58.png?alt=media\&token=e6e49847-f4a4-4129-a3a9-9a8524155623)

Ajouter le Code suivant dans la section :

```markup
<div>
		<script>
				window.planity = {
						key: '$apiKey',
						primaryColor: '$primaryColor'
				};
		</script>
		<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/app.latest.js"></script>
</div>
```

{% endtab %}

{% tab title="Redimensionner le module" %}
Le site WIX ne permet pas de s'adapter automatiquement au module Planity, il est nécessaire de fournir des dimensions par défaut. Pour cela, vous devez agrandir le module directement depuis l'interface :&#x20;

![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTvbGKGejelpC98QkAC%2F-M7wY2RMbxXa6qkKBkEr%2F-M7waIHCxkxmTL_ryU33%2FCapture%20d%E2%80%99e%CC%81cran%202020-05-22%20a%CC%80%2015.35.39.png?alt=media\&token=3aa08857-86fa-4fef-ad97-5d0f1878523f)
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Insérer le module HTML" %}
![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTvbGKGejelpC98QkAC%2Fuploads%2FYjhVfaK6V7y5pQCXE9fA%2FCapture%20d%E2%80%99e%CC%81cran%202021-11-16%20a%CC%80%2012.24.11.png?alt=media\&token=1c736725-b3e3-49ff-adc6-fc4c33382192)

{% endtab %}

{% tab title="Ajouter le module" %}
![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTvbGKGejelpC98QkAC%2Fuploads%2FcHpX3FKkc8nsZlKQFtqk%2FCapture%20d%E2%80%99e%CC%81cran%202021-11-16%20a%CC%80%2014.02.03.png?alt=media\&token=d096b454-1aae-4a16-98d5-be907c8dbb19)

```html
<div>
 <script>
    window.planity = {
        key: '$apiKey',
        primaryColor: '$primaryColor'
    };
</script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/polyfills.latest.js"></script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/app.latest.js"></script>
</div>

```

{% endtab %}

{% tab title="Redimensionner le module" %}
Le site WIX ne permet pas de s'adapter automatiquement au module Planity, il est nécessaire de fournir des dimensions par défaut. Pour cela, vous devez agrandir le module directement depuis l'interface :

![](https://696301771-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTvbGKGejelpC98QkAC%2F-M7wY2RMbxXa6qkKBkEr%2F-M7waIHCxkxmTL_ryU33%2FCapture%20d%E2%80%99e%CC%81cran%202020-05-22%20a%CC%80%2015.35.39.png?alt=media\&token=3aa08857-86fa-4fef-ad97-5d0f1878523f)

{% endtab %}
{% endtabs %}