Diseñador de Login Hotspot

Esta herramienta permite crear portales cautivos personalizados y profesionales para sistemas Hotspot MikroTik, facilitando el acceso de los usuarios mediante distintos métodos de autenticación, como PIN, nombre de usuario y contraseña. Su objetivo principal es ofrecer una base de diseño funcional y flexible sobre la cual posteriormente se pueden agregar funciones avanzadas según las necesidades de cada red.

El proceso comienza con la creación del diseño principal del portal cautivo, donde se definen los elementos visuales, textos, logotipos y estructura de la página de acceso. A partir de esta base, el administrador puede incorporar de forma opcional diferentes mecanismos de control y registro, adaptando el portal a entornos residenciales, comerciales o públicos.

Entre las funciones opcionales que pueden añadirse posteriormente se encuentra el guardado de datos de las fichas o credenciales utilizadas en cada inicio de sesión, lo que permite mantener un registro detallado de accesos y facilitar tareas de control administrativo. Asimismo, es posible habilitar la detección de direcciones MAC aleatorias, una función importante para identificar dispositivos que cambian su dirección física y evitar registros duplicados o inconsistencias en la gestión de usuarios.

La herramienta también permite integrar métodos modernos de acceso, como códigos QR, y combinar diferentes formas de autenticación dentro de un mismo portal, ofreciendo una experiencia más cómoda para el usuario final y un mayor control para el administrador de la red.

En el siguiente formulario podrás crear el diseño base de tu portal cautivo y generar una plantilla inicial. Posteriormente podrás agregar, de forma opcional, las funciones de guardado de datos, detección de MAC aleatoria y métodos avanzados de autenticación, obteniendo una configuración profesional lista para aplicar en tu sistema Hotspot MikroTik.

Diseñador de Plantillas Hotspot

Previsualización

Login

`;const blob = new Blob([htmlContent], { type: 'text/html' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.download = 'login.html'; link.click(); };reader.readAsDataURL(file); // Leer el archivo de imagen } else { const htmlContent = ` Login
Logo

$(if error)$(error)$(endif)

`;const blob = new Blob([htmlContent], { type: 'text/html' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.download = 'login.html'; link.click(); } }// Inicializar el formulario document.addEventListener('DOMContentLoaded', () => { changeBgColor({ target: { value: '#ffffff' } }); changeFormBgColor({ target: { value: '#ffffff' } }); // Configura el color de fondo del formulario inicial changeTextColor({ target: { value: '#000000' } }); changeButtonColor({ target: { value: '#4CAF50' } }); // Mostrar enlace de prueba gratuita si se está utilizando un enlace de prueba document.getElementById('trial-link').style.display = 'block'; // Muestra el enlace de prueba por defecto });
Editor de Login Personalizado
Logo

Editor de Login Personalizado




` );const blob = new Blob([contenido], { type: 'text/html' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.download = 'login-editado.html'; link.click(); };reader.readAsText(input.files[0]); }
Redes Sociales
error: ¡¡El contenido está protegido!!