KennisbankSaaS-website

SaaS-website opbouwen: van bezoeker naar trial.

Een SaaS-website moet in een paar seconden uitleggen wat je product doet en voor wie, en daarna helpen kiezen. Hieronder vind je de opbouw van je homepage, een pricingpagina die kiezen makkelijk maakt, de pagina’s eromheen, wat mag bij een vergelijking met een concurrent, en een checklist.

Bijgewerkt op 9 minuten lezenMolt Studio

Kort antwoord

Zet bovenaan wat je product doet en voor wie, met het product zelf in beeld en één knop: start gratis of plan een demo. Daaronder: bewijs, features per taak, je product in actie, integraties, pricing en antwoord op bezwaren.

Bouw daarna de pagina’s eromheen: features, use cases, pricing, integraties en vergelijkingen. Vergelijk je met een concurrent, doe het dan eerlijk en controleerbaar. Dat eist de wet.

Wat een SaaS-site anders maakt

Een SaaS-website verkoopt iets wat je niet kunt vastpakken. Je bezoeker ziet je product pas echt als hij een account maakt. Je site moet dus laten zien wat het doet, voor wie het is, wat het kost en hoe je begint. En omdat je product bij elke release verandert, moet je site makkelijk mee kunnen.

Je hebt weinig tijd. Bezoekers verlaten een pagina vaak binnen 10 tot 20 seconden, schreef Jakob Nielsen van Nielsen Norman Group. Wie langer aandacht wil, moet volgens hem binnen 10 seconden duidelijk maken wat hij biedt. Voor je homepage betekent dat: wat je product doet en voor wie, bovenaan en zonder te scrollen.

Je site en je app hebben elk een eigen taak:

Je marketingsite

  • Op je hoofddomein, zoals jouwdomein.nl.
  • Voor wie je nog niet kent: uitleg, prijzen en bewijs.
  • Moet gevonden worden in Google en AI.
  • Je past hem aan zonder op een release te wachten.

Je app

  • Vaak op een subdomein, zoals app.jouwdomein.nl.
  • Voor wie al klant is: inloggen en werken.
  • Achter een login, dus niet voor Google bedoeld.
  • Je productteam bouwt hem, in een eigen ritme.

Daarom staan ze vaak los van elkaar: je site kan mee met je marketing, je app met je product. Hoe je ze verbindt, lees je verderop.

Je homepage in zeven blokken

Sterke SaaS-homepages lijken op elkaar, en dat is geen toeval. Elk blok beantwoordt de vraag die een bezoeker op dat moment heeft: wat doet het, werkt het echt, kan het wat ik nodig heb, werkt het met mijn tools, en wat kost het?

  1. Een hero met je product

    Wat je product doet en voor wie, in één zin, met het product zelf in beeld en één knop. “Het platform voor moderne teams” zegt niet wat je doet. “Roosters en uren voor de horeca, in één app” wel.

    Boven de vouw

  2. Bewijs

    Logo’s van klanten met hun toestemming, je reviewscore of één echte uitkomst, direct onder de hero. Alleen echte namen en cijfers.

    Boven de vouw

  3. Features per taak

    Niet elke knop uit je app, maar de drie of vier taken waarvoor iemand je product koopt. Per taak: het probleem, hoe je product het oplost, en een beeld.

    Verder naar onder

  4. Je product in actie

    Een korte loop, een bewegende screenshot of een klikbare demo in plaats van een stockfoto. Zo ziet een bezoeker hoe het werkt, zonder eerst een account te maken.

    Verder naar onder

  5. Integraties

    De tools die je klant al gebruikt, met een logo en een zin per koppeling. Wie overstapt, wil weten of de rest blijft werken.

    Verder naar onder

  6. Pricing

    Je plannen in het kort, met een link naar je pricingpagina. Verkoop je alleen op maat, maak de volgende stap dan duidelijk: plan een demo.

    Verder naar onder

  7. Bezwaren en de afsluiter

    Security, AVG, overstappen en support in een korte FAQ, en onderaan dezelfde knop als bovenaan.

    Verder naar onder

