> For the complete documentation index, see [llms.txt](https://docs.takyon.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.takyon.io/information-script-tag-integration-optional/add-the-script-to-your-website.md).

# Add the script to your website

## Steps to add the script

1. Copy-paste this script tag into to \<head> of your website.&#x20;

```html
<script defer src="https://api.takyon.io/scripts/info"></script>
```

2. Then, copy-paste this element where you want the Takyon info button to be. Use the `data-lang` key to show the modal in the customer's language, by default is "en".&#x20;

Supported lang values are: **it, en, es, de, ar, fr, ru, pt, bn, hi, zh**

```html
<div data-lang="en" class="takyon-scripts-target-info"></div>
```

Done :tada:

## Additional accessibility

You can set a custom ID to each info tag and open/close the modals programmatically.

```html
<div data-lang="en" data-id="YOUR_CUSTOM_ID" class="takyon-scripts-target-info"></div>
```

You can then call the JS function injected in the browser to toggle the modal:

```javascript
toggleTakyonModal("YOUR_CUSTOM_ID", true); // open
toggleTakyonModal("YOUR_CUSTOM_ID", false); // close
```
