Documentatie

Aangepaste knop

Toon klikbare knoppen in de chat om bezoekers te begeleiden en acties te activeren.

Aangepaste knoppen verschijnen in chatantwoorden en geven bezoekers duidelijke opties om te klikken. Gebruik ze om te linken naar pagina's, gesprekken te sturen of specifieke acties te activeren.

Een aangepaste knop maken

  1. Ga naar het tabblad Acties van je agent
  2. Klik op Actie toevoegen → Aangepaste knop
  3. Configureer de knop:
    • Label - De tekst op de knop
    • Actietype - Wat er gebeurt bij een klik
  4. Sla op en test in de Playground

Knopactietypes

Linken naar URL

Aangepaste knoppen linken bij een klik naar een URL. HTTP/HTTPS-links openen in een nieuw tabblad; mailto:- en tel:-links openen de mail- of telefoonclient van de bezoeker.

Voorbeeld: Een knop "Bekijk prijzen" die linkt naar https://example.com/pricing

Wanneer knoppen verschijnen

De AI bepaalt wanneer knoppen relevant zijn op basis van de gesprekscontext. Je kunt dit gedrag sturen door instructies toe te voegen aan de AI-instellingen van je agent.

Voeg richtlijnen toe aan je AI-instructies:

When discussing pricing, show the "View Pricing" and "Schedule Demo" buttons.

Knopconfiguratie

Knoplabel

Houd labels kort en actiegericht:

  • "Bekijk prijzen"
  • "Plan een demo"
  • "Ga aan de slag"
  • "Meer informatie"

Knopstijl

Knoppen erven de primaire kleur van je agent als achtergrondkleur, met een contrasterende labelkleur en een klein pictogram (externe link, mail of telefoon) op basis van het URL-type.

Meerdere knoppen

De AI kan meerdere knoppen in één antwoord tonen wanneer dat relevant is. Houd de knopkeuzes gericht — te veel tegelijk kan bezoekers overweldigen.

Best practices

  1. Duidelijke labels - Gebruik actiewoorden ("Bekijk", "Start", "Plan")
  2. Beperk het aantal opties - 2-3 knoppen per antwoord houdt het overzichtelijk
  3. Logische flow - Knoppen moeten passen bij de context
  4. Test grondig - Controleer of links werken en acties worden geactiveerd

Voorbeeldscenario's

Vraag over prijzen:

Buttons:
- "View Full Pricing" → /pricing
- "Schedule Demo" → /schedule
- "Start Free Trial" → /signup

Supportgesprek:

Buttons:
- "Contact Support" → /home/help
- "View Documentation" → /docs
- "Check Status" → /status

Productverkenning:

Buttons:
- "See Features" → /features
- "Watch Demo" → /demo
- "Compare Plans" → /pricing

Combineren met andere acties

Knoppen werken goed samen met andere acties:

  • Toon het leadformulier na een klik op de knop "Plan een demo"
  • Activeer een API-aanroep wanneer er op "Check Status" wordt geklikt
  • Toon extra knoppen op basis van antwoorden

Volgende stappen