Pikaopas

Maksuportti omalla verkkosivullasi

Yhdistä TherapySupport omaan verkkosivustoosi — potilaat varaavat ja maksavat poistumatta sivultasi.

Mitä tarvitsetTherapySupport-tili + oma verkkosivusto
Aikaa kuluu~15 minuuttia
Päivämäärä3. maaliskuuta 2026
Näin se toimii

Kaksi osaa: TherapySupport + oma verkkosivustosi

TherapySupport on ”moottori” — se pitää sisällään kalenterisi, hintasi, profiilisi ja hoitaa maksut. Verkkosivustosi (esim. WordPress, Wix, Squarespace, itse tehty) näyttää pienen ”ikkunan” TherapySupportista. Potilaat klikkaavat, valitsevat ajan ja maksavat — kaikki samassa paikassa sivustollasi.

🔒

Turvalliset maksut

Stripe hoitaa rahaliikenteen — sama maksunvälittäjä, jota käyttävät suuret verkkokaupat.

📅

Itsevaraus

Maksun jälkeen aika ilmestyy heti TherapySupport-kalenteriisi.

🎨

Sopii sivustoosi

Valitse väri, kieli ja istuntotyyppi — se näyttää osalta sivuasi.

1

Ota maksujen käsittely käyttöön

5 min — minne rahat ohjataan.

2

Ota julkinen profiilisi käyttöön

5 min — kuva, esittely, hinnat, saatavuus.

3

Liitä koodi verkkosivullesi

5 min — valmis koodinpätkä upotettavaksi.

01

Ota maksujen käsittely käyttöön

TherapySupportissa: Asetukset → Istuntomaksut

Tässä vaiheessa kerrot: ”istuntomaksut ohjataan tänne”. Ilman tätä potilaat näkevät vapaat ajat, mutta eivät voi maksaa.

  1. Kirjaudu osoitteeseen app.aitherapy.support
  2. Napsauta hammasrataskuvaketta oikeassa yläkulmassa (se on Asetukset)
  3. Valitse vasemmasta sivupalkista ”Istuntomaksut”
  4. Napsauta ”Yhdistä Stripe-tili” — asetuslomake avautuu
  5. Syötä yrityksesi tiedot ja pankkitili, jolle rahat talletetaan
  6. Palattuasi TherapySupportiin näet vihreän ”Maksutili aktiivinen”-merkin — valmista
app.aitherapy.support/settings#section-payments
Istuntomaksut — tili aktiivinen
✅
Näin se näyttää, kun kaikki toimii. Näet vihreän ”Maksutili aktiivinen” -merkinnän — tästä hetkestä lähtien voit vastaanottaa maksuja potilailta. Voit myös avata Stripe-hallintapaneelin tältä näytöltä tarkistaaksesi tilitykset ja tilastot.
02

Ota julkinen profiilisi käyttöön

TherapySupportissa: Asetukset → Julkinen profiili → Muokkaa

Sen, mitä potilaat näkevät verkkosivullasi — kuva, kuvaus, hinnat, vapaat ajat — täytät kerran TherapySupportin sisällä. Ilman tätä sivustosi widget on tyhjä.

  1. Valitse Asetukset-sivupalkista ”Julkinen profiili”
  2. Varmista, että olet ”Muokkaa”-välilehdellä (sivun yläosassa)
  3. Kytke ”Aktivoi julkinen profiili” päälle (turkoosi tarkoittaa, että se on päällä)
  4. Täytä: profiilikuva, lyhyt ”Tietoa minusta”, erikoisalat, kielet joilla työskentelet, istuntojen hinnat
  5. Oikealla näet ”Julkinen linkkisi” — voit myös lähettää tämän suoraan sähköpostitse potilaille, jos joku ei vieraile verkkosivustollasi
app.aitherapy.support/settings#section-public-profile
Julkinen profiili — aktivointikytkin
👁️
Katso sitä potilaan silmin. Tallennettuasi napsauta ylhäältä ”Julkisen profiilin esikatselu”-välilehteä — näet tarkalleen, mitä verkkosivustoasi vierailevalle näkyy.
03

Liitä koodi verkkosivullesi

TherapySupportissa: Asetukset → Julkinen profiili → Upotuskoodi

TherapySupport luo valmiin koodinpätkän liitettäväksi verkkosivullesi. Sinun ei tarvitse kirjoittaa mitään käsin — kopioit ja liität.

  1. Napsauta ylhäältä ”Upotuskoodi”-välilehteä (kolmas välilehti)
  2. Voit valita värin, istuntotyypin (vastaanotolla / etänä / molemmat) ja näytetäänkö hinnat — esikatselu päivittyy reaaliajassa
  3. Alhaalta löydät valmiin koodin — napsauta ”Kopioi”
  4. Avaa verkkosivustosi muokkain (WordPress, Wix, Squarespace, itse tehty...) ja liitä koodi kohtaan, johon haluat portin näkyvän
  5. Tallenna sivu — valmista!
