Snelle handleiding

Betaalgateway op je website

Koppel TherapySupport aan je eigen website — patiënten boeken en betalen zonder je pagina te verlaten.

Wat je nodig hebtTherapySupport-account + je website
Benodigde tijd~15 minuten
Datum3 maart 2026

Twee onderdelen: TherapySupport + je eigen website

TherapySupport is de „motor" — daar staan je agenda, prijzen en profiel, en daar worden de betalingen verwerkt. Je website (bijv. WordPress, Wix, Squarespace, maatwerk) toont een klein „venster" van TherapySupport. Patiënten klikken, kiezen een tijdstip, betalen — allemaal op één plek op jouw site.

🔒

Veilige betalingen

Stripe verwerkt het geld — dezelfde betaalverwerker die ook grote webshops gebruiken.

📅

Zelf boeken

Na betaling verschijnt het tijdstip meteen in je TherapySupport-agenda.

🎨

Past bij je site

Kies de kleur, taal en sessietype — het oogt als onderdeel van je pagina.

1

Betalingsverwerking inschakelen

5 min — waar het geld naartoe moet.

2

Je openbare profiel activeren

5 min — foto, bio, prijzen, beschikbaarheid.

3

Plak de code op je website

5 min — kant-en-klaar codefragment om in te sluiten.

01

Betalingsverwerking inschakelen

in TherapySupport: Instellingen → Sessiebetalingen

Dit is de stap waarin je aangeeft: „betalingen voor sessies moeten hierheen." Zonder deze stap zien patiënten wel beschikbare tijdstippen, maar kunnen ze niet betalen.

  1. Log in op app.aitherapy.support
  2. Klik rechtsboven op het tandwielicoon (dat zijn de Instellingen)
  3. Kies in de linker zijbalk „Sessiebetalingen"
  4. Klik op „Stripe-account koppelen" — er opent een instellingenformulier
  5. Vul je bedrijfsgegevens in en de bankrekening waarop het geld gestort moet worden
  6. Zodra je terug bent in TherapySupport zie je het groene label „Betaalaccount actief" — klaar
app.aitherapy.support/settings#section-payments
Sessiebetalingen — account actief
Zo ziet het eruit als alles werkt. Je ziet het groene label „Betaalaccount actief" — vanaf dat moment kun je betalingen van patiënten ontvangen. Vanaf dit scherm kun je ook het Stripe-dashboard openen om uitbetalingen en statistieken te bekijken.
02

Je openbare profiel activeren

in TherapySupport: Instellingen → Openbaar profiel → Bewerken

Wat patiënten op je website zien — foto, beschrijving, prijzen, beschikbare tijdstippen — vul je één keer in binnen TherapySupport. Zonder deze stap blijft de widget op je site leeg.

  1. Kies in de zijbalk van Instellingen „Openbaar profiel"
  2. Zorg dat je op het tabblad „Bewerken" staat (bovenaan de pagina)
  3. Zet „Openbaar profiel activeren" aan (turquoise betekent aan)
  4. Vul in: profielfoto, korte „Over mij", specialisaties, talen waarin je werkt, sessieprijzen
  5. Rechts zie je „Jouw openbare link" — je kunt deze ook rechtstreeks per e-mail naar patiënten sturen als iemand je website niet bezoekt
app.aitherapy.support/settings#section-public-profile
Openbaar profiel — activeringsschakelaar
👁️
Bekijk het door de ogen van een patiënt. Klik na het opslaan bovenaan op het tabblad „Voorbeeld openbaar profiel" — je ziet precies wat iemand ziet die je website bezoekt.
03

Plak de code op je website

in TherapySupport: Instellingen → Openbaar profiel → Insluitcode

TherapySupport genereert het kant-en-klare codefragment om op je website te plakken. Je hoeft niets handmatig te schrijven — je kopieert en plakt.

  1. Klik bovenaan op het tabblad „Insluitcode" (derde tabblad)
  2. Je kunt de kleur, het sessietype (praktijk / online / beide) en het al dan niet tonen van prijzen kiezen — de voorvertoning wordt live bijgewerkt
  3. Onderaan vind je de kant-en-klare code — klik op „Kopiëren"
  4. Open de editor van je website (WordPress, Wix, Squarespace, maatwerk...) en plak de code op de plek waar de gateway moet verschijnen
  5. Sla de pagina op — klaar!
Insluitcode — generator met live voorvertoning
iframe-codegenerator met parameters
💡
Weet je niet zeker waar je de code op je website moet plakken? Meestal is het een sectie genaamd „HTML", „Insluiten" of „Codeblok" in je editor. Zoek in WordPress naar het blok „Custom HTML", in Wix → „Code insluiten → HTML", in Squarespace → „Codeblok". Is je website door iemand anders gebouwd, stuur die persoon dan gewoon het gekopieerde codefragment en vraag of die het wil plakken.

