Passar para o conteúdo principal

Personalização das telas do captive (cadastro, tipo de cadastro e bloqueio) [new]

Neste artigo abordaremos todos os contextos relacionados a tela de cadastro, tipo de cadastro e tela de bloqueio.

Tela de Cadastro

Você pode personalizar a tela de cadastro, na qual aparece quando o usuário realiza o primeiro acesso ao Wi-Fi através dos passos abaixo:

  1. Acesse sua conta no WiFeed;

  2. Clique no menu à esquerda em Configurações;

  3. Clique em Tela de cadastro;

  4. Nesta página você pode escolher uma combinação de cores pré-determinadas ou personalizar com as cores da sua marca, além de adicionar o seu logotipo;

  5. Caso você não tenha uma tela, você deve criar uma nova tela

    1. Clique em Criar Customização;

    2. Adicione um nome;

    3. Clique em criar;

    4. Ajuste a parte visual, cores, background e logomarca;

    5. Além destas opções é possível ajustar os locais onde esta tela irá aparecer para os clientes clicando na opção "Selecionar locais"

    6. Clique em Salvar para pôr em funcionamento;

  6. Após configurado, clique em salvar para aplicar as personalizações;

    Dimensões e Características da Logo

  • Largura: 250 px

  • Altura: 150 px

  • Tamanho do arquivo: Máximo de 400kb

  • Formato: PNG

💡 Dicas para destaque da logo:

  • Se o background for claro, utilize uma logo em tom escuro.

  • Se o background for escuro, opte por uma logo em tom claro.

💡 Ajustes necessários:

  • Dependendo do formato da sua logo (mais larga ou mais alta), pode ser necessário fazer testes na funcionalidade para garantir o melhor encaixe.

  • Após fazer o upload, você pode visualizar como a logo se comporta diretamente na plataforma.


Edição do Formulário da Tela de Cadastro

Na tela de cadastro, é possível escolher os campos a serem preenchidos pelos usuários. Vamos mostrar como ajustar estes campos.

Lembrando: Os dados que forem captados no cadastro serão os dados que vocês terão acesso, ou seja, caso optem por não pegarem, por exemplo, telefone, depois não será possível entrar em contato, pois não terá nenhum número disponível.

Como ajustar os campos:

  1. Localize no menu a esquerda Configurações;

  2. Entre em Configurações e em Tipos de cadastro;

  3. Ao clicar em Tipos de cadastro você irá ver todos os tipo de cadastros padrão do WiFeed ;

  4. Edite ou crie o seu novo formulário conforme as instruções abaixo;

Hoje temos os seguintes tipos de formulários possíveis de serem usados:

  1. Login Social via Twitter

  2. Login Social via Linkedin

  3. Login Social via Facebook

  4. Login via CPF (Tipo de cadastro onde o campo utilizado para o login é o CPF do cliente)

  5. Login via E-mail (Tipo de cadastro onde o campo utilizado para o login é o E-mail do cliente)

  6. Login via Telefone (Tipo de cadastro onde o campo utilizado para o login é o Telefone do cliente)

  7. Login via Voucher (Tipo de cadastro onde o campo utilizado para o login é um voucher criado dentro da nossa plataforma)

  8. Login via Serviço externo (Tipo de cadastro realizado através de integração como IXC, Hubsoft, MK Solutions e Active Directory - Azure)

  9. Login via acesso patrocinado (Tipo de cadastro no qual um usuário interno deve aprovar o acesso do visitante)

  10. Login dinâmico (Tipo de cadastro realizado através da validação de credenciais com serviços que aceitem requisições diretas e leves, sem necessidade de desenvolvimento técnico)

  11. Login via pagamento (Tipo de cadastro através da bilhetagem, mediante à cobranças com integração ao Mercado Pago)

  12. Login sem formulário (Tipo de cadastro se você não quiser nenhum tipo de dado - a única informação que virá, será o MAC do aparelho)

⚠️Observações: Os tipos de cadastros E-mail, CPF e Telefone permitem ajustar os campos obrigatórios como: E-mail, Data de nascimento, Telefone, Sexo, Nome, CEP e até mesmo criar um novo campo. Esses ajustes são realizados conforme as instruções abaixo:

Para iniciar o ajuste de campos criando um novo formulário, clique em “Criar Formulário de Login”

Nomeie da melhor forma para você. Selecione o campo obrigatório, esse será o campo “chave” que aparecerá. Ele será a primeira coisa que vai aparecer, e é através dele que nossa base de dados vai conseguir dizer se a pessoa já possui cadastro ou não.

Após definida a chave de acesso, é possível escolher qual local você quer vincular esse formulário. Pode escolher para que em algumas lojas esteja o formulário padrão e em outras o formulário que está sendo criado, ou deixar o diferenciado em todas.

Ao clicar em avançar novamente, aparecerá os campos possíveis de configurar:

Nessa etapa, você pode escolher o que acha essencial de pedir para o usuário.

Além disso, é possível pedir e deixar como obrigatório (necessário preencher, ou não será possível avançar), como está o telefone na imagem.

Além disso, também é possível “criar campo do formulário”, onde você pode criar um campo que considera importante mas não está presente no formulário, por exemplo, “Bairro”.

Ao criar o novo campo temos que preencher e selecionar algumas opções:

  • Tipo de Campo: Booleano (verdadeiro ou falso), Texto ou Opções (onde você adiciona as opções que ele pode fazer parte).

  • Nome (o que aparece para você)

  • Label (o que vai aparecer para o usuário) e clique em criar.

OBS: Caso a opção escolhida no campo extra, tenha sido “Texto”, irão aparecer também opções de máscara, que são a opção de receber a informação com os formatos ali descritos (formato de CPF, formato de telefone, etc). Caso queira aceitar todos, apenas clique no botão de mesmo nome.

Caso não queira criar um novo formulário, é possível apenas editar o formulário existente:

Será necessário clicar no botão de editar ao lado do formulário escolhido e realizar os ajustes conforme visto nas orientações anteriores.

Feito essas alterações, agora você já possui um formulário de cadastro diferenciado!


Edição da Tela de Bloqueio

Esta sessão exemplifica a edição da tela de bloqueio exibida no captive portal quando o tempo de conexão do usuário final se encerra e entra em período de bloqueio.

A personalização inclui:

  • Texto customizado (mensagem de bloqueio)

  • Cor do texto

  • Cor de fundo da tela

  • Imagem de fundo (opcional)

  • {TIMEOUT} (opcional)

Como realizar a edição:

  1. Acessar a conta de estabelecimento

  2. Clicar no menu “Configurações”

  3. Clicar no submenu Tela de bloqueio

  4. Customizar a tela de bloqueio de acordo com a sua identidade visual.

Respondeu à sua pergunta?