Guía rápida

Pasarela de pago en tu sitio web

Conecta TherapySupport con tu propio sitio web — los pacientes reservan y pagan sin salir de tu página.

Qué necesitarásCuenta de TherapySupport + tu sitio web
Tiempo necesario~15 minutos
Fecha3 de marzo de 2026
Cómo funciona

Dos piezas: TherapySupport + tu propio sitio web

TherapySupport es el "motor" — contiene tu calendario, precios, perfil, y gestiona los pagos. Tu sitio web (por ejemplo, WordPress, Wix, Squarespace, personalizado) muestra una pequeña "ventana" de TherapySupport. Los pacientes hacen clic, eligen un horario, pagan — todo en un solo lugar en tu sitio.

🔒

Pagos seguros

Stripe gestiona el dinero — el mismo procesador que usan las grandes tiendas online.

📅

Autorreserva

Tras el pago, el horario llega al instante a tu calendario de TherapySupport.

🎨

Se adapta a tu sitio

Elige el color, el idioma y el tipo de sesión — parecerá parte de tu página.

1

Activa el procesamiento de pagos

5 min — a dónde debe ir el dinero.

2

Activa tu perfil público

5 min — foto, biografía, precios, disponibilidad.

3

Pega el código en tu sitio web

5 min — fragmento ya listo para incrustar.

01

Activa el procesamiento de pagos

en TherapySupport: Ajustes → Pagos de sesiones

Este es el paso en el que indicas: "los pagos de las sesiones deben llegar aquí". Sin esto, los pacientes verán los horarios disponibles pero no podrán pagar.

  1. Inicia sesión en app.aitherapy.support
  2. Haz clic en el icono de engranaje en la esquina superior derecha (son los Ajustes)
  3. En la barra lateral izquierda elige "Pagos de sesiones"
  4. Haz clic en "Conectar cuenta de Stripe" — se abrirá un formulario de configuración
  5. Introduce los datos de tu negocio y la cuenta bancaria en la que debe depositarse el dinero
  6. Al volver a TherapySupport verás la etiqueta verde "Cuenta de pago activa" — listo
app.aitherapy.support/settings#section-payments
Pagos de sesiones — cuenta activa
✅
Así se ve cuando todo funciona. Verás la etiqueta verde "Cuenta de pago activa" — a partir de este momento puedes aceptar pagos de pacientes. También puedes abrir el panel de Stripe desde esta pantalla para revisar los pagos y las estadísticas.
02

Activa tu perfil público

en TherapySupport: Ajustes → Perfil público → Editar

Lo que los pacientes ven en tu sitio web — foto, descripción, precios, horarios disponibles — lo rellenas una vez dentro de TherapySupport. Sin esto, el widget en tu sitio estará vacío.

  1. En la barra lateral de Ajustes elige "Perfil público"
  2. Asegúrate de estar en la pestaña "Editar" (arriba de la página)
  3. Activa "Activar perfil público" (turquesa significa activado)
  4. Rellena: foto de perfil, breve "Sobre mí", especializaciones, idiomas en los que trabajas, precios de las sesiones
  5. A la derecha verás "Tu enlace público" — también puedes enviarlo directamente por correo a los pacientes si alguien no visita tu sitio web
app.aitherapy.support/settings#section-public-profile
Perfil público — interruptor de activación
👁️
Míralo con los ojos del paciente. Tras guardar, haz clic en la pestaña "Vista previa del perfil público" en la parte superior — verás exactamente lo que verá alguien que visite tu sitio web.
03

Pega el código en tu sitio web

en TherapySupport: Ajustes → Perfil público → Código de inserción

TherapySupport generará el fragmento listo para pegar en tu sitio web. No necesitas escribir nada manualmente — copias y pegas.

  1. Haz clic en la pestaña "Código de inserción" arriba (tercera pestaña)
  2. Puedes elegir el color, el tipo de sesión (presencial / online / ambos) y si mostrar los precios — la vista previa se actualiza en tiempo real
  3. Abajo encontrarás el código listo — haz clic en "Copiar"
  4. Abre el editor de tu sitio web (WordPress, Wix, Squarespace, personalizado...) y pega el código donde quieras que aparezca la pasarela
  5. Guarda la página — ¡listo!
Código de inserción — generador con vista previa en tiempo real
generador de código iframe con parámetros
💡
¿No sabes dónde pegar el código en tu sitio web? Normalmente es una sección llamada "HTML", "Insertar" o "Bloque de código" en tu editor. En WordPress busca el bloque "HTML personalizado", en Wix → "Insertar código → HTML", en Squarespace → "Bloque de código". Si tu sitio web fue creado por otra persona, simplemente envíale el fragmento copiado y pídele que lo pegue.
Ejemplos reales