Upotuskoodi — generaattori reaaliaikaisella esikatselulla
iframe-koodigeneraattori parametreilla
💡
Etkö ole varma, mihin koodi liitetään verkkosivullasi? Yleensä kyse on osiosta nimeltä ”HTML”, ”Upota” tai ”Koodilohko” muokkaimessasi. WordPressissa etsi ”Custom HTML”-lohkoa, Wixissä → ”Embed Code → HTML”, Squarespacessa → ”Code Block”. Jos joku muu on rakentanut verkkosivustosi, lähetä hänelle kopioitu koodinpätkä ja pyydä liittämään se.
Käytännön esimerkkejä

Kaksi tosielämän tapausta

Näin se näyttää terapeuteilla, jotka ovat jo ottaneet sen käyttöön. Voit avata nämä sivut selaimessasi.

Esimerkki 1 — portti upotettuna terapeutin omalle verkkosivustolle

Mazurskie Centrum Psychoterapii -vastaanotolla on oma verkkosivusto osoitteessa psychoterapia-mazury.pl. He liittivät TherapySupport-koodin ”Hinnasto”-osioon — potilaat varaavat istunnon poistumatta vastaanoton verkkosivustolta.

psychoterapia-mazury.pl — terapeutin oma verkkosivusto
Mazurskie Centrum Psychoterapii — etusivu
psychoterapia-mazury.pl/cennik — TherapySupport-portti integroituna sivulle
TherapySupport-varausportti upotettuna sivustolle psychoterapia-mazury.pl
👀
TherapySupport-portti näkyy järvikuvien välissä. Se on juuri se koodi, jonka kopioit vaiheessa 3 — upotettuna hinnasto-osioon. Potilaat näkevät istuntotyypit, hinnat ja valitsevat ajan poistumatta sivustolta mazury.pl. Näkemäsi puolankielinen käyttöliittymä johtuu siitä, että Mazury palvelee puolankielistä yleisöä — sama portti toimii englanniksi lang=en-parametrilla.

Esimerkki 2 — itsenäinen julkinen profiili

Jokaisella julkisella profiililla on oma osoitteensa — voit lähettää sen potilaille sähköpostitse tai käyttää sitä linkkinä, jos et halua upottaa porttia suoraan verkkosivustollesi. Esimerkki: Joanna Głowackan profiili.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
Joanna Głowackan julkinen TherapySupport-profiili
💳
Rahat menevät suoraan pankkitilillesi. TherapySupport ei ota provisiota istunnoista. Stripe (korttimaksuja käsittelevä yritys) veloittaa vain pienen käsittelymaksun — noin 1,5 % + 0,30 $ per tapahtuma. Aika ilmestyy kalenteriisi automaattisesti, ja potilas saa vahvistuksen sähköpostitse.
Käyttöönoton jälkeen

Tarkista, että portti toimii

✓

Testaa itse

2 minuuttia

Avaa verkkosivustosi uudessa yksityisessä ikkunassa (näppäimistö: Ctrl + Shift + N Chromessa, Cmd + Shift + N Macissa). Tällä on väliä — yksityinen ikkuna näyttää sivuston sellaisena kuin uusi potilas sen näkee, ei kirjautuneena terapeuttina.

  • Portti näkyy siinä kohdassa, johon liitit koodin
  • Kuvasi, kuvauksesi ja erikoisalasi näkyvät
  • Kalenterisi vapaat ajat on listattu
  • Istuntojen hinnat näkyvät
  • ”Varaa”-painikkeen napsauttaminen avaa maksunäytön
  • Maksun jälkeen aika ilmestyy TherapySupport-kalenteriisi
  • Potilas saa vahvistuksen sähköpostitse
⚠️
Jokin ei toimi? Yleisimmät syyt:
• Tyhjä portti → julkinen profiili ei ole aktiivinen (vaihe 2)
• Ei ”Varaa”-painiketta → maksuja ei ole vielä otettu käyttöön (vaihe 1)
• Ei vapaita aikoja → aseta saatavuutesi kohdassa ”Asetukset → Saatavuus”
Jos ongelma jatkuu — lähetä sähköpostia osoitteeseen support@aitherapy.support, autamme.
Lisäasetukset

Mitä voit muuttaa koodissa

Useimmat terapeutit vain kopioivat TherapySupportin valmiin koodin ja liittävät sen verkkosivulle — se riittää. Tämä osio on niille, jotka haluavat säätää jotain käsin tai antaa koodinpätkän verkkosivuston ylläpitäjälle.

Koko koodi, jonka TherapySupport luo

<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 täyttää oikean arvon

Mitä kukin asetus tarkoittaa

AsetusMahdolliset arvotMitä se tekee
colorhex ilman merkkiä #
(esim. 134A45 = tumma sinivihreä)		Painikkeen väri — sopimaan verkkosivustoosi
locationoffice · online · bothNäytä vain vastaanottokäynnit, vain etäistunnot vai molemmat
paymentstrue · falseMaksaako potilas verkossa heti
pricestrue · falseNäkyvätkö istuntojen hinnat portissa
showHeadertrue · falseNäkyykö TherapySupport-logo ylhäällä
langen · pl · nl · ...Portin kieli (painikkeet, otsikot)
widthesim. 100% tai 600pxPortin leveys sivulla
heightesim. 800pxPortin korkeus sivulla