Mellowtel Elements Website-integratie met NPM en CDN

Hier zie je hoe je Mellowtel Elements in je website kunt integreren met behulp van het NPM-pakket of CDN voor een snelle setup.

Optie 1: NPM-pakket

Installatie

npm install mellowtel-elements

Implementatie

import { MellowtelElements } from 'mellowtel-elements';

// Initialiseer met je extensie-ID en configuratiesleutel
const mellowtel = new MellowtelElements('your-extension-id', 'your-config-key');

// Maak elementen aan
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' });

Optie 2: CDN

HTML Setup

<!DOCTYPE html>
<html>
<head>
    <title>MellowTel Elements Voorbeeld</title>
</head>
<body>
    <!-- Container divs voor elementen -->
    <div id="opt-in-container"></div>
    <div id="opt-out-container"></div>
    <div id="settings-container"></div>

    <!-- Laden vanaf CDN -->
    <script src="https://cdn.jsdelivr.net/npm/mellowtel-elements@latest/dist/index.global.js"></script>
    <script>
        // Initialiseer MellowTel Elements
        const mellowtel = new window.MellowtelElements.default('your-extension-id', 'your-config-key');

        // Maak elementen aan
        mellowtel.createElement('opt-in-container', { type: 'opt-in' });
        mellowtel.createElement('opt-out-container', { type: 'opt-out' });
        mellowtel.createElement('settings-container', { type: 'settings' });
    </script>
</body>
</html>

Perfect! Nu is je website klaar om Mellowtel Elements te gebruiken voor naadloze opt-in, opt-out en het beheren van instellingen.

​Optie 1: NPM-pakket

​Installatie

​Implementatie

​Optie 2: CDN

​HTML Setup

Optie 1: NPM-pakket

Installatie

Implementatie

Optie 2: CDN

HTML Setup