Dos casos reales

Así se ve para los terapeutas que ya lo han implementado. Puedes abrir estas páginas en tu navegador.

Ejemplo 1 — pasarela incrustada en el sitio web del terapeuta

Mazurskie Centrum Psychoterapii tiene su propio sitio web en psychoterapia-mazury.pl. En la sección "Precios" pegaron el código de TherapySupport — los pacientes reservan una sesión sin salir del sitio web de la consulta.

psychoterapia-mazury.pl — sitio web propio del terapeuta
Mazurskie Centrum Psychoterapii — página de inicio
psychoterapia-mazury.pl/cennik — pasarela TherapySupport integrada en la página
pasarela de reservas de TherapySupport incrustada en psychoterapia-mazury.pl
👀
La pasarela de TherapySupport es visible entre las fotos del lago. Es exactamente el código que copiarás en el paso 3 — incrustado en la sección de precios. Los pacientes ven los tipos de sesión, los precios y eligen un horario sin salir de mazury.pl. La interfaz en polaco que ves se debe a que Mazury atiende a un público de habla polaca — la misma pasarela funciona en español con el parámetro lang=es.

Ejemplo 2 — perfil público independiente

Cada perfil público tiene su propia URL — puedes enviarla por correo a los pacientes o usarla como enlace si no quieres incrustar la pasarela directamente en tu sitio web. Ejemplo: perfil de Joanna Głowacka.

app.aitherapy.support/t/joanna-glowacka-8J9F4L
perfil público de TherapySupport de Joanna Głowacka
💳
El dinero va directo a tu cuenta bancaria. TherapySupport no cobra ninguna comisión por las sesiones. Stripe (la empresa que gestiona los pagos con tarjeta) solo cobra una pequeña comisión de procesamiento — alrededor del 1,5% + 0,30 $ por transacción. El horario aparece automáticamente en tu calendario, el paciente recibe un correo de confirmación.
Después de la implementación

Comprueba que la pasarela funciona

✓

Pruébalo tú mismo

2 minutos

Abre tu sitio web en una nueva ventana privada (teclas: Ctrl + Shift + N en Chrome, Cmd + Shift + N en Mac). Esto importa — una ventana privada muestra el sitio tal como lo ve un paciente nuevo, no como el terapeuta con sesión iniciada.

  • La pasarela aparece donde pegaste el código
  • Tu foto, descripción y especializaciones son visibles
  • Se muestran los horarios disponibles de tu calendario
  • Se muestran los precios de las sesiones
  • Al hacer clic en "Reservar" se abre la pantalla de pago
  • Tras el pago, el horario aparece en tu calendario de TherapySupport
  • El paciente recibe un correo de confirmación
⚠️
¿Algo no funciona? Causas más comunes:
• Pasarela vacía → el perfil público no está activo (Paso 2)
• Sin botón "Reservar" → los pagos aún no están activados (Paso 1)
• Sin horarios disponibles → configura tu disponibilidad en "Ajustes → Disponibilidad"
Si el problema persiste — escribe a support@aitherapy.support, te ayudaremos.
Avanzado

Qué puedes cambiar en el código

La mayoría de los terapeutas simplemente copian el código ya listo de TherapySupport y lo pegan en el sitio web — es suficiente. Esta sección es para quienes quieran ajustar algo manualmente o entregar el fragmento a un webmaster.

El código completo que generará TherapySupport

<iframe src="https://app.aitherapy.support/embed/<your-slug>?showHeader=true&color=134A45&location=both&payments=true&prices=true&lang=es" width="100%" height="800px" frameborder="0" style="border:none; border-radius:8px;" title="Reservar una sesión" ></iframe>
↑ <your-slug> — TherapySupport rellenará el valor correcto

Qué significa cada ajuste

AjusteValores posiblesQué hace
colorhex sin #
(p. ej. 134A45 = verde azulado oscuro)		Color del botón — para que combine con tu sitio web
locationoffice · online · bothMostrar solo sesiones presenciales, solo online, o ambas
paymentstrue · falseSi el paciente paga online de inmediato
pricestrue · falseSi los precios de las sesiones son visibles en la pasarela
showHeadertrue · falseSi el logotipo de TherapySupport aparece arriba
langen · pl · nl · ...Idioma de la pasarela (botones, etiquetas)
widthp. ej. 100% o 600pxAncho de la pasarela en la página
heightp. ej. 800pxAlto de la pasarela en la página