Guia ràpida

Passarel·la de pagament al teu lloc web

Connecta TherapySupport amb el teu propi lloc web — els pacients reserven i paguen sense sortir de la teva pàgina.

Què necessitaràsCompte de TherapySupport + el teu lloc web
Temps necessari~15 minuts
Data3 de març de 2026
Com funciona

Dues peces: TherapySupport + el teu propi lloc web

TherapySupport és el «motor» — conté el teu calendari, preus, perfil, i gestiona els pagaments. El teu lloc web (per exemple WordPress, Wix, Squarespace, o un de personalitzat) mostra una petita «finestra» de TherapySupport. Els pacients cliquen, trien una franja horària i paguen — tot en un sol lloc al teu web.

🔒

Pagaments segurs

Stripe gestiona els diners — el mateix processador que fan servir les grans botigues en línia.

📅

Autoreserva

Després del pagament, la franja horària apareix a l'instant al teu calendari de TherapySupport.

🎨

S'adapta al teu lloc

Tria el color, l'idioma i el tipus de sessió — semblarà part de la teva pàgina.

1

Activa el processament de pagaments

5 min — on han d'anar els diners.

2

Activa el teu perfil públic

5 min — foto, biografia, preus, disponibilitat.

3

Enganxa el codi al teu lloc web

5 min — fragment de codi ja preparat per incrustar.

01

Activa el processament de pagaments

a TherapySupport: Configuració → Pagaments de sessions

En aquest pas indiques: «els pagaments de les sessions han d'anar aquí». Sense això, els pacients veuran franges disponibles però no podran pagar.

  1. Inicia sessió a app.aitherapy.support
  2. Clica la icona d'engranatge a la cantonada superior dreta (és la Configuració)
  3. Al menú lateral esquerre, tria «Pagaments de sessions»
  4. Clica «Connecta un compte de Stripe» — s'obrirà un formulari de configuració
  5. Introdueix les dades del teu negoci i el compte bancari on han d'ingressar-se els diners
  6. En tornar a TherapySupport veuràs l'etiqueta verda «Compte de pagament actiu» — fet
app.aitherapy.support/settings#section-payments
Pagaments de sessions — compte actiu
✅
Així és com es veu quan tot funciona. Veuràs l'etiqueta verda «Compte de pagament actiu» — a partir d'aquest moment pots acceptar pagaments dels pacients. També pots obrir el tauler de Stripe des d'aquesta pantalla per comprovar els pagaments i les estadístiques.
02

Activa el teu perfil públic

a TherapySupport: Configuració → Perfil públic → Editar

Allò que els pacients veuen al teu lloc web — foto, descripció, preus, franges disponibles — ho omples un cop dins de TherapySupport. Sense això, el widget al teu lloc estarà buit.

  1. Al menú lateral de Configuració, tria «Perfil públic»
  2. Assegura't d'estar a la pestanya «Editar» (a dalt de la pàgina)
  3. Activa l'interruptor «Activar perfil públic» (el color turquesa vol dir activat)
  4. Omple: foto de perfil, un breu «Sobre mi», especialitats, idiomes en què treballes, preus de les sessions
  5. A la dreta veuràs «El teu enllaç públic» — també el pots enviar directament per correu als pacients si algú no visita el teu lloc web
app.aitherapy.support/settings#section-public-profile
Perfil públic — interruptor d'activació
👁️
Mira-ho amb els ulls del pacient. Després de desar, clica la pestanya «Previsualització del perfil públic» a dalt — veuràs exactament allò que veurà qui visiti el teu lloc web.
03

Enganxa el codi al teu lloc web

a TherapySupport: Configuració → Perfil públic → Codi per incrustar

TherapySupport generarà el fragment de codi ja preparat per enganxar al teu lloc web. No cal escriure res manualment — només copiar i enganxar.

  1. Clica la pestanya «Codi per incrustar» a dalt (la tercera pestanya)
  2. Pots triar el color, el tipus de sessió (presencial / en línia / totes dues) i si es mostren els preus — la previsualització s'actualitza en temps real
  3. A baix trobaràs el codi ja preparat — clica «Copiar»
  4. Obre l'editor del teu lloc web (WordPress, Wix, Squarespace, personalitzat...) i enganxa el codi on vulguis que aparegui la passarel·la
  5. Desa la pàgina — fet!
