> ## Documentation Index
> Fetch the complete documentation index at: https://dataglue.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> How to install and configure DataGlue on your website with different deployment options.

# Installation

DataGlue can be installed in multiple ways depending on your project setup and requirements.

## CDN Installation (Recommended)

The easiest way to get started with DataGlue is to include it directly from our CDN:

```html theme={null}
<!DOCTYPE html>
<html>
<head>
    <title>Your Website</title>
</head>
<body>
    <!-- Your website content -->

    <!-- Add DataGlue script before closing body tag -->
    <script src="https://api.dataglue.io/glue.min.js"></script>
</body>
</html>
```

## NPM Installation

For projects using a build system, install DataGlue via npm:

```bash theme={null}
npm install dataglue
```

Then import and initialize:

```javascript theme={null}
import DataGlue from 'dataglue';

// Initialize DataGlue
const glue = new DataGlue();
```

## Configuration Options

DataGlue can be configured through HTML attributes or JavaScript:

### HTML Configuration

```html theme={null}
<script
  src="https://api.dataglue.io/glue.min.js"
  modules="formSearch"
  endpoint="https://api.example.com/data">
</script>
```

### JavaScript Configuration

```javascript theme={null}
// Configure after loading
window.addEventListener('DOMContentLoaded', function() {
    glue.configure({
        modules: ['formSearch'],
        endpoint: 'https://api.example.com/data'
    });
});
```

## Verification

After installation, verify DataGlue is working:

1. Open browser developer tools
2. Check for initialization message in console
3. Verify data collection in localStorage

```javascript theme={null}
// Check if DataGlue is loaded
console.log(window.glue ? 'DataGlue loaded' : 'DataGlue not found');
```

## Next Steps

* [Quick Start Guide](/quickstart) - Get up and running in 5 minutes
* [Form Integration](/features/form-integration) - Connect your forms
* [Dynamic Content](/features/dynamic-content) - Personalize experiences
