Contactformulieren & leads

Bouw formulieren voor leadcapture met een eigen veldeditor, sluit ze inline in op elke pagina en handel de inzendingen af in een aparte leads-inbox.

Niet elke bezoeker wil een chat starten. Met contactformulieren bouw je klassieke "neem contact op"-formulieren met een sleep-en-neerzet-veldeditor, sluit je ze inline in op je eigen website en verzamel je elke inzending als een lead in een aparte inbox die je team kan afhandelen.

Anders dan de chatwidget is een contactformulier geen zwevende knop - het wordt in de pagina weergegeven, waar jij het wilt, in je eigen stijl. En anders dan een ticket is een lead een lichtgewicht record met een eigen eenvoudige levenscyclus.

Bouw een formulier

Ga naar Beheer → Contactformulieren → Nieuw formulier. Elk nieuw formulier begint met een verstandig standaardsjabloon - Naam, E-mail, Telefoon, Onderwerp en Bericht - dat je kunt herschikken, bewerken, verwijderen of volledig vervangen.

De veldenbouwer ondersteunt:

Veldtype	Waarvoor
Korte tekst	Namen, bedrijf, onderwerpregels
Lange tekst	Berichten, beschrijvingen
E-mail	Het e-mailadres van de afzender (stuurt de bevestigingsmail aan)
Telefoon	Optioneel telefoonnummer
Keuzelijst	Eén keuze uit een lijst die je zelf bepaalt
Keuzerondjes	Eén zichtbare keuze
Selectievakje	Toestemmingsvakjes ("Ik ga akkoord…")

Geef een veld een rol - Naam contact, E-mail contact of Onderwerp - en dat antwoord wordt naar een kolom in de leads-inbox gepromoveerd, zodat een lead in één oogopslag leesbaar is, ongeacht hoe de rest van het formulier is opgebouwd.

Je kunt zoveel formulieren maken als je wilt - een "Neem contact op"- formulier, een "Vraag een offerte aan"-formulier, een campagneformulier - elk met een eigen insluitsleutel, velden, huisstijl en bevestigingsmail.

Sluit het inline in

Kopieer het fragment uit de formuliereditor en plaats het waar het formulier moet verschijnen - het wordt in het doelelement weergegeven, in je paginastroom:

<div id="nsupport-contact-form"></div>
<script src="https://<jouw-app-host>/contact-form.js" data-key="pk_cf_…" async></script>

Optionele attributen:

Attribuut	Doel
`data-target`	CSS-selector om in weer te geven (standaard `#nsupport-contact-form`).
`data-color`	Overschrijf de accentkleur.
`data-api-base`	Backend-basis-URL (standaard de origin van het script + `/api/v1`).

Het script is één bundel zonder afhankelijkheden (~6 kB) die in een shadow DOM wordt weergegeven, zodat de CSS van je site en het formulier elkaar nooit in de weg zitten. Een ingebouwd live voorbeeld in het beheer laat precies zien hoe het formulier op je site eruitziet voordat je het publiceert.

Handel de leads af

Elke inzending komt binnen in Beheer → Contactformulieren → Leads:

Een filterbare, doorzoekbare en gepagineerde inbox met tellingen per status.
Elke lead doorloopt Nieuw → In behandeling → Afgerond, plus Gearchiveerd voor spam of irrelevante zaken, en kan aan een collega worden toegewezen.
Open een lead om elk ingevuld veld en de contactgegevens te zien en actie te ondernemen.

Bevestigingsmail (optioneel)

Zet de bevestigingsmail per formulier aan en zodra iemand een e-mailadres achterlaat, ontvangt die persoon automatisch een "we hebben je bericht ontvangen"-antwoord - met de naam van je werkruimte en een "we nemen contact op"-regel die je kunt aanpassen. Het gebruikt dezelfde e-mailbezorging als de rest van het platform en is per ontvanger aan een limiet gebonden om misbruik te voorkomen.

Gemaakt om veilig te zijn op een openbare pagina

Een contactformulier staat op het open internet, dus het is op dezelfde manier afgeschermd als de andere insluitbare widgets:

Een origin-allowlist - alleen de domeinen die je opgeeft kunnen het formulier laden en verzenden.
Een roterende publieke sleutel die je op elk moment opnieuw kunt genereren.
Een verborgen honeypot-veld en rate limiting om bots buiten te houden.

Wie kan wat

Actie	Lid	Agent	Beheerder	Eigenaar
Formulieren bouwen & configureren	✗	✗	✓	✓
Leads-inbox bekijken & afhandelen	✗	✗	✓	✓
Een formulier verzenden (als websitebezoeker)	-	-	-	-