> ## 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 для бесшовной подписки, отписки и управления настройками.