Schnellstart

In 5 Minuten startklar

Folgen Sie dieser Anleitung, um Ihren ersten Chatbot in wenigen Minuten zu integrieren.

1. Installation

Installieren Sie das Weitblick Chatbot SDK über Ihren bevorzugten Package Manager:

SHELL

npm install @weitblick/chatbot-sdk
# oder
yarn add @weitblick/chatbot-sdk
# oder
pnpm add @weitblick/chatbot-sdk

2. Initialisierung

Importieren und initialisieren Sie den Chatbot mit Ihren Projekt-Credentials:

JAVASCRIPT

import { WeitblickChatbot } from '@weitblick/chatbot-sdk';

const chatbot = new WeitblickChatbot({
  apiKey: 'your-api-key',
  projectId: 'your-project-id',
  language: 'de',
  theme: 'light'
});

chatbot.init();

API-Schlüssel erhalten

Sie finden Ihren API-Schlüssel und Projekt-ID in Ihrem Dashboard.

3. Anpassung

Passen Sie Design und Verhalten an Ihre Marke an:

JAVASCRIPT

// Theme anpassen
chatbot.setTheme({
  primaryColor: '#10b981',
  fontFamily: 'Inter, sans-serif',
  borderRadius: '12px',
  position: 'bottom-right'
});

// Begrüßungsnachricht
chatbot.setGreeting({
  title: 'Willkommen! 👋',
  message: 'Wie kann ich Ihnen heute helfen?',
  suggestions: [
    'Produktinformationen',
    'Support',
    'Preise'
  ]
});

4. Webhook Integration

Verbinden Sie den Chatbot mit Ihrem Backend für erweiterte Funktionalität:

NODE.JS

// Webhook für Nachrichten einrichten
app.post('/webhook/chatbot', (req, res) => {
  const { message, sessionId, metadata } = req.body;
  
  // Nachricht verarbeiten
  console.log('Neue Nachricht:', message);
  
  // Antwort senden
  res.json({
    reply: 'Ihre Nachricht wurde empfangen.',
    actions: ['show_products', 'book_demo']
  });
});