Codi per incrustar — generador amb previsualització en temps real
generador de codi iframe amb paràmetres
💡
No saps on enganxar el codi al teu lloc web? Normalment és una secció anomenada «HTML», «Embed» o «Bloc de codi» al teu editor. A WordPress busca el bloc «Custom HTML», a Wix → «Embed Code → HTML», a Squarespace → «Code Block». Si algú altre et va construir el lloc web, simplement envia-li el fragment copiat i demana-li que l'enganxi.
Exemples reals

Dos casos reals

Així és com es veu per als terapeutes que ja ho tenen implementat. Pots obrir aquestes pàgines al teu navegador.

Exemple 1 — passarel·la incrustada al propi lloc web del terapeuta

Mazurskie Centrum Psychoterapii té el seu propi lloc web a psychoterapia-mazury.pl. A la secció «Preus» hi van enganxar el codi de TherapySupport — els pacients reserven una sessió sense sortir del lloc web de la consulta.

psychoterapia-mazury.pl — lloc web propi del terapeuta
Mazurskie Centrum Psychoterapii — pàgina d'inici
psychoterapia-mazury.pl/cennik — passarel·la de TherapySupport integrada a la pàgina
Passarel·la de reserves de TherapySupport incrustada a psychoterapia-mazury.pl
👀
La passarel·la de TherapySupport és visible entre fotos del llac. És exactament el codi que copiaràs al pas 3 — incrustat a la secció de preus. Els pacients veuen els tipus de sessió, els preus, i trien una franja horària sense sortir de mazury.pl. La interfície en polonès que veus és perquè Mazury s'adreça a un públic de parla polonesa — la mateixa passarel·la funciona en anglès amb el paràmetre lang=en.

Exemple 2 — perfil públic independent

Cada perfil públic té la seva pròpia URL — la pots enviar per correu als pacients o fer-la servir com a enllaç si no vols incrustar la passarel·la directament al teu lloc web. Exemple: el perfil de Joanna Głowacka.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
Perfil públic de Joanna Głowacka a TherapySupport
💳
Els diners van directament al teu compte bancari. TherapySupport no cobra cap comissió sobre les sessions. Stripe (l'empresa que gestiona els pagaments amb targeta) només cobra una petita comissió de processament — aproximadament 1,5% + 0,30 $ per transacció. La franja horària apareix automàticament al teu calendari, i el pacient rep un correu de confirmació.
Després de la implementació

Comprova que la passarel·la funciona

✓

Prova-ho tu mateix

2 minuts

Obre el teu lloc web en una finestra privada nova (drecera: Ctrl + Shift + N a Chrome, Cmd + Shift + N a Mac). Això importa — una finestra privada mostra el lloc tal com el veuria un pacient nou, no com el terapeuta amb la sessió iniciada.

  • La passarel·la apareix on vas enganxar el codi
  • La teva foto, descripció i especialitats són visibles
  • Es mostren les franges disponibles del teu calendari
  • Es mostren els preus de les sessions
  • En clicar «Reservar» s'obre la pantalla de pagament
  • Després del pagament, la franja apareix al teu calendari de TherapySupport
  • El pacient rep un correu de confirmació
⚠️
Alguna cosa no funciona? Causes més freqüents:
• Passarel·la buida → el perfil públic no està actiu (pas 2)
• No hi ha botó «Reservar» → els pagaments encara no estan activats (pas 1)
• No hi ha franges disponibles → configura la teva disponibilitat a «Configuració → Disponibilitat»
Si el problema persisteix, envia un correu a support@aitherapy.support, t'ajudarem.
Avançat

Què pots canviar al codi

La majoria de terapeutes simplement copien el codi ja preparat de TherapySupport i l'enganxen al lloc web — amb això n'hi ha prou. Aquesta secció és per a qui vulgui ajustar alguna cosa manualment o donar el fragment a un webmaster.

El codi complet que generarà TherapySupport

<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 hi omplirà el valor correcte

Què significa cada paràmetre

ParàmetreValors possiblesQuè fa
colorhexadecimal sense #
(p. ex. 134A45 = verd blavós fosc)		Color del botó — per encaixar amb el teu lloc web
locationoffice · online · bothMostra només sessions presencials, només en línia, o totes dues
paymentstrue · falseSi el pacient paga en línia a l'instant
pricestrue · falseSi els preus de les sessions són visibles a la passarel·la
showHeadertrue · falseSi el logotip de TherapySupport apareix a la part superior
langen · pl · nl · ...Idioma de la passarel·la (botons, etiquetes)
widthp. ex. 100% o 600pxAmplada de la passarel·la a la pàgina
heightp. ex. 800pxAlçada de la passarel·la a la pàgina