Flow.Documentatie

Knoppen in een chat-widget

6 stappen± 4 minVideoGecontroleerd 22 okt 2026
  1. Stap 1 · Open uw ontwikkelomgeving
  2. Stap 2 · Kies het voorbeeld Goedkeuringsverzoek
  3. Stap 3 · Koppel een workflow aan elke knop
  4. Stap 4 · Sla op, test en publiceer
  5. Stap 5 · Vraag het verzoek op in de chat
  6. Stap 6 · Kies Goedkeuren

Een chat-widget kan ook iets vragen: Goedkeuren of Afwijzen, of een formulier om in te vullen. Elke knop start een workflow, met de gegevens van de widget en de keuze erbij. Zo keurt een manager een inkoopverzoek goed zonder de chat te verlaten. Er kan maar één keer gekozen worden, en de agent zelf kan nooit op een knop drukken.

Bekijk de hele handleiding als video6 stappen in één film
Stap 1 / 6

Open uw ontwikkelomgeving

Klik in de portal bij Omgevingen op Ontwikkeling, en daar op Openen. Flow opent in een nieuw tabblad, en u bent meteen ingelogd.

  1. Klik op Ontwikkeling
Open uw ontwikkelomgeving · Klik op Ontwikkeling
  1. Klik op Openen ↗
Open uw ontwikkelomgeving · Klik op Openen ↗
Stap 2 / 6

Kies het voorbeeld Goedkeuringsverzoek

Klik op + naast Algemeen en kies Nieuwe chat-widget. Kies het Goedkeuringsverzoek: een kaart met het verzoek, en daaronder het blok Knoppen met Goedkeuren en Afwijzen. Geef de widget een naam.

  1. Klik op Toevoegen aan Algemeen
Kies het voorbeeld Goedkeuringsverzoek · Klik op Toevoegen aan Algemeen
  1. Klik op Nieuwe chat-widget
Kies het voorbeeld Goedkeuringsverzoek · Klik op Nieuwe chat-widget
  1. Klik op Goedkeuringsverzoek
Kies het voorbeeld Goedkeuringsverzoek · Klik op Goedkeuringsverzoek
  1. Vul in bij Naam van de widget: Inkoopverzoek
Kies het voorbeeld Goedkeuringsverzoek · Vul in bij Naam van de widget: Inkoopverzoek
Stap 3 / 6

Koppel een workflow aan elke knop

Klik in de structuur links op het blok Knoppen. Rechts ziet u per knop de tekst, de kleur en welke workflow hij start. Die workflow krijgt de gegevens van de widget mee, en de keuze als {{keuze}} en {{waarde}}, en wie koos als {{door.naam}}. Bij Afwijzen vraagt de chat eerst om bevestiging.

  1. Klik op Knoppen
Koppel een workflow aan elke knop · Klik op Knoppen
  1. Vul in bij Tekst op de knop: Goedkeuren
  2. Kies bij Start workflow: Inkoopbesluit vastleggen
  3. Kies bij Start workflow: Inkoopbesluit vastleggen
Koppel een workflow aan elke knop · Vul in bij Tekst op de knop: Goedkeuren; Kies bij Start workflow: Inkoopbesluit vastleggen; Kies bij Start workflow: Inkoopbesluit vastleggen
Stap 4 / 6

Sla op, test en publiceer

Testen controleert of de voorbeeldgegevens bij de widget passen; daarna kunt u publiceren. Agents en workflows gebruiken de gepubliceerde versie.

  1. Klik op Opslaan
Sla op, test en publiceer · Klik op Opslaan
  1. Klik op Testen
Sla op, test en publiceer · Klik op Testen
  1. Klik op Publiceren
Sla op, test en publiceer · Klik op Publiceren
Sla op, test en publiceer · Versie 1 is actief.
Stap 5 / 6

Vraag het verzoek op in de chat

Open de chat en kies de AI Collega die de widget mag tonen. Vraag naar het openstaande verzoek: de agent start zijn workflow, en het verzoek verschijnt als widget, met de knoppen eronder.

  1. Klik op Chat
Vraag het verzoek op in de chat · Klik op Chat
  1. Klik op Inkoopassistent
Vraag het verzoek op in de chat · Klik op Inkoopassistent
  1. Vul in bij Stel een vraag aan Inkoopassistent…: Welk inkoopverzoek wacht op mij?
Vraag het verzoek op in de chat · Vul in bij Stel een vraag aan Inkoopassistent…: Welk inkoopverzoek wacht op mij?
  1. Klik op Versturen
Vraag het verzoek op in de chat · Klik op Versturen
Vraag het verzoek op in de chat · Het inkoopverzoek, met Goedkeuren en Afwijzen.
Stap 6 / 6

Kies Goedkeuren

Klik op Goedkeuren. De workflow achter de knop start, met het verzoek en uw keuze. De widget laat daarna zien wat er gekozen is, door wie en wanneer; nog een keer kiezen kan niet. Ook de agent weet nu wat u koos.

  1. Klik op Goedkeuren
Kies Goedkeuren · Klik op Goedkeuren
Kies Goedkeuren · ‘Goedkeuren · Ada Straat, …’.

Deze handleiding is op 22 okt 2026 stap voor stap uitgevoerd door een geautomatiseerde test op Flow (versie 3e563176).