Ir al contenido principal

🧩 Paso a paso para integrar una Web externa con el sistema de Fitco

Flujo ágil y visual coherente con tu marca. Así se integra y personaliza tu web desde el sistema.

J
Escrito por Jackeline
Actualizado ayer

Si tu centro cuenta con una página web propia, puedes integrarla fácilmente con el sistema de Fitco para ofrecer una experiencia 100% personalizada a tus clientes. A través de esta integración, podrás mostrar módulos como login, compra de planes, calendario de clases y selección de sucursal directamente en tu sitio web.

Conoce los flujos incrustables: Los módulos que puedes insertar en tu sitio web son:

  1. Inicio de sesión / Registro

  2. Compra de planes

  3. Calendario de reservas

  4. Selección de sucursal (se activa automáticamente si tienes más de una sede)

¿Cómo se realiza la integración?

  1. Ingresa al sistema Fitco y dirígete al módulo Web integrada >> Config inicial.

  2. Allí encontrarás un script (código) que debes copiar.

  3. Este código debe pegarse en la sección <head> de tu página web. Es obligatorio porque le indica al sistema de Fitco a qué centro o sucursal pertenece la web.

🔽 ¿Dónde pegar el código? Depende de cómo fue construida tu web:

  • Si usas un constructor como Webflow o WordPress: ubica la sección de configuración o ajustes de código del sitio, y pega el script en el espacio destinado para el <head> o “código del encabezado”.

  • Si tu sitio fue creado por un programador: pídele que lo incluya directamente en el archivo HTML, dentro de la etiqueta <head>.

 

4. Inserta los códigos individuales por módulo: Cada módulo tiene su propio código de integración, que debe pegarse en un contenedor tipo “divblock” o bloque HTML dentro del constructor web.

Módulo

¿Qué hace?

Login/Registro

Muestra un botón de login. También se activa en la compra.

Planes

Muestra los planes en lista o tarjetas. Tienes la opción de mostrar todos los planes, o por secciones teniendo en cuenta si son de pago único o de suscripción.

Calendario

Muestra clases disponibles (formato único).

Sucursal

Muestra selector si hay más de una sede.

Al ingresar a cada sección, encontrarás el divblock que debes añadir en tu web para que se integre cada sección, tienes que copiar y pegar estos códigos en tu web.

Personalización visual desde el sistema Fitco

Una vez integrada la web, puedes editar colores y textos sin tocar el código. Solo sigue estos pasos:

  1. Desde el módulo Web integrada en tu sistema Fitco.

  2. En la parte superior, elige la sección que deseas personalizar.

🔐Login y registro: Edita colores (texto, fondo, recuadro), tipo de fuente, bordes y márgenes. En la parte derecha también puedes personalizar los textos.

💳 Compras (planes): Elige si mostrar los planes en tarjetas o listas. Personaliza colores y revisa el preview al instante.

📅 Calendario y reservas: Ajusta colores y visualiza los cambios automáticamente.

🗺️ Landing de organización: Disponible si tienes más de una sucursal. Es donde el cliente elige a cuál ingresar.

✅ Una vez realizados los cambios, todos se aplican en tiempo real, así que si seguiste los pasos hasta aquí, ¡listo, tu web ya quedó integrada!

Aquí puedes encontrar información general de esta funcionalidad. Y si tienes dudas, escríbenos.

¿Ha quedado contestada tu pregunta?