Twee praktijkgevallen

Zo ziet het eruit bij therapeuten die het al hebben ingesteld. Je kunt deze pagina's openen in je browser.

Voorbeeld 1 — gateway ingesloten op de eigen website van de therapeut

Mazurskie Centrum Psychoterapii heeft een eigen website op psychoterapia-mazury.pl. In de sectie „Tarieven" hebben ze de TherapySupport-code geplakt — patiënten boeken een sessie zonder de website van de praktijk te verlaten.

psychoterapia-mazury.pl — eigen website van de therapeut
Mazurskie Centrum Psychoterapii — homepage
psychoterapia-mazury.pl/cennik — TherapySupport-gateway geïntegreerd in de pagina
TherapySupport-boekingsgateway ingesloten op psychoterapia-mazury.pl
👀
De TherapySupport-gateway is te zien tussen foto's van het meer. Dat is precies de code die je in stap 3 kopieert — ingesloten in de sectie met tarieven. Patiënten zien sessietypes, prijzen en kiezen een tijdstip zonder mazury.pl te verlaten. De Poolse interface die je ziet komt doordat Mazury een Poolstalig publiek bedient — dezelfde gateway werkt in het Engels met de parameter lang=en.

Voorbeeld 2 — zelfstandig openbaar profiel

Elk openbaar profiel heeft een eigen URL — je kunt die naar patiënten e-mailen of als link gebruiken als je de gateway niet rechtstreeks op je website wilt insluiten. Voorbeeld: profiel van Joanna Głowacka.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
Openbaar TherapySupport-profiel van Joanna Głowacka
💳
Het geld gaat rechtstreeks naar je bankrekening. TherapySupport rekent geen commissie op sessies. Stripe (het bedrijf dat kaartbetalingen verwerkt) rekent alleen kleine verwerkingskosten — ongeveer 1.5% + $0.30 per transactie. Het tijdstip verschijnt automatisch in je agenda, de patiënt krijgt een bevestiging per e-mail.

Controleer of de gateway werkt

Test het zelf

2 minuten

Open je website in een nieuw privévenster (toetsen: Ctrl + Shift + N in Chrome, Cmd + Shift + N op een Mac). Dit is belangrijk — een privévenster toont de site zoals een nieuwe patiënt die ziet, niet zoals de ingelogde therapeut.

  • De gateway verschijnt op de plek waar je de code hebt geplakt
  • Je foto, beschrijving en specialisaties zijn zichtbaar
  • Beschikbare tijdstippen uit je agenda worden weergegeven
  • Sessieprijzen worden getoond
  • Klikken op „Boeken" opent het betaalscherm
  • Na betaling verschijnt het tijdstip in je TherapySupport-agenda
  • De patiënt ontvangt een bevestigingsmail
⚠️
Werkt iets niet? Meest voorkomende oorzaken:
Lege gateway → openbaar profiel is niet actief (Stap 2)
Geen knop „Boeken" → betalingen zijn nog niet ingeschakeld (Stap 1)
Geen beschikbare tijdstippen → stel je beschikbaarheid in bij „Instellingen → Beschikbaarheid"
Blijft het probleem bestaan — mail naar support@aitherapy.support, we helpen je graag.

Wat je in de code kunt aanpassen

De meeste therapeuten kopiëren gewoon de kant-en-klare code van TherapySupport en plakken die op de website — dat is genoeg. Deze sectie is voor wie zelf iets wil aanpassen of het codefragment wil doorgeven aan een webmaster.

De volledige code die TherapySupport genereert

<iframe src="https://app.aitherapy.support/embed/<your-slug>?showHeader=true&color=134A45&location=both&payments=true&prices=true&lang=en" width="100%" height="800px" frameborder="0" style="border:none; border-radius:8px;" title="Book a session" ></iframe>
<your-slug> — TherapySupport vult de juiste waarde in

Wat elke instelling betekent

InstellingMogelijke waardenWat het doet
colorhex zonder #
(bijv. 134A45 = donker petrolblauw)
Knopkleur — passend bij je website
locationoffice · online · bothToon alleen sessies op locatie, alleen online, of beide
paymentstrue · falseOf de patiënt direct online betaalt
pricestrue · falseOf sessieprijzen zichtbaar zijn in de gateway
showHeadertrue · falseOf het TherapySupport-logo bovenaan verschijnt
langen · pl · nl · ...Taal van de gateway (knoppen, labels)
widthbijv. 100% of 600pxBreedte van de gateway op de pagina
heightbijv. 800pxHoogte van de gateway op de pagina