Snabbguide

Betalningsgateway på din webbplats

Anslut TherapySupport till din egen webbplats — patienter bokar och betalar utan att lämna din sida.

Vad du behöverTherapySupport-konto + din webbplats
Tidsåtgång~15 minuter
Datum3 mars 2026

Två delar: TherapySupport + din egen webbplats

TherapySupport är ”motorn” — den innehåller din kalender, dina priser, din profil och hanterar betalningar. Din webbplats (t.ex. WordPress, Wix, Squarespace, egen lösning) visar ett litet ”fönster” från TherapySupport. Patienter klickar, väljer en tid och betalar — allt på ett och samma ställe på din sida.

🔒

Säkra betalningar

Stripe hanterar pengarna — samma betalningsleverantör som stora nätbutiker använder.

📅

Självbokning

Efter betalningen hamnar tiden direkt i din TherapySupport-kalender.

🎨

Matchar din webbplats

Välj färg, språk och sessionstyp — den ser ut som en del av din sida.

1

Aktivera betalningshantering

5 min — vart pengarna ska gå.

2

Aktivera din offentliga profil

5 min — foto, presentation, priser, tillgänglighet.

3

Klistra in koden på din webbplats

5 min — färdig kodsnutt att bädda in.

01

Aktivera betalningshantering

i TherapySupport: Inställningar → Sessionsbetalningar

Det här är steget där du anger: ”sessionsbetalningar ska gå hit”. Utan det ser patienterna lediga tider men kan inte betala.

  1. Logga in på app.aitherapy.support
  2. Klicka på kugghjulsikonen uppe till höger (det är Inställningar)
  3. Välj ”Sessionsbetalningar” i vänstermenyn
  4. Klicka på ”Anslut Stripe-konto” — ett registreringsformulär öppnas
  5. Ange dina företagsuppgifter och det bankkonto dit pengarna ska sättas in
  6. När du är tillbaka i TherapySupport ser du den gröna märkningen ”Betalningskonto aktivt” — klart
app.aitherapy.support/settings#section-payments
Sessionsbetalningar — konto aktivt
Så här ser det ut när allt fungerar. Du ser etiketten ”Betalningskonto aktivt” i grönt — från och med nu kan du ta emot betalningar från patienter. Du kan även öppna Stripes översikt från den här skärmen för att se utbetalningar och statistik.
02

Aktivera din offentliga profil

i TherapySupport: Inställningar → Offentlig profil → Redigera

Det patienterna ser på din webbplats — foto, beskrivning, priser, lediga tider — fyller du i en gång i TherapySupport. Utan det blir widgeten på din sida tom.

  1. Välj ”Offentlig profil” i menyn Inställningar
  2. Se till att du är på fliken ”Redigera” (högst upp på sidan)
  3. Slå på ”Aktivera offentlig profil” (turkos betyder på)
  4. Fyll i: profilfoto, kort ”Om mig”, specialiseringar, språk du arbetar på, sessionspriser
  5. Till höger ser du ”Din offentliga länk” — du kan också mejla den direkt till patienter som inte besöker din webbplats
app.aitherapy.support/settings#section-public-profile
Offentlig profil — aktiveringsreglage
👁️
Se det med patientens ögon. Klicka efter sparandet på fliken ”Förhandsgranska offentlig profil” högst upp — du ser exakt vad en besökare på din webbplats ser.
03

Klistra in koden på din webbplats

i TherapySupport: Inställningar → Offentlig profil → Inbäddningskod

TherapySupport genererar en färdig kodsnutt att klistra in på din webbplats. Du behöver inte skriva något manuellt — du kopierar och klistrar in.

  1. Klicka på fliken ”Inbäddningskod” högst upp (tredje fliken)
  2. Du kan välja färg, sessionstyp (mottagning / online / båda) och om priser ska visas — förhandsgranskningen uppdateras direkt
  3. Längst ner hittar du den färdiga koden — klicka på ”Kopiera”
  4. Öppna din webbplatsredigerare (WordPress, Wix, Squarespace, egen lösning ...) och klistra in koden där du vill att gatewayen ska visas
  5. Spara sidan — klart!
