> ## 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.
# Впровадження Mellowtel Elements на вебсайтах
Тут ти дізнаєшся, як інтегрувати Mellowtel Elements у свій вебсайт, використовуючи або NPM пакет, або CDN для швидкого налаштування.
## Варіант 1: NPM Пакет
### Встановлення
```bash theme={null}
npm install mellowtel-elements
```
### Впровадження
```javascript theme={null}
import { MellowtelElements } from 'mellowtel-elements';
// Ініціалізуйте з вашим ID розширення та ключем конфігурації
const mellowtel = new MellowtelElements('your-extension-id', 'your-config-key');
// Створіть елементи
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' });
```
## Варіант 2: CDN
### Налаштування HTML
```html theme={null}
Приклад MellowTel Elements
```
Чудово! Тепер твій вебсайт готовий використовувати Mellowtel Elements для безшовної підписки, відписки та управління налаштуваннями.