Quick guide

Payment gateway on your website

Connect TherapySupport with your own website — patients book and pay without leaving your page.

What you'll needTherapySupport account + your website
Time required~15 minutes
DateMarch 3, 2026
How it works

Two pieces: TherapySupport + your own website

TherapySupport is the “engine" — it holds your calendar, prices, profile, and handles payments. Your website (e.g. WordPress, Wix, Squarespace, custom) shows a small “window" from TherapySupport. Patients click, pick a slot, pay — all in one place on your site.

🔒

Secure payments

Stripe handles the money — the same processor used by large online stores.

📅

Self-booking

After payment, the slot lands instantly in your TherapySupport calendar.

🎨

Matches your site

Pick the color, language, and session type — it looks like part of your page.

1

Enable payment processing

5 min — where the money should go.

2

Turn on your public profile

5 min — photo, bio, prices, availability.

3

Paste the code on your website

5 min — ready-made snippet to embed.

01

Enable payment processing

in TherapySupport: Settings → Session Payments

This is the step where you say: “session payments should go here." Without it, patients will see available slots but won't be able to pay.

  1. Log into app.aitherapy.support
  2. Click the gear icon in the top-right corner (that's Settings)
  3. In the left sidebar pick “Session Payments"
  4. Click “Connect Stripe account" — a setup form will open
  5. Enter your business details and the bank account where money should be deposited
  6. After returning to TherapySupport you'll see the green “Payment account active" badge — done
app.aitherapy.support/settings#section-payments
Session Payments — account active
✅
This is what it looks like when everything works. You'll see the green “Payment account active" label — from this moment you can accept payments from patients. You can also open the Stripe dashboard from this screen to check payouts and stats.
02

Turn on your public profile

in TherapySupport: Settings → Public Profile → Edit

What patients see on your website — photo, description, prices, available slots — you fill in once inside TherapySupport. Without this, the widget on your site will be empty.

  1. In the Settings sidebar pick “Public Profile"
  2. Make sure you're on the “Edit" tab (top of the page)
  3. Toggle “Activate public profile" on (turquoise means on)
  4. Fill in: profile photo, short “About me", specializations, languages you work in, session prices
  5. On the right you'll see “Your public link" — you can also email this directly to patients if someone doesn't visit your website
app.aitherapy.support/settings#section-public-profile
Public Profile — activation toggle
👁️
See it through patient's eyes. After saving, click the “Public profile preview" tab at the top — you'll see exactly what someone visiting your website will see.
03

Paste the code on your website

in TherapySupport: Settings → Public Profile → Embed Code

TherapySupport will generate the ready snippet to paste on your website. You don't need to write anything manually — you copy and paste.

  1. Click the “Embed Code" tab at the top (third tab)
  2. You can pick the color, session type (office / online / both), and whether to show prices — the preview updates live
  3. At the bottom you'll find the ready code — click “Copy"
  4. Open your website editor (WordPress, Wix, Squarespace, custom...) and paste the code wherever you want the gateway to appear
  5. Save the page — done!
Embed Code — generator with live preview
iframe code generator with parameters
💡
Not sure where to paste the code on your website? Usually it's a section called “HTML", “Embed", or “Code block" in your editor. In WordPress look for the “Custom HTML" block, in Wix → “Embed Code → HTML", in Squarespace → “Code Block". If your website was built by someone else, just send them the copied snippet and ask them to paste it.
Live examples

Two real-world cases

This is how it looks for therapists who already deployed it. You can open these pages in your browser.

Example 1 — gateway embedded on the therapist's own website

Mazurskie Centrum Psychoterapii has their own website at psychoterapia-mazury.pl. In the “Pricing" section they pasted the TherapySupport code — patients book a session without leaving the practice's website.

psychoterapia-mazury.pl — therapist's own website
Mazurskie Centrum Psychoterapii — homepage
psychoterapia-mazury.pl/cennik — TherapySupport gateway integrated into the page
TherapySupport booking gateway embedded on psychoterapia-mazury.pl
👀
The TherapySupport gateway is visible between photos of the lake. That's exactly the code you'll copy in step 3 — embedded in the pricing section. Patients see session types, prices, and pick a slot without leaving mazury.pl. The Polish UI you see is because Mazury serves a Polish-speaking audience — the same gateway works in English with the lang=en parameter.

Example 2 — standalone public profile

Every public profile has its own URL — you can email it to patients or use it as a link if you don't want to embed the gateway directly on your website. Example: Joanna Głowacka's profile.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
Joanna Głowacka's public TherapySupport profile
💳
Money goes straight to your bank account. TherapySupport doesn't take a commission from sessions. Stripe (the company handling card payments) takes only a small processing fee — about 1.5% + $0.30 per transaction. The slot lands in your calendar automatically, the patient gets an email confirmation.
After deployment

Check that the gateway works

✓

Test it yourself

2 minutes

Open your website in a new private window (keyboard: Ctrl + Shift + N in Chrome, Cmd + Shift + N on a Mac). This matters — a private window shows the site the way a fresh patient sees it, not as the logged-in therapist.

  • The gateway shows up where you pasted the code
  • Your photo, description, and specializations are visible
  • Available slots from your calendar are listed
  • Session prices are shown
  • Clicking “Book" opens the payment screen
  • After payment, the slot appears in your TherapySupport calendar
  • The patient receives a confirmation email
⚠️
Something's not working? Most common causes:
• Empty gateway → public profile is not active (Step 2)
• No “Book" button → payments aren't enabled yet (Step 1)
• No available slots → set your availability in “Settings → Availability"
If the issue persists — email support@aitherapy.support, we'll help.
Advanced

What you can change in the code

Most therapists simply copy the ready-made code from TherapySupport and paste it on the website — that's enough. This section is for people who want to tweak something manually or hand the snippet to a webmaster.

The full code TherapySupport will generate

<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 will fill in the correct value

What each setting means

SettingPossible valuesWhat it does
colorhex without #
(e.g. 134A45 = dark teal)		Button color — to match your website
locationoffice · online · bothShow in-office sessions only, online only, or both
paymentstrue · falseWhether patient pays online right away
pricestrue · falseWhether session prices are visible in the gateway
showHeadertrue · falseWhether TherapySupport logo appears at the top
langen · pl · nl · ...Gateway language (buttons, labels)
widthe.g. 100% or 600pxGateway width on the page
heighte.g. 800pxGateway height on the page