Start gratis of plan een demo?

Kies één hoofdknop, en laat die op elke pagina terugkomen. Kan iemand je product zelf uitproberen, maak dan Start gratis de hoofdknop en zet Plan een demo ernaast. Verkoop je vooral grote deals met een gesprek, draai het dan om.

Een pricingpagina die kiezen makkelijk maakt

Op je pricingpagina moet een bezoeker kiezen. Ontwerp hem rond die ene vraag: welk plan past bij mij?

  • Eén plan aanbevolen, voor het type klant dat het best bij je past.
  • Het voordeel van jaarlijks betalen in euro’s, niet alleen in procenten.
  • Per plan wat je krijgt, in de woorden van je klant.
  • Enterprise mag zonder prijs, maar met een duidelijke volgende stap.
  • Vragen over facturatie en opzeggen direct eronder, en of je prijzen inclusief of exclusief btw zijn.
[ Maandelijks ]  [ Jaarlijks ]
Jaarlijks: [voordeel in euro’s]

Starter
€ [prijs] per maand, tot [x] gebruikers
[ Start gratis ]

Team  ★ aanbevolen
€ [prijs] per maand, tot [x] gebruikers
[ Start gratis ]

Enterprise
Op maat, voor meerdere vestigingen
[ Plan een demo ]
──────── daaronder ────────
Alle functies naast elkaar
Vragen: facturatie, opzeggen, btw
Schets. Tussen haken: je eigen prijzen en grenzen.

Wel of geen prijs?

Voor de meeste SaaS-producten raden we aan je prijs te tonen: een prijs haalt twijfel weg en filtert bezoekers die niet passen. Verkoop je vooral grote deals op maat, dan kan een plan zonder prijs, als de volgende stap maar duidelijk is.

De pagina’s rond je homepage

Je homepage overtuigt wie al bij je is. De pagina’s eromheen zorgen dat je gevonden wordt door mensen die nog zoeken, en dat ze hun laatste twijfel kwijtraken. Per pagina een voorbeeld van een zoekopdracht, voor een verzonnen roostertool.

De pagina’s van een SaaS-website
Wat erop staatWaar iemand op zoekt
FeaturesEén pagina per taak die je product oplost, met beeld, uitleg en een knop.roostersoftware met urenregistratie
Use casesDezelfde app, uitgelegd per branche of rol: een restaurant, een winkel, een zorgteam.rooster app horeca
VergelijkenJij naast een concurrent: waar jij sterker bent, en voor wie de ander beter past.[jouw tool] vs [concurrent]
AlternatiefVoor wie al een tool heeft en twijfelt: wat er meeverhuist en hoe lang dat duurt.alternatief voor [concurrent]
IntegratiesEen pagina per koppeling: wat er heen en weer gaat, en hoe je hem aanzet.[jouw tool] koppeling [boekhoudpakket]
PricingJe plannen en prijzen, met vragen over facturatie eronder.[jouw tool] prijs
KlantverhalenHet verhaal van een klant die op je lezer lijkt, met een echte uitkomst en zijn toestemming.Voor wie twijfelt
Changelog en helpLaat zien dat je product leeft, en beantwoord vragen voordat ze bij support komen.Voor bestaande klanten
Security en AVGWaar data staat, wie erbij kan en welke afspraken je maakt, zoals een verwerkersovereenkomst.Voor de inkoper en IT

Maak geen kopie per branche of zoekwoord met dezelfde tekst. Een use-case-pagina werkt als hij echt anders is: andere taken, andere voorbeelden, andere bezwaren. Waarom dat ertoe doet, lees je bij landingspagina’s.

Vergelijken met een concurrent: wat mag

