Naar de inhoud
Journal

Voor iedereen2 min leestijd

Van contactformulier naar offertepagina

Iemand vroeg via het contactformulier van Breskens Rigging Service een offerte aan. Logisch, maar een rigger heeft meer nodig dan één tekstvak. Dus kwam er een echte offertepagina, in stappen, en zonder stoplichten-puzzel tegen spam.

Het begon met een gewoon bericht via het contactformulier. Alleen was het geen vraag, maar een offerteaanvraag. Heel begrijpelijk: er stond een tekstvak, en de klant wilde weten wat een klus ging kosten.

Het probleem zit in wat er dan níét in zo'n bericht staat. Wat voor boot is het? Hoe lang? Staat de mast op het dek of op de kiel? Waar ligt de boot, en wanneer moet het klaar zijn? Zonder die antwoorden kan een rigger nog niets zeggen, en begint het heen-en-weer mailen.

Als mensen het contactformulier al als offerteaanvraag gebruiken, kun je ze beter een echte offertepagina geven. Dus die is er nu.

Eén vraag tegelijk

De nieuwe pagina vraagt alles wat nodig is om een prijs te maken zonder terug te hoeven bellen: welk werk, welke boot en welk tuig, waar en wanneer, en de gegevens van de klant. Dat zijn best veel vragen. Daarom staan ze in stappen, en elke stap wordt gecontroleerd voordat je door kunt.

Stap 1 van de offerteaanvraag: werkzaamheden aanvinken, met rechts de samenvatting die zich vult
Stap 1: aanvinken wat er moet gebeuren. Rechts vult ‘Uw aanvraag’ zich meteen.

Op een groot scherm staat naast de stappen een samenvatting die zich vult terwijl je bezig bent. Zo zie je steeds wat je al hebt ingevuld. Een klein maar belangrijk detail: een stap verschijnt pas in die samenvatting als je hem hebt geopend. Anders zouden de standaardwaarden eruitzien alsof jij ze had gekozen.

Stap 2 van de offerteaanvraag: merk, lengte en soort boot, en gegevens over de tuigage met de keuze ‘weet ik niet’
Stap 2: de boot en de tuigage. Niet zeker? Dan kies je gewoon ‘weet ik niet’.

Niet elke booteigenaar weet uit zijn hoofd hoe oud het staand want is. Hoeft ook niet: bij dat soort vragen kun je ‘weet ik niet’ kiezen, en dan zoekt de rigger het later uit.

Op de telefoon

Op een telefoon is er geen ruimte voor een samenvatting ernaast. Daar komt hij terug als laatste stap, ‘controleren en versturen’, waarin elk onderdeel terugverwijst naar de stap waar je het invulde.

De offerteaanvraag op een telefoon: de eerste stap met de werkzaamheden onder elkaar
Op de telefoon staan de keuzes onder elkaar.

Zo komt de aanvraag binnen

De aanvraag gaat als één overzichtelijke mail naar dezelfde inbox als het contactformulier: het werk, de boot en het tuig, de ligplaats en planning, opmerkingen en de klant. Op antwoorden drukken gaat rechtstreeks naar de klant. En de mail is altijd in het Nederlands, in welke taal de klant het formulier ook invulde.

Spam zonder stoplichten

Elk formulier op internet trekt spambots (opent een externe site) aan. De bekende oplossing is een CAPTCHA (opent een externe site): klik alle stoplichten aan, en daarna nog eens, want je miste er één. Irritant voor mensen, en veel van die diensten zetten ook nog cookies.

Deze site doet het met een honeypot (opent een externe site): een pot honing voor bots. Beide formulieren hebben een extra veld dat mensen niet zien. Het staat buiten beeld, de tab-toets slaat het over en een schermlezer (opent een externe site) leest het niet voor. Een bot vult braaf elk veld in dat hij vindt, dus ook dat. Is het honingveld ingevuld, dan krijgt de afzender gewoon hetzelfde antwoord als altijd, maar er gaat geen mail de deur uit. De bot denkt dat het gelukt is en leert er dus niets van.

Meer over de site lees je in de case study.