> For the complete documentation index, see [llms.txt](https://syncvariables.gitbook.io/syncvariables-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://syncvariables.gitbook.io/syncvariables-documentation/getting-started/1.-add-syncvariables-to-your-website.md).

# 1. Add SyncVariables to Your Website

To integrate SyncVariables into your website, add the following code snippet at the bottom of your webpage, just before the closing `</body>` tag:

```html
<div id="embed-container" data-user-id="YOUR-USER-ID"></div>
<script src="https://panel.syncvariables.com/embed.js"></script>
```

<mark style="color:green;">**Important:**</mark> Replace `YOUR-USER-ID` in the `data-user-id` attribute with your actual user ID, which you can find in your SyncVariables dashboard.

<div align="left"><figure><img src="/files/Gtn3CbZgOdl3FzoqrOwL" alt="" width="365"><figcaption></figcaption></figure></div>