Inbäddningskod — generator med direktuppdaterad förhandsgranskning
iframe-kodgenerator med parametrar
💡
Osäker på var du ska klistra in koden på din webbplats? Vanligtvis är det en sektion som heter ”HTML”, ”Bädda in” eller ”Kodblock” i din redigerare. I WordPress, leta efter blocket ”Anpassad HTML”, i Wix → ”Bädda in kod → HTML”, i Squarespace → ”Kodblock”. Om din webbplats byggdes av någon annan, skicka bara den kopierade koden till dem och be dem klistra in den.

Två verkliga fall

Så här ser det ut för terapeuter som redan har infört det. Du kan öppna de här sidorna i din webbläsare.

Exempel 1 — gateway inbäddad på terapeutens egen webbplats

Mazurskie Centrum Psychoterapii har sin egen webbplats på psychoterapia-mazury.pl. I avsnittet ”Priser” klistrade de in koden från TherapySupport — patienter bokar en session utan att lämna mottagningens webbplats.

psychoterapia-mazury.pl — terapeutens egen webbplats
Mazurskie Centrum Psychoterapii — startsida
psychoterapia-mazury.pl/cennik — TherapySupport-gatewayen integrerad på sidan
TherapySupport-bokningsgateway inbäddad på psychoterapia-mazury.pl
👀
TherapySupport-gatewayen syns mellan bilderna på sjön. Det är exakt den kod du kommer att kopiera i steg 3 — inbäddad i prissektionen. Patienter ser sessionstyper, priser och väljer en tid utan att lämna mazury.pl. Det polska gränssnittet du ser beror på att Mazury vänder sig till en polsktalande publik — samma gateway fungerar på engelska med parametern lang=en.

Exempel 2 — fristående offentlig profil

Varje offentlig profil har sin egen webbadress — du kan mejla den till patienter eller använda den som en länk om du inte vill bädda in gatewayen direkt på din webbplats. Exempel: Joanna Głowackas profil.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
Joanna Głowackas offentliga TherapySupport-profil
💳
Pengarna går direkt till ditt bankkonto. TherapySupport tar ingen provision på sessioner. Stripe (företaget som hanterar kortbetalningar) tar bara en liten hanteringsavgift — cirka 1,5 % + 0,30 $ per transaktion. Tiden hamnar automatiskt i din kalender, patienten får en bekräftelse via e-post.

Kontrollera att gatewayen fungerar

Testa det själv

2 minuter

Öppna din webbplats i ett nytt privat fönster (kortkommando: Ctrl + Shift + N i Chrome, Cmd + Shift + N på en Mac). Det här är viktigt — ett privat fönster visar sidan som en ny patient ser den, inte som den inloggade terapeuten.

  • Gatewayen visas där du klistrade in koden
  • Ditt foto, din beskrivning och dina specialiseringar syns
  • Lediga tider från din kalender listas
  • Sessionspriser visas
  • Att klicka på ”Boka” öppnar betalningsskärmen
  • Efter betalningen visas tiden i din TherapySupport-kalender
  • Patienten får ett bekräftelsemejl
⚠️
Fungerar något inte? Vanligaste orsakerna:
Tom gateway → den offentliga profilen är inte aktiv (steg 2)
Ingen ”Boka”-knapp → betalningar är inte aktiverade ännu (steg 1)
Inga lediga tider → ställ in din tillgänglighet under ”Inställningar → Tillgänglighet”
Om problemet kvarstår — mejla support@aitherapy.support, så hjälper vi till.

Vad du kan ändra i koden

De flesta terapeuter kopierar helt enkelt den färdiga koden från TherapySupport och klistrar in den på webbplatsen — det räcker. Det här avsnittet är för dig som vill justera något manuellt eller ge kodsnutten till en webbansvarig.

Hela koden som TherapySupport genererar

<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 fyller i rätt värde

Vad varje inställning betyder

InställningMöjliga värdenVad den gör
colorhex utan #
(t.ex. 134A45 = mörk petrol)
Knappfärg — för att matcha din webbplats
locationoffice · online · bothVisa endast mottagningssessioner, endast online, eller båda
paymentstrue · falseOm patienten betalar direkt online
pricestrue · falseOm sessionspriser visas i gatewayen
showHeadertrue · falseOm TherapySupport-logotypen visas högst upp
langen · pl · nl · ...Gatewayens språk (knappar, etiketter)
widtht.ex. 100% eller 600pxGatewayens bredd på sidan
heightt.ex. 800pxGatewayens höjd på sidan