Skip to main content

Diseño y Personalización Portales Cautivos

Secciones en este documento

Introducción

La plataforma de Portales Cautivos y Analíticos (GATE) permite personalizar la experiencia de los usuarios finales del servicio WiFi acorde a los requerimientos del cliente (venue-owner) que ofrece dicho servicio.

Los Portales Cautivos en la plataforma se basan en plantillas (templates) predefinidas que son personalizables por el cliente mediante la interfaz gráfica de la plataforma (logos, esquemas de colores, etc.). Para personalizaciones más especializadas, la plataforma también permite la modificación directa del código HTML/CSS del Portal Cautivo.

gate-01.png

Figura 1. Plataforma de Portal Cautivo y Analíticos - zequenze GATE

Personalización vía plantillas predefinidas

La plataforma GATE incluye plantillas predefinidas que pueden ser personalizadas fácilmente por el cliente mediante:

  • Personalización de logos
  • Modificación de esquemas de colores
  • Configuración de datos demográficos solicitados
  • Personalización de imágenes de fondo

gate-02.png

Figura 2. Ejemplo Portal Cautivo - Campos personalizables

Como se observa en la Figura 2, cada plantilla predefinida permite la personalización de campos y datos demográficos. Adicionalmente, se pueden personalizar esquemas de colores e imágenes de fondo para adaptarse a los requerimientos específicos del cliente.

gate-03.png

Figura 3. Ejemplo personalización de plantilla de Portal Cautivo vía GUI de la plataforma

Plantillas disponibles

A continuación se presenta la lista de plantillas predefinidas en el sistema. Algunas son sencillas (solo página de registro), mientras que otras incluyen múltiples pantallas para publicidad.

Plantillas básicas

  1. Plantilla mínima "Ad Corporate" - solo registro
  2. Plantilla de múltiples opciones de conexión "Ad Corporate"

Plantillas con pop-up

  1. Plantilla 2-Ads + registro en pop-up "popup-light1-ad"
  2. Plantilla Ad + registro en pop-up "popup-light1"
  3. Plantilla Ad + registro en pop-up "popup-shopping1"
  4. Plantilla Ad + registro en pop-up "popup-shopping2"

Plantillas temáticas

  1. Plantilla registro simple "ice-cream1"
  2. Plantilla Ad + registro "stripes-shopping2"
  3. Plantilla Ad + registro "coffe1"
  4. Plantilla registro simple "urban1"
  5. Plantilla Ad + registro "hotel1"
  6. Plantilla registro simple "park1"
  7. Plantilla Ad + registro "shopping1"

Nota: Todas las plantillas pueden personalizarse mediante la interfaz gráfica de la plataforma. Para personalizaciones avanzadas, se permite la edición directa del código HTML/CSS.

Recomendaciones generales

Para maximizar la adopción y utilización del servicio por parte de los usuarios finales, se recomienda seguir estas mejores prácticas:

1. Simplicidad de registro

  • Solicitar máximo 2-3 datos durante el registro
  • Los datos más útiles típicamente son: nombre, email y género
  • A mayor cantidad de datos solicitados, mayor tasa de abandono del servicio

2. Evitar registro vía redes sociales

No se recomienda implementar registro vía redes sociales por las siguientes razones:

  • Información disponible drásticamente reducida desde 2018 (políticas de privacidad)
  • Proceso de registro complejo que incluye:
    • Solicitud de usuario y contraseña
    • Validación secundaria vía SMS
    • Navegadores en modo incógnito limitan funcionalidad
  • Alta tasa de abandono y frustración del usuario

3. Portal Cautivo ligero

  • Utilizar imágenes y videos lo más ligeros posible
  • Optimizar banners y fondos de pantalla
  • Priorizar velocidad y agilidad en el proceso de conexión

Requerimientos para personalización

Para personalizar un Portal Cautivo, siga estos pasos:

Paso 1: Selección de plantilla

Revisar y seleccionar la plantilla más adecuada de la lista disponible.

Paso 2: Preparar contenido

Reunir los siguientes elementos:

  • Textos personalizados
  • Imágenes y logos
  • Definir esquema de colores

Paso 3: Configurar campos demográficos

Determinar qué información solicitar durante el registro:

  • Email
  • Número de teléfono
  • Género
  • Edad/fecha de nacimiento
  • Nombre y apellido
  • Opción de login vía redes sociales (si aplicable)

Importante: Revisar las recomendaciones generales antes de finalizar la configuración.

Formatos técnicos

Logos

  • Formato: PNG, GIF o WebP
  • Fondo: Transparente
  • Tamaño recomendado: 530×170 pixels (relación 3:1 o similar)
  • Peso máximo: <250 KBytes

Imágenes de fondo

  • Formato: JPG o WebP
  • Tamaño recomendado: 2200×1400 pixels (relación 1.6:1 o similar)
  • Peso máximo: <500 KBytes

Textos personalizables

  • Texto de título en el Portal Cautivo
  • Texto de bienvenida en el formulario de ingreso
  • Texto de mensaje en el pop-up de bienvenida

Banners publicitarios

Para páginas de bienvenida

Imágenes:

  • Formato: JPG, GIF o WebP
  • Tamaño recomendado: 500×600 pixels (relación 1:1.2 o similar)
  • Peso máximo: <300 KBytes

Videos:

  • Formato: H264/MP4
  • Tamaño recomendado: 720×480 pixels (relación 1.5:1 o similar)
  • Frame rate: 20 FPS (calidad media)
  • Peso máximo: <5 MBytes

Para formularios de registro

Imágenes:

  • Formato: JPG, GIF o WebP
  • Tamaño recomendado: 640×240 pixels (relación 1.6:1 o similar)
  • Peso máximo: <300 KBytes

Login vía redes sociales

Si se requiere habilitar el login vía redes sociales, el cliente debe contar con:

  • Aplicación/credenciales propias en la plataforma de red social
  • Configuración específica para integración con Portal Cautivo

Documentación de referencia:

Advertencia: Revisar la sección de recomendaciones generales antes de implementar login vía redes sociales, ya que no se recomienda su uso en la mayoría de casos.

Back to top