> ## Documentation Index
> Fetch the complete documentation index at: https://www.mellowtel.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Implémenter Mellowtel Elements dans les sites web
Ici, tu verras comment intégrer Mellowtel Elements dans ton site web en utilisant soit le package NPM, soit le CDN pour une configuration rapide.
## Option 1 : Package NPM
### Installation
```bash theme={null}
npm install mellowtel-elements
```
### Implémentation
```javascript theme={null}
import { MellowtelElements } from 'mellowtel-elements';
// Initialiser avec ton ID d'extension et ta clé de configuration
const mellowtel = new MellowtelElements('your-extension-id', 'your-config-key');
// Créer des éléments
await mellowtel.createElement('opt-in-container', { type: 'opt-in' });
await mellowtel.createElement('opt-out-container', { type: 'opt-out' });
await mellowtel.createElement('settings-container', { type: 'settings' });
```
## Option 2 : CDN
### Configuration HTML
```html theme={null}
Exemple de MellowTel Elements
```
Parfait ! Maintenant, ton site web est prêt à utiliser Mellowtel Elements pour une gestion fluide de l'adhésion, de la désinscription et des paramètres.