Inlogformulieren en wachtwoord resetten

Een inlogformulier geeft gebruikers toegang tot hun account. Lees wat goed ontwerp vraagt en hoe een formulier voor wachtwoord vergeten alles veilig houdt.

Een inlogformulier geeft gebruikers toegang tot hun account op je website. Lees hoe een goed inlogformulier eruitziet en hoe formulieren om een wachtwoord te resetten alles veilig houden.

Hoe vaak heb je al geprobeerd in te loggen op een website zonder je wachtwoord te weten? Je probeert er één, het werkt niet. Je probeert een ander, nog steeds fout. Je klikt op “wachtwoord vergeten”, wacht op een mail, stelt het opnieuw in, en als je binnen bent, ben je al twee minuten kwijt en de helft van je geduld. Bekijk dat nu van de andere kant. Voelt het inloggen op jouw website net zo frustrerend, dan voelen je gebruikers dat elke keer.

Met een inlogformulier komen terugkerende gebruikers weer in hun account. Met een formulier voor wachtwoord vergeten krijgen ze weer toegang als ze hun gegevens kwijt zijn. Samen bewaken ze elk beschermd gedeelte van je website. Doe je het goed, dan gaan gebruikers er soepel doorheen. Doe je het fout, dan geven ze het op of vragen ze je support om hulp die een goed formulier zelf had kunnen geven.

Wat is een inlogformulier?

Een inlogformulier is een eenvoudig formulier met twee velden: een e-mailadres (of gebruikersnaam) en een wachtwoord. De gebruiker voert zijn gegevens in, het systeem vergelijkt ze met de opgeslagen accountgegevens en als ze kloppen, krijgt de gebruiker toegang. Kloppen ze niet, dan toont het formulier een foutmelding.

Een goed ontworpen inlogformulier is schoon en duidelijk. De twee velden staan centraal, met daaronder een duidelijke knop “Inloggen”. Een link “Wachtwoord vergeten?” is zichtbaar, maar leidt niet af. Geen extra velden, geen onnodige stappen. Hoe sneller iemand kan inloggen, hoe beter de ervaring voelt.

Wat is een formulier om een wachtwoord te resetten?

Met een formulier om een wachtwoord te resetten, vaak “Wachtwoord vergeten” genoemd, krijgen gebruikers weer toegang als ze hun gegevens niet meer weten. Het werkt meestal zo: de gebruiker vult zijn e-mailadres in, het systeem stuurt een resetlink naar dat adres en de gebruiker klikt op de link en kiest een nieuw wachtwoord. Eenvoudig, veilig en zelf te doen.

Zonder optie om het wachtwoord te resetten wordt elk vergeten wachtwoord een supportticket. Dat is tijd die je team kwijt is aan een probleem dat een formulier in seconden zelf oplost.

Wat maakt een inlogformulier veilig?

1. Versleutelde verbindingen

Je inlogpagina moet SSL actief hebben, zodat inloggegevens versleuteld tussen de browser en je server gaan. Zonder SSL kunnen inloggegevens worden onderschept.

2. Beperking van pogingen

Door het aantal inlogpogingen te beperken, voorkom je dat geautomatiseerde aanvallen wachtwoorden proberen te raden. Na een paar mislukte pogingen moet het formulier tijdelijk worden geblokkeerd of een vertraging inbouwen voordat meer pogingen mogelijk zijn.

3. Veilige opslag van wachtwoorden

Wachtwoorden mogen nooit als leesbare tekst op je server staan. Ze moeten versleuteld zijn, zodat ook iemand die bij je database kan, de echte wachtwoorden niet kan lezen.

4. Duidelijke foutmeldingen

Vertel gebruikers niet of het e-mailadres of het wachtwoord fout was. Een algemene melding als “E-mailadres of wachtwoord onjuist” voorkomt dat aanvallers kunnen achterhalen welke accounts er in je systeem bestaan.

Inlog- en resetformulieren zijn klein, maar ze bepalen hoe elke terugkerende gebruiker je website ervaart. Houd ze schoon, snel en veilig. De websitebouwer van WEMASY bevat ingebouwd inloggen en accountbeheer, zodat je gebruikers een soepele, veilige ervaring krijgen zonder dat jij alles zelf hoeft te bouwen. Voor het grotere plaatje lees je websiteformulieren en hun belang.

Veelgestelde vragen

Moet ik e-mail of gebruikersnaam gebruiken om in te loggen?
E-mail is voor de meeste gebruikers makkelijker, omdat ze hun e-mailadres al kennen. Een gebruikersnaam is weer iets extra's om te onthouden, waardoor de kans op vergeten inloggegevens groter wordt. Tenzij je systeem echt gebruikersnamen vraagt, kies je het best voor e-mail als inlognaam.
Hoe maak ik het resetten van wachtwoorden veilig?
Stuur een resetlink met beperkte geldigheid naar het e-mailadres van de gebruiker, in plaats van het oude wachtwoord te tonen. De link moet na 15 tot 30 minuten verlopen, zodat een ander hem later niet kan gebruiken. Stuur wachtwoorden nooit als leesbare tekst per e-mail. De resetlink is de standaard, omdat die controleert of de gebruiker de eigenaar van het e-mailaccount is.
Moet ik tweestapsverificatie aan mijn inlogformulier toevoegen?
Verwerkt je website gevoelige gegevens, zoals betalingen, persoonsgegevens of bedrijfsaccounts, dan voegt tweestapsverificatie een waardevolle laag beveiliging toe. Gebruikers moeten na het invullen van hun wachtwoord hun identiteit bevestigen met een tweede methode, zoals een code die naar hun telefoon wordt gestuurd.
Wat doe ik als gebruikers steeds hun wachtwoord vergeten?
Zorg dat je flow voor wachtwoord vergeten makkelijk te vinden en snel te doorlopen is. Je kunt ook een vakje “Onthoud mij” aanbieden, waarmee gebruikers op vertrouwde apparaten ingelogd blijven. Is het vergeten van wachtwoorden een groot probleem, overweeg dan minder vaak inloggen te vragen door sessies te verlengen. Lees meer over websitesessies.
Hoe maak ik inloggen soepeler voor mijn gebruikers?
Houd het formulier bij twee velden: e-mailadres en wachtwoord. Zet een zichtbare link “Wachtwoord vergeten?” direct onder het wachtwoordveld. Voeg een optie “Onthoud mij” toe, zodat gebruikers niet bij elk bezoek hoeven in te loggen. Laadt je inlogpagina snel en ziet hij er schoon uit, dan komen de meeste gebruikers er zonder wrijving doorheen. De websitebouwer van WEMASY bevat inlogpagina's die bij het ontwerp van je site passen, zodat gebruikers nooit het gevoel hebben dat ze je website hebben verlaten.
Wat doe ik als gebruikers klagen dat ze buitengesloten worden?
Controleer eerst of je reset-flow soepel werkt en de resetmail snel aankomt. Worden gebruikers geblokkeerd na te veel mislukte pogingen, zorg dan dat de melding precies zegt wat ze daarna moeten doen, zoals een paar minuten wachten of op “Wachtwoord vergeten” klikken. Een verwarrend blokkeerscherm maakt van een klein probleem een supportticket. Duidelijke instructies houden gebruikers zelfstandig in beweging. Lees meer over het veilig houden van je site in wat is websitebeveiliging.

Zet het meteen
in je eigen website.

Start gratis met WEMASY en bouw je site in een paar minuten.