Een vergelijkingspagina is vergelijkende reclame: reclame waarin je een concurrent of zijn product noemt, uitdrukkelijk of impliciet. Dat mag, onder voorwaarden. Ze staan in artikel 4 van de Europese richtlijn over misleidende en vergelijkende reclame, en in Nederland in artikel 6:194a van het Burgerlijk Wetboek. Kort gezegd is je vergelijking:

  • Niet misleidend. Wat je over jezelf en de ander zegt, klopt.
  • Hetzelfde doel. Je vergelijkt producten “die in dezelfde behoeften voorzien of voor hetzelfde doel zijn bestemd”.
  • Objectief en controleerbaar. Je vergelijkt “wezenlijke, relevante, controleerbare en representatieve kenmerken”, en de prijs mag daarbij horen.
  • Niet kleinerend. Je schaadt de goede naam van de ander niet, en laat je niet kleinerend uit over zijn product.
  • Geen meeliften en geen verwarring. Je haalt geen oneerlijk voordeel uit het merk van een ander, brengt je product niet als namaak, en zorgt dat niemand jullie door elkaar haalt.

Zo maak je hem controleerbaar

  • Zet de datum erbij waarop je vergeleek. Prijzen en functies veranderen.
  • Link naar je bronnen, zoals de prijspagina van de ander.
  • Vergelijk wat een klant echt afweegt, niet alleen wat jou goed uitkomt.

Let op: dit is uitleg, geen juridisch advies. Twijfel je over een claim of over het gebruik van een merknaam, vraag het dan een jurist.

Gevonden in Google én in AI

Kopers vragen ook ChatGPT, Perplexity of Google welke tool past. Een AI-assistent kan alleen noemen wat hij over je kan lezen: wat je product doet, voor wie, wat het kost en hoe je je verhoudt tot anderen. Dat staat precies op je feature-, use-case-, prijs- en vergelijkingspagina’s.

Voor de AI-overzichten en de AI-modus in Google gelden volgens Google geen extra eisen: je pagina moet geïndexeerd zijn en met een fragment in de zoekresultaten mogen verschijnen. Zet je belangrijkste antwoorden daarom in gewone tekst op de pagina, niet alleen in een afbeelding of video. Hoe je ook in ChatGPT genoemd wordt, lees je in gevonden worden in ChatGPT.

Je site en je app, verbonden

Je site en je app staan los, maar elke knop moet goed aankomen:

  • Start gratis gaat naar je signup. Geef de pagina en de bron mee, dan weet je waar nieuwe gebruikers vandaan komen.
  • Inloggen gaat naar je app, en staat op elke pagina op dezelfde plek.
  • Plan een demo zet de aanvraag in je CRM, met de pagina en de bron erbij.
  • Een nieuwe prijs pas je op één plek aan, zodat hij overal hetzelfde is.

Test de knoppen vóór je live gaat, ook op je telefoon. Meet je met cookies, kijk dan ook naar je cookiebanner. Wil je je site helemaal los van een CMS bouwen, in code? Lees over een headless website.

De checklist voor je SaaS-website

Loop hem na voordat je live gaat, en opnieuw bij een grote release of een nieuwe prijs.

SAAS-WEBSITE: CHECKLIST

Homepage
[ ] Wat je product doet en voor wie, in één zin
[ ] Het product zelf in beeld, geen stockfoto
[ ] Eén hoofdknop: start gratis of plan een demo
[ ] Echt bewijs direct onder de hero

Pricing
[ ] Eén plan aanbevolen
[ ] Voordeel van jaarlijks betalen in euro’s
[ ] Inclusief of exclusief btw vermeld
[ ] Vragen over facturatie en opzeggen eronder

Pagina’s eromheen
[ ] Een pagina per taak, branche en koppeling
[ ] Vergelijkingen eerlijk, met datum en bronnen
[ ] Security en AVG voor de inkoper

Site en app
[ ] Start gratis en inloggen getest
[ ] Bron van elke signup en demo-aanvraag gemeten
[ ] Prijs op één plek aan te passen

