Ir al contenido principal

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

Escrito por Lucia

Si tu centro cuenta con una página web propia, puedes integrarla con Fitco para que tus clientes puedan:

  • Iniciar sesión o registrarse

  • Comprar planes

  • Reservar clases

  • Elegir sucursal (si tienes más de una)

Todo esto sin reemplazar tu web actual.

📌 Antes de empezar

Este instructivo está dirigido a clientes que realizarán la integración por su cuenta.

Si tu plan incluye acompañamiento técnico, nuestro equipo te guiará durante el proceso.

¿Cómo se realiza la integración?

🔹 Paso 1: Obtener el script principal

  • Ingresa a tu sistema Fitco.

  • Ve al módulo Web Integrada >> Configuración inicial.

  • Copia el script (código que aparece allí). 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>.

 

🔹 Paso 2: Insertar los módulos en tu web

Cada funcionalidad tiene su propio código de integración. Estos códigos deben pegarse dentro de un contenedor tipo “divblock” o bloque HTML en tu constructor web. Los módulos disponibles son:

Módulo

¿Qué hace?

Login/Registro

Muestra el botón de login (o inicio de sesión). También se activa durante el proceso de 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 en formato calendario.

Sucursal

Muestra selector si hay más de una sede.

👉 Dentro del módulo Web integrada encontrarás el divblock correspondiente a cada sección. Solo debes copiar y pegar ese código en tu web.

Personalización visual desde Fitco

Una vez que la integración está activa, puedes personalizar colores y textos directamente desde el sistema, sin modificar el código siguiendo estos pasos:

  • Ingresar al módulo Web Integrada.

  • Selecciona la sección que deseas editar.

🔐 Login y registro: Puedes modificar colores (texto, fondo, recuadro), tipografía, bordes y márgenes y textos visibles. Los cambios se visualizan en el previsualizador en el tiempo real.

💳 Compras (planes): Puedes elegir visualización en formato de lista o tarjetas, modificar colores y ver los cambios al instante.

📅 Calendario y reservas: Permite ajustar colores y revisar la vista previa automáticamente.

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

✅ Una vez realizados los cambios, estos se aplican en tiempo real. Si completaste todos los pasos, tu web ya estará integrada con Fitco.

📎 Información adicional

Si deseas conocer el alcance general de esta funcionalidad (qué incluye y qué no incluye), puedes revisar el artículo Integración con web externa. Y si tienes dudas, puedes escribirnos a soporte mediante el chat insertado en tu sistema o haciendo clic aquí.

¿Ha quedado contestada tu pregunta?