Como configurar Hotspot Login Page Customization no Mikrotik: Passo a Passo

· Atualizado em
A Hotspot Login Page Customization no Mikrotik permite personalizar a página de login exibida aos usuários ao acessar o Hotspot. Isso é ideal para incluir logotipos, mensagens personalizadas, termos de uso ou até mesmo anúncios, proporcionando uma experiência mais profissional e personalizada. Neste guia, você aprenderá a personalizar a página de login do Hotspot no Mikrotik.

Passo a Passo: Personalizando a Página de Login do Hotspot no Mikrotik

1. Acesse o Diretório HTML do Hotspot

Localize o diretório que armazena os arquivos de login do Hotspot: 
/file print where name~"hotspot"
Geralmente, o caminho será algo como /hotspot/html.

2. Baixe os Arquivos HTML para Personalização

Exporte os arquivos para o seu computador para editar: 
/file copy hotspot/html/login.html login.html
/tool fetch upload=no url="ftp://192.168.88.2" src-path=login.html
Substitua 192.168.88.2 pelo IP do servidor FTP onde os arquivos serão salvos.

3. Edite o Arquivo login.html

Abra o arquivo login.html em um editor de texto ou HTML e personalize:
  • Adicione um logotipo:
<img src="logo.png" alt="Minha Empresa" style="width:200px;">
  • Inclua mensagens personalizadas:
<p>Bem-vindo à rede Wi-Fi da Minha Empresa! Conecte-se para acessar a internet.</p>
  • Estilize com CSS:

<style>body { font-family: Arial, sans-serif; text-align: center; background-color: #f4f4f4; }</style>

4. Adicione Imagens ao Diretório HTML

Envie as imagens personalizadas para o Mikrotik: 
/tool fetch upload=yes src-path=/caminho/local/logo.png dst-path=hotspot/html/logo.png

5. Recarregue a Página de Login no Mikrotik

Substitua o arquivo login.html no Mikrotik pelo arquivo editado:
/tool fetch upload=yes src-path=/caminho/local/login.html dst-path=hotspot/html/login.html

6. Teste a Página de Login

Conecte-se ao Hotspot e verifique se a página personalizada está sendo exibida corretamente.

7. Adicione Funcionalidades Avançadas (Opcional)

- **Redirecionamento Pós-Login**: Adicione o seguinte código ao `login.html`: <meta http-equiv="refresh" content="3;url=http://www.example.com">
  • Integração com APIs ou Anúncios: Inclua scripts JavaScript para exibir banners ou integrar com APIs de autenticação externa.

Conclusão

Personalizar a página de login do Hotspot no Mikrotik é uma excelente maneira de melhorar a experiência do usuário e incluir informações importantes ou anúncios. Com este guia, você pode transformar a página padrão em algo alinhado à identidade da sua marca ou necessidades específicas.