Google en AI
[ ] Belangrijkste antwoorden in gewone tekst
[ ] Sitemap ingediend in Search Console

Niet doen
[ ] Geen verzonnen logo’s, reviews of cijfers
[ ] Geen kopie per branche of zoekwoord
Plak hem in je briefing of je projectplan.

Bronnen

Geraadpleegd op 14 oktober 2026.

  1. Nielsen Norman Group: How Long Do Users Stay on Web Pages?, Jakob Nielsen, 11 september 2011. Bezoekers vertrekken vaak binnen 10 tot 20 seconden; maak binnen 10 seconden duidelijk wat je biedt.
  2. EUR-Lex: Richtlijn 2006/114/EG inzake misleidende reclame en vergelijkende reclame. Artikel 2: wat vergelijkende reclame is. Artikel 4: wanneer die geoorloofd is.
  3. Burgerlijk Wetboek Boek 6, artikel 194a. Vergelijkende reclame in de Nederlandse wet.
  4. Google Search Central: AI features and your website, bijgewerkt op 10 december 2025. Geen extra eisen; de pagina moet geïndexeerd zijn en een fragment mogen tonen.

Veelgestelde vragen

Goed om te weten.

Wat moet er op de homepage van een SaaS-bedrijf?

Bovenaan: wat je product doet en voor wie, met het product zelf in beeld en één knop, zoals Start gratis of Plan een demo. Daaronder bewijs, je belangrijkste taken, je product in actie, integraties, pricing en een korte FAQ. Onderaan dezelfde knop als bovenaan.

Moet ik mijn prijzen op mijn SaaS-website zetten?

Voor de meeste SaaS-producten raden we dat aan: een prijs haalt twijfel weg en filtert bezoekers die niet passen. Verkoop je vooral grote deals op maat, dan kan een plan zonder prijs, als de volgende stap maar duidelijk is. Zeg erbij of je prijzen inclusief of exclusief btw zijn.

Mag ik mijn software vergelijken met die van een concurrent?

Ja, als de vergelijking eerlijk is. Volgens de Europese regels, in Nederland artikel 6:194a van het Burgerlijk Wetboek, mag vergelijkende reclame niet misleiden, vergelijk je producten voor hetzelfde doel, op kenmerken die controleerbaar zijn, en laat je je niet kleinerend uit over de ander. Zet de datum erbij en link naar je bronnen. Twijfel je over een claim, vraag het dan een jurist.

Moet mijn app op een subdomein staan?

Het hoeft niet, maar het is een veelgebruikte opzet: je marketingsite op je hoofddomein, zoals jouwdomein.nl, en je app op een subdomein, zoals app.jouwdomein.nl. Dan veranderen je site en je app elk in hun eigen tempo. Koppel de knoppen voor starten en inloggen, en meet waar nieuwe gebruikers vandaan komen.

Welke pagina’s heeft een SaaS-website nodig?

Naast je homepage meestal een pagina per feature of taak, use cases per branche of rol, pricing, integraties, en vergelijkings- en alternatiefpagina’s. Daarna klantverhalen, een changelog en help, en een pagina over security en AVG voor de inkoper. Begin met de pagina’s waarop je kopers zoeken.

Wat kost het om een SaaS-website te laten maken?

Dat hangt af van het aantal soorten pagina’s, maatwerk zoals een calculator of koppeling, en of je teksten en beelden er al zijn. Bij Molt krijg je vooraf een vaste prijs. Op de pagina Volledige website zie je in vijf vragen welke omvang past. Hoe we SaaS-sites aanpakken, lees je op SaaS-websites.

Verder lezen

Lees ook dit.

Voor SaaS

Laat je site weer zien wat je product kan.

Molt zet al je pagina’s in één designsysteem, op de URL’s die Google al kent. Meestal live in 2 tot 3 weken, voor een vaste prijs en met 30 dagen geld-terug-garantie.

Vaste prijs vooraf. 30 dagen geld-terug-garantie.