> ## 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.
# Implementare Mellowtel Elements nei Siti Web
Qui vedrai come integrare Mellowtel Elements nel tuo sito web utilizzando il pacchetto NPM o il CDN per una configurazione rapida.
## Opzione 1: Pacchetto NPM
### Installazione
```bash theme={null}
npm install mellowtel-elements
```
### Implementazione
```javascript theme={null}
import { MellowtelElements } from 'mellowtel-elements';
// Inizializza con il tuo ID estensione e chiave di configurazione
const mellowtel = new MellowtelElements('your-extension-id', 'your-config-key');
// Crea elementi
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' });
```
## Opzione 2: CDN
### Configurazione HTML
```html theme={null}
Esempio di MellowTel Elements
```
Perfetto! Ora il tuo sito web รจ pronto per utilizzare Mellowtel Elements per un'integrazione fluida di opt-in, opt-out e gestione delle impostazioni.