Tervetuloa A4A Chatflow’hin
A4A Chatflow on kevyt ja helppo integroida chatbot-kirjasto, joka tuo työnkulun automatisoinnin mihin tahansa HTML5-verkkosivustoon. Täydellinen aloittelijoille, jotka haluavat lisätä interaktiivisia chat-kokemuksia ilman monimutkaisia taustajärjestelmiä.
Katso sivun oikeasta alakulmasta – chat-widget on jo aktiivinen! Klikkaa sitä aloittaaksesi keskustelun ja nähdäksesi työnkulun automatisoinnin toiminnassa.
✨ Tärkeimmät ominaisuudet
Helppo integrointi
Lisää täysin toimiva chatbot verkkosivustoosi vain 3 rivillä koodia.
Muokattava ulkoasu
Valitse teemat, sijainnit, värit ja avatarit brändiisi sopiviksi.
Työnkulun automatisointi
Luo monivaiheisia keskusteluja, jotka opastavat käyttäjiä prosesseissa.
Mobiiliystävällinen
Toimii täydellisesti tietokoneella, tabletilla ja mobiililaitteilla.
Ei taustapalvelua tarvita
Pelkkä client-side JavaScript – ei palvelimen asetuksia tarvita.
Tumman tilan tuki
Sisäänrakennettu tumma teema moderneihin käyttökokemuksiin.
🎯 Pika-aloitus
Aloita 3 yksinkertaisella vaiheella:
Vaihe 1: Sisällytä tiedostot
<link rel="stylesheet" href="chatflow.css">
<script src="chatflow.js"></script>
Vaihe 2: Lisää konttari
<div id="chatflow-container"></div>
Vaihe 3: Alusta chatbot
const chatflow = new Chatflow({
containerId: 'chatflow-container',
botName: 'Avustaja',
welcomeMessage: 'Hei! Miten voin auttaa?'
});
🔄 Työnkulun automatisointi
A4A Chatflow’n todellinen voima tulee työnkulun automatisoinnista. Määritä monivaiheisia keskusteluja, jotka opastavat käyttäjiä prosesseissa kuten ajanvarauksissa, palautteen keräämisessä tai UKK-vastauksissa.
Esimerkki: Tukipyyntö-työnkulku
Kokeile sanoa ”tarvitsen apua” chatissa tämän työnkulun käynnistämiseksi:
- Botti kysyy nimeäsi
- Botti pyytää kuvaamaan ongelman
- Botti kysyy prioriteettitasoa
- Botti vahvistaa lipun luomisen kaikilla tiedoilla
Työnkulun asetukset (esimerkki)
const chatflow = new Chatflow({
workflows: [{
name: 'support-ticket',
triggers: ['apu', 'tuki', 'ongelma'],
steps: [ ... ],
completion: 'Kiitos {name}! ...'
}]
});
⚙️ Asetusvaihtoehdot
Muokkaa jokaista chatbotin osa-aluetta:
{
containerId: 'chatflow-container',
position: 'bottom-right',
theme: 'light',
botName: 'A4A Avustaja',
welcomeMessage: 'Hei!',
placeholder: 'Kirjoita viestisi...',
workflows: [],
onWorkflowComplete: (name, data) => {}
}
🎮 Kokeile nyt!
Chat-widget on jo aktiivinen tällä sivulla. Klikkaa chat-ikonia oikeassa alakulmassa ja kokeile näitä komentoja: