Um sistema, três formas de usar
O StyleFlow é o sistema de gestão do seu salão ou barbearia. Ele é usado por três tipos de pessoa, cada uma com uma tela e um nível de acesso diferente — mas todo mundo entra pelo mesmo aplicativo.
| Quem | Onde acessa | O que faz |
|---|---|---|
| Admin | Login com email e senha | Gerencia tudo: agenda da equipe inteira, clientes, financeiro, marketing, configurações |
| Funcionário | Login próprio ou link mágico enviado pelo admin | Vê a própria agenda, comissões e fila de atendimento |
| Cliente | Link público do salão, sem login | Agenda horários, compra produtos, acompanha e cancela pelo próprio telefone |
Todas as telas deste manual são do StyleFlow em funcionamento real, com o salão de exemplo Studio Bella Hair — os nomes de clientes e valores são fictícios, mas o sistema é exatamente o que você vai usar no seu salão.
Instalando o aplicativo no celular
O StyleFlow funciona direto no navegador, mas pode ser instalado como um aplicativo de verdade — com ícone na tela inicial, tela cheia e abertura mais rápida. Não precisa passar pela Play Store nem pela App Store: a instalação acontece direto pelo navegador.
Android (Chrome)
- 1Abra o link do StyleFlow no Chrome (o link de login, se for administrador/funcionário, ou o link de agendamento, se for cliente).
- 2Depois de alguns segundos, aparece uma faixa na tela perguntando se quer instalar. Toque em Instalar.
- 3Se a faixa não aparecer, toque nos ⋮ (três pontinhos) no canto do Chrome e escolha Instalar aplicativo.
iPhone (Safari)
- 1Abra o link no Safari — se chegou pelo WhatsApp, toque nos "..." e escolha Abrir no Safari primeiro.
- 2Toque no ícone de Compartilhar (o quadrado com a setinha, na barra de baixo).
- 3Role a lista e toque em Adicionar à Tela de Início.
O ícone instalado sempre reabre exatamente de onde a pessoa instalou: quem instala pela tela de login vai direto pra gestão do salão; quem instala pelo link de agendamento vai direto pra página de agendar horário daquele salão específico — nunca cai na tela de administrador por engano.
Se você cadastrar a logomarca do salão em Configurações, é ela — não um ícone genérico — que aparece no celular do cliente quando ele instala o app pelo seu link de agendamento, junto com o nome do salão embaixo do ícone. Cada salão que usa o StyleFlow fica com a cara própria no celular do cliente, mesmo sendo o mesmo sistema por trás.
Primeiro acesso e configuração inicial
Ao criar a conta (nome, email, senha, nome do salão e tipo de negócio), o StyleFlow abre um assistente de configuração em 5 passos antes de liberar o painel — leva menos de cinco minutos.
- 1Endereço — aparece pros clientes na página de agendamento.
- 2Horário de funcionamento — pode ser diferente em cada dia da semana, inclusive marcar dias fechados.
- 3Serviços — nome, duração e preço de cada serviço oferecido. Dá pra cadastrar quantos quiser aqui e continuar adicionando depois.
- 4Modo de atendimento — "Atendo sozinho(a)" (sem passo de equipe) ou "Tenho equipe".
- 5Equipe (se escolheu "Tenho equipe") — nome, telefone, email e senha de cada funcionário. Essa senha já é o login real dele no sistema.
Qualquer coisa configurada aqui pode ser alterada depois em Configurações, Serviços ou Profissionais — nada é definitivo.
Visão Geral
É a primeira tela depois do login — um resumo do dia e do mês, sem precisar entrar em nenhum menu.
Próximos atendimentos & Atividade recente
Os horários que ainda vão acontecer hoje, e os últimos agendamentos criados — pra saber o que mudou desde a última vez que você olhou.
Fila da Vez
Distribui clientes sem profissional preferido em rodízio justo entre a equipe. Quem atendeu por último vai pro fim da fila.
Meta do Salão
Acompanha o quanto falta pra bater a meta de faturamento do mês, configurada em Configurações → Metas.
Mapa de Calor
Mostra visualmente os horários de maior movimento na semana — útil pra decidir quando abrir mais horários ou contratar reforço.
Quando falta pouco pro período de teste vencer, ou quando o WhatsApp do salão não está conectado (o que impede o envio automático de lembretes de confirmação — veja Confirmação de presença), um aviso amarelo aparece no topo de todas as páginas até ser resolvido.
Agenda
A grade do dia, com uma coluna por profissional — arraste o olhar e veja o dia inteiro da equipe de uma vez.
- Toque em qualquer horário livre da coluna de um profissional (ou no + do topo da coluna) pra criar um agendamento já com aquele profissional selecionado.
- Toque num agendamento existente pra ver os detalhes, dar baixa no pagamento, editar ou cancelar.
- Bloquear Horário reserva um período da agenda (folga, almoço, compromisso) sem vincular a um cliente.
- As setas ao lado da data navegam entre os dias; o campo de data pula direto pra qualquer dia do calendário.
Criando um agendamento manualmente
Pelo botão + Novo Agendamento (ou o + de uma coluna), abre um formulário com busca de cliente por nome ou telefone, escolha de serviço, profissional, data, horário e forma de pagamento.
Notificações
O sino no canto superior direito de qualquer página avisa sobre coisas que precisam de atenção — sem precisar ficar checando a agenda toda hora.
A bolinha vermelha mostra quantas notificações ainda não foram lidas. Marcar todas como lidas limpa a contagem de uma vez.
Clientes
Todo cliente que já agendou (pelo painel, pelo link público ou pelo assistente de IA) fica cadastrado aqui automaticamente — sem precisar de cadastro manual.
Quando um grupo de clientes fica muito tempo sem voltar, um aviso aparece no topo da página com o botão Criar campanha de reativação, que já monta uma mensagem de WhatsApp pra reconquistar esses clientes.
Serviços
Cada serviço tem nome, duração e preço — é isso que o sistema usa pra calcular automaticamente quanto tempo reservar na agenda e quanto cobrar.
O campo opcional "Lembrar retoque em" (ex: 90 dias pra coloração) alimenta os avisos de "cliente em risco" e as campanhas automáticas de retorno.
Profissionais
Aqui ficam os cadastros da equipe — e é aqui também que se cria o login de cada funcionário.
Ao cadastrar um novo profissional com email e senha, ele já pode entrar no sistema pela tela de login normal, direto na própria área (veja Para o Funcionário).
Produtos & Loja
Produtos cadastrados aqui aparecem automaticamente na aba Loja do link público, pros clientes comprarem sem sair da conversa de agendamento.
Cadastrando um produto com foto
Em + Novo Produto, além de nome, descrição, preço e estoque, dá pra escolher uma foto — é ela que aparece pro cliente na Loja, então vale usar uma imagem que mostre bem o produto.
Como chegam os pedidos da Loja
Todo pedido feito pelo cliente pela Loja aparece na seção Pedidos da Loja Online, logo abaixo da lista de produtos, com o nome do cliente, telefone, itens e valor total — nasce sempre como Aguardando.
- Dar Baixa confirma que o cliente pagou e retirou, e desconta do estoque automaticamente.
- Cancelar devolve os itens pro estoque sem finalizar a venda.
Não existe cobrança online — o pedido só reserva o produto e avisa o salão. O pagamento é combinado direto com o cliente, normalmente na retirada.
Marketing — Cupons e Cartões Presente
A página de Marketing reúne as duas ferramentas de promoção do StyleFlow e o status da conexão com o WhatsApp.
Cupom de desconto
Em + Gerar Cupom, você escolhe o percentual de desconto, quantas vezes pode ser usado no total e até quando é válido. O sistema gera um código sozinho (como TLG7CTLE) — é só divulgar esse código pros clientes, por WhatsApp, Instagram ou onde preferir.
O cliente aplica o cupom ele mesmo, na hora de confirmar o agendamento ou finalizar a compra na loja — o sistema calcula o desconto na hora e mostra quanto ele está economizando (veja em Usando um cupom de desconto).
Cartão Presente
Em + Vender Cartão, você define o valor, opcionalmente o nome de quem está presenteando e de quem vai receber, e a validade. O sistema gera um código único e já monta uma mensagem pronta pra enviar por WhatsApp direto pro presenteado, com o código e o link de agendamento do salão.
O saldo do cartão pode ser usado aos poucos, em mais de um agendamento ou compra, até acabar ou vencer a validade.
Campanhas e Banners
Campanhas disparam mensagens de WhatsApp em lote (reativação de clientes inativos, por exemplo). Banners de promoção aparecem direto na página pública — banners marcados como "Loja" aparecem na aba Loja, e banners de "Serviços" aparecem na aba de agendar horário.
Financeiro
Todo atendimento concluído e toda venda de produto viram uma linha aqui — sem precisar lançar nada manualmente.
Pagamentos marcados como Fiado (pendente) ficam também na página Fiado, com aviso automático pro admin quando a data combinada de pagamento vence.
Configurações
É aqui que o salão toma forma: dados básicos, logomarca, endereço, horário, conexão com WhatsApp, fidelidade e backup.
Logomarca do salão
Aparece na página pública de agendamento e — como explicado em Instalando o app — no ícone do aplicativo instalado pelo cliente.
Link do seu salão
O endereço que você compartilha com os clientes pra agendar. Copiar já deixa pronto pra colar no WhatsApp, Instagram ou onde precisar.
Bot de Atendimento (WhatsApp)
Conecta o número de WhatsApp do salão pra que o assistente de IA atenda os clientes automaticamente por lá — o mesmo assistente do chat da página de agendamento.
Programa de Fidelidade
Defina quantas visitas dão direito a uma recompensa (ex: 10 visitas = 1 corte grátis) — o sistema conta sozinho e mostra o progresso na ficha de cada cliente.
Fila da Vez
Liga ou desliga o rodízio automático de atendimento sem profissional preferido, usado na Visão Geral e no Meu Painel dos funcionários.
Backup completo
Baixa um CSV separado por tipo de dado (serviços, profissionais, clientes, agendamentos, despesas) — seu, pra guardar onde quiser.
O salão continua funcionando normalmente sem conectar o WhatsApp — agendamentos, cobrança e loja funcionam do mesmo jeito. A única diferença é que os lembretes automáticos de confirmação de presença passam a depender só das notificações do aplicativo do cliente (veja Confirmação de presença), em vez de saírem também por WhatsApp.
Assistente de IA no seu painel
O mesmo assistente que atende os clientes também trabalha pra você, dentro do próprio painel administrativo — é o balãozinho no canto inferior direito de qualquer tela.
Peça em texto normal, como se estivesse falando com um funcionário:
- "Lança uma despesa de R$ 250 com produtos de cabelo"
- "Dá baixa no atendimento da Larissa de hoje às 9h"
- "Quanto faturei essa semana?"
- "Agenda um Corte Masculino pro Bruno amanhã às 15h com o Rafael"
- "Bloqueia a agenda da Beatriz na sexta de manhã, ela vai numa consulta"
O assistente sempre confirma o que entendeu antes de executar qualquer ação que mexe em dinheiro ou na agenda — nunca lança nem agenda nada sozinho sem essa confirmação.
Como acessar sua conta
O funcionário entra com o email e a senha cadastrados pelo administrador — o mesmo endereço de login usado pelo admin, só que o sistema já sabe diferenciar quem é quem.
Além do login normal, o administrador pode enviar um link mágico — um link único que já entra direto na conta do funcionário, sem digitar senha nenhuma, útil pra mandar por WhatsApp num primeiro acesso.
Quem entra como funcionário só vê Agenda, Meu Painel e Fiado no menu lateral — as áreas administrativas (Clientes, Financeiro, Configurações etc.) ficam visíveis só pra quem é administrador do salão.
Meu Painel
O painel pessoal do profissional: quanto já ganhou, sua posição na fila de atendimento e os próximos horários marcados.
- Fila da Vez mostra quem é o próximo a atender um cliente sem preferência de profissional — Atender registra que a vez foi usada.
- Recordes compara a semana e o mês atuais com os melhores já alcançados.
- Vender Produto, ao lado de cada atendimento, registra uma venda avulsa de produto pro mesmo cliente.
Minha agenda
A aba Agenda mostra só os horários daquele profissional — os mesmos detalhes, dar baixa e reagendar que o administrador tem, mas sem ver a agenda do resto da equipe.
Recebendo o link de agendamento
O cliente não cria conta nem baixa nada de loja de aplicativo — o salão compartilha um link (por WhatsApp, Instagram, no cartão de visita) que abre direto a página de agendamento daquele salão específico.
A página traz três abas sempre visíveis no topo: Agendar Horário, Loja e Minha Conta — o cliente circula entre elas sem perder o que já preencheu.
Agendando um horário
Quatro passos simples, pensados pra funcionar bem no celular — que é como praticamente todo cliente vai acessar.
- 1Escolhe um ou mais serviços — pode combinar mais de um no mesmo horário, a duração já soma sozinha.
- 2Escolhe o profissional entre os que atendem aqueles serviços.
- 3Escolhe a data e um horário livre — só aparecem os horários realmente disponíveis pra aquele profissional.
- 4Informa nome e WhatsApp, aplica cupom ou cartão presente se tiver, e confirma.
Usando um cupom de desconto
Se o salão divulgou um código de cupom, o cliente digita no passo final do agendamento (ou do checkout da loja) e o desconto é calculado na hora.
Usando um cartão presente
Quem ganhou um cartão presente do salão usa o código dele do mesmo jeito que um cupom — no agendamento ou na compra da loja — e o saldo é descontado automaticamente do valor total.
Se o saldo do cartão for maior que a compra, o restante fica guardado no cartão pra usar depois — até vencer a validade combinada.
Confirmação de presença
Perto do horário marcado, o sistema manda um lembrete pedindo pra confirmar presença — reduz muito o "esquecimento" e as faltas.
Esse lembrete pode chegar por dois canais, e o sistema tenta os dois:
- WhatsApp, se o salão tiver o número conectado;
- Notificação do aplicativo instalado no celular do cliente (com vibração e som), ativada tocando naquele botão logo depois de agendar.
Se o salão ainda não conectou o WhatsApp, essa notificação pelo aplicativo é o único jeito do cliente receber o pedido de confirmação — por isso vale sempre incentivar o cliente a tocar em "Ativar notificações" logo depois de agendar.
O cliente confirma ou avisa que não vai poder ir com um toque, direto na notificação — sem precisar reabrir o site.
Comprando na Loja
A aba Loja mostra os produtos que o salão colocou à venda, com foto, preço e destaque — funciona como uma lojinha simples dentro da própria página de agendamento.
Não existe pagamento pelo aplicativo — o pedido fica reservado e o pagamento é combinado direto com o salão na hora de retirar (veja como o salão recebe e confirma esse pedido em Produtos & Loja).
Minha Conta
Sem senha nem cadastro: o cliente digita o telefone usado no agendamento e vê tudo o que já marcou ou comprou naquele salão.
Depois da primeira busca (ou do primeiro agendamento) num aparelho, o StyleFlow lembra o telefone naquele navegador — da próxima vez que o cliente abrir o link e for em "Minha Conta", o histórico já aparece sozinho.
Assistente por chat e voz
O balãozinho no canto da tela é um assistente de IA que agenda, cancela, remarca e vende produto batendo papo em português normal — pra quem prefere conversar a preencher formulário.
- Entende pedidos por escrito ou por áudio — o ícone de microfone ao lado do campo de texto grava e transcreve automaticamente.
- Se o cliente já é conhecido daquele aparelho (já agendou antes por ali), o assistente já sabe nome e telefone e não pergunta de novo.
- Antes de confirmar qualquer agendamento ou compra, ele sempre repete um resumo e espera a pessoa confirmar — nunca marca nada sozinho.
- O mesmo assistente atende pelo WhatsApp do salão, quando conectado — é a mesma "pessoa" dos dois lados.