⚙️ Step 1 — Configuratore Dinamico SDK & Dual-Engine Audio

Chatbot AI Agent Studio

Personalizza in tempo reale l'identità, l'avatar, i colori, la sagoma e il motore vocale (STT/TTS Locale vs Server).

🎛️

Configuratore Aspetti

1 & 2. Identità Agente

Nome Agente

Ruolo / Titolo

Badge

Avatar Preset / URL

3. Palette Colori & Tema

Colore Primario

#0E3E98

Colore Accento

#FCAF3B

Bubble Utente

#2563EB

Stile Header

4. Contorno & Sagoma Avatar

Forma Avatar (Shape)

Spessore Bordo

Colore Bordo

#FFFFFF

5 & 6. Motori Audio (STT & TTS)

🎙️ STT (Speech-to-Text) Browser

In modalità Server, invia l'audio microfonico WebM al vostro gateway Whisper/STT.

🔊 TTS (Text-to-Speech) Browser

In modalità Server, sintetizza la risposta tramite il vostro microservizio audio.

💬 Test del Widget

Clicca per aprire il widget o inviare domande simulate col nuovo tema.

📋 Snippet da Incorporare

Codice generato dinamicamente con le tue opzioni personalizzate:

<!-- Carola AI Chatbot Widget Stylesheet -->
<link rel="stylesheet" href="assets/css/carola-widget.css">

<!-- Carola AI Chatbot Widget Script -->
<script src="assets/js/carola-widget.js"></script>

<script>
  DaimonChatbot.init({
    name: "Carola",
    role: "Specialista in Experientia",
    avatarUrl: "assets/images/carola-avatar.png",
    theme: {
      primaryColor: "#0E3E98",
      accentColor: "#FCAF3B",
      avatarBorder: { shape: "circle", width: "2px", color: "#FFFFFF" }
    },
    stt: { mode: "browser" },
    tts: { mode: "browser" }
  });
</script>