Manual StyleFlow
Manual do sistema · edição 2026

StyleFlow

Gestão completa para salões e barbearias — agenda, financeiro, loja e um assistente de IA que atende seus clientes por texto, voz e WhatsApp. Este manual mostra, com telas reais do sistema em uso, como o administrador, a equipe e os clientes usam cada parte do StyleFlow.

Administrador Funcionário Cliente
Começar a ler ↓

Escolha seu perfil

Introdução

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.

QuemOnde acessaO que faz
AdminLogin com email e senhaGerencia tudo: agenda da equipe inteira, clientes, financeiro, marketing, configurações
FuncionárioLogin próprio ou link mágico enviado pelo adminVê a própria agenda, comissões e fila de atendimento
ClienteLink público do salão, sem loginAgenda 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.

Comece aqui

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)

  1. 1Abra o link do StyleFlow no Chrome (o link de login, se for administrador/funcionário, ou o link de agendamento, se for cliente).
  2. 2Depois de alguns segundos, aparece uma faixa na tela perguntando se quer instalar. Toque em Instalar.
  3. 3Se a faixa não aparecer, toque nos ⋮ (três pontinhos) no canto do Chrome e escolha Instalar aplicativo.

iPhone (Safari)

  1. 1Abra o link no Safari — se chegou pelo WhatsApp, toque nos "..." e escolha Abrir no Safari primeiro.
  2. 2Toque no ícone de Compartilhar (o quadrado com a setinha, na barra de baixo).
  3. 3Role a lista e toque em Adicionar à Tela de Início.
Cada instalação abre no lugar certo

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.

A logomarca do seu salão aparece no ícone

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.

Aviso de instalação do app mostrando o nome do salão Studio Bella Hair
O aviso de instalação já mostra o nome do salão — Studio Bella Hair, neste exemplo.
Administrador

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.

  1. 1Endereço — aparece pros clientes na página de agendamento.
  2. 2Horário de funcionamento — pode ser diferente em cada dia da semana, inclusive marcar dias fechados.
  3. 3Serviços — nome, duração e preço de cada serviço oferecido. Dá pra cadastrar quantos quiser aqui e continuar adicionando depois.
  4. 4Modo de atendimento — "Atendo sozinho(a)" (sem passo de equipe) ou "Tenho equipe".
  5. 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.

styleflow.byteforce-ai.com/app.html
Painel Visão Geral do StyleFlow com estatísticas do dia, próximos atendimentos e mapa de calor
Visão Geral: atendimentos de hoje, faturamento do mês, clientes cadastrados e taxa de ocupação, sempre no topo.

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.

Avisos importantes aparecem aqui em cima

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.

styleflow.byteforce-ai.com/app.html
Agenda em grade mostrando os horários de dois profissionais no mesmo dia
Cada coluna é um profissional; os quadrados coloridos são os horários já marcados. Dá pra ocultar profissionais pelas caixinhas de seleção acima da grade.
  • 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.

styleflow.byteforce-ai.com/app.html
Formulário de novo agendamento com busca de cliente por nome ou telefone
Comece digitando o nome ou telefone do cliente pra filtrar a lista — se ele ainda não existe, o botão + Cadastrar cliente rápido cria o cadastro sem sair do formulário.

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.

styleflow.byteforce-ai.com/app.html
Painel de notificações aberto mostrando avisos de novo agendamento e pagamento pendente
Novo agendamento, pagamento pendente, cliente em risco de não voltar — cada notificação leva direto pro lugar certo do sistema.

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.

styleflow.byteforce-ai.com/app.html
Lista de clientes com busca por nome ou telefone e cartões de estatísticas
Busca por nome ou telefone, ordenação (A-Z, mais recentes, mais visitas, quem gasta mais, quem está há mais tempo sem vir) e indicador de clientes em risco de não voltar.
styleflow.byteforce-ai.com/app.html
Detalhe de um cliente com histórico de atendimentos e botão de contato via WhatsApp
Detalhes abre o histórico completo de atendimentos do cliente e um atalho pra chamar no WhatsApp.

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.

styleflow.byteforce-ai.com/app.html
Lista de serviços cadastrados com preço, duração e categoria
Serviços podem ser desativados temporariamente (sem apagar o histórico de agendamentos antigos) e organizados por categoria.

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.

styleflow.byteforce-ai.com/app.html
Lista de profissionais cadastrados
Cada profissional tem especialidade, comissão sobre serviço e sobre produto vendido, e frequência de pagamento.

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.

styleflow.byteforce-ai.com/app.html
Lista de produtos cadastrados e pedidos da loja online aguardando retirada
A mesma página traz os produtos cadastrados e, logo abaixo, os pedidos que os clientes já fizeram pela Loja.

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.

styleflow.byteforce-ai.com/app.html
Formulário de novo produto com uma foto já carregada no campo Foto do Produto
Toque em Escolher Foto, selecione a imagem do celular ou computador, e a prévia já aparece antes mesmo de salvar.

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.
Sem pagamento pelo aplicativo

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.

styleflow.byteforce-ai.com/app.html
Página de Marketing mostrando um cartão presente e um cupom de desconto ativos
Um cartão presente de R$ 100 e um cupom de 15% de desconto, ambos ativos e prontos pra usar.

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.

styleflow.byteforce-ai.com/app.html
Painel financeiro com faturamento por período e lista de transações
Filtra por período (hoje, semana, mês, mês anterior, trimestre ou qualquer mês do histórico) e exporta tudo em CSV pra planilha ou contador.

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.

Página de Configurações completa: dados básicos, link do salão, WhatsApp, horários, metas e fidelidade
A página de Configurações rolando pra baixo, no celular.

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.

Sem WhatsApp conectado

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.

Funcionário

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.

Menu mais enxuto

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.

styleflow.byteforce-ai.com/app.html
Meu Painel do funcionário com ganhos, fila da vez, recordes e próximos atendimentos
Ganho de hoje, da semana e do mês, calculados automaticamente pela comissão cadastrada em cada serviço.
  • 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.

Agendando um horário

Quatro passos simples, pensados pra funcionar bem no celular — que é como praticamente todo cliente vai acessar.

Passo 1: escolha de serviços, com dois serviços selecionados
1. Escolher serviço(s)
Passo 2: escolha do profissional
2. Escolher profissional
Passo 3: escolha de data e horário disponível
3. Escolher data e horário
  1. 1Escolhe um ou mais serviços — pode combinar mais de um no mesmo horário, a duração já soma sozinha.
  2. 2Escolhe o profissional entre os que atendem aqueles serviços.
  3. 3Escolhe a data e um horário livre — só aparecem os horários realmente disponíveis pra aquele profissional.
  4. 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.

Cupom de desconto aplicado com sucesso, mostrando 15% de desconto e economia de R$ 22,50
Aplicado o cupom, o valor economizado aparece na hora — sem precisar confirmar pra só então descobrir o preço final.

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.

Checkout da loja com cartão presente aplicado no pedido
Cartão presente aplicado no checkout da Loja — funciona igual no agendamento de serviços.

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.

Tela de agendamento confirmado com botão para ativar notificações
Assim que confirma o agendamento, o cliente já pode tocar em Ativar notificações do agendamento.

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.
Funciona mesmo sem WhatsApp

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.

Aba Loja com produtos disponíveis, cada um com sua foto e o selo Destaque no produto em evidência
Produto em Destaque aparece primeiro, com o selo dourado no canto da foto.
Produto adicionado ao carrinho com a barra de finalizar pedido no rodapé
Os botões − e + ajustam a quantidade; a barra no rodapé mostra o total e finaliza o pedido.

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.

agendar.html
Página Minha Conta mostrando dados do cliente e próximos agendamentos
Histórico de visitas, total de visitas e os próximos agendamentos, com opção de cancelar ou remarcar.
Não precisa digitar o telefone toda vez

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.

Conversa com o assistente de IA pedindo para agendar um horário
O cliente escreve num português qualquer — "quero agendar uma escova pra amanhã de manhã" — e o assistente cuida do resto.
  • 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.
Dúvidas comuns

Perguntas Frequentes

O cliente precisa instalar algum aplicativo pra agendar?
Não. O link de agendamento abre num navegador normal, sem instalar nada. A instalação (veja Instalando o app) é só uma conveniência opcional pra quem quiser acessar mais rápido depois.
Preciso ter WhatsApp conectado pra usar o sistema?
Não — agenda, financeiro, loja, cupons e cartões presente funcionam sem WhatsApp conectado. Conectar o WhatsApp liga dois recursos a mais: o assistente de IA atendendo por lá, e o envio automático de lembretes de confirmação por WhatsApp (que, sem conexão, ainda saem pela notificação do aplicativo do cliente).
Um funcionário pode ver a agenda de outro funcionário?
Não. Cada funcionário só vê a própria agenda e o próprio painel de ganhos. Só o administrador vê a agenda completa da equipe.
O cliente pode cancelar ou remarcar sozinho?
Sim, pela aba Minha Conta (buscando pelo telefone usado no agendamento) ou conversando com o assistente de IA — os dois caminhos permitem cancelar e remarcar sem precisar ligar pro salão.
Um cupom e um cartão presente podem ser usados juntos?
Sim. O cupom desconta primeiro em percentual, e o cartão presente abate o que sobrar em reais — o sistema calcula tudo automaticamente.
Posso mudar a logomarca do salão depois de já ter clientes usando o app instalado?
Sim, a qualquer momento em Configurações. Só que o ícone já instalado no celular de quem instalou antes da troca não atualiza sozinho — só quem instalar a partir dali vê a logomarca nova.
Onde entro se esqueci minha senha?
Na tela de login, o link Esqueci minha senha envia um link de redefinição pro email cadastrado.