A tela inicial é o ponto de partida de toda a sua operação no FoccoLOJAS. Ela reúne o menu lateral de navegação, os atalhos na barra superior e na área de trabalho tem os painéis de indicadores do Dashboard.
Tudo está organizado para que você acesse o que precisa com o menor número de cliques possível.
A tela do FoccoLOJAS é dividida em três áreas principais que funcionam de forma integrada. São elas:
| Área | Localização | Função principal |
|---|---|---|
| Menu Lateral | Navegação entre todos os módulos do sistema | |
| Barra Superior | Atalhos de criação rápida e gerenciamento de conta | |
| Dashboard | Dashboard com indicadores, gráficos e widgets de dados |
▼ 1. Menu Lateral
O menu lateral é a principal forma de navegar entre os módulos do sistema.
▼ 1.1 Ícones e Módulos
Cada módulo do sistema possui um ícone ilustrativo exclusivo que facilita a identificação visual sem necessidade de leitura do nome completo. Os módulos disponíveis no menu são:
| IMPORTANTE: a exibição dos módulos pode variar conforme o perfil de acesso do usuário. Módulos não liberados para o seu perfil não aparecem neste menu. |
| Ícone | Módulo | Descrição |
|---|---|---|
| Dashboard | Painel de indicadores e gráficos da operação | |
| Mais Usados | Atalhos automáticos gerados pelo seu comportamento de uso | |
| Comercial | Gestão de clientes, projetos e orçamentos | |
| Pós-Venda | Revisões, entregas e montagem | |
| Assistência Técnica | Chamados e atendimentos técnicos | |
| Agendas | Compromissos e agendamentos | |
| Compras | Pedidos de compras e controle de fornecedores | |
| Marketing | Compra de itens de marketing de fornecedores | |
| Financeiro | Fluxo de caixa, contas a pagar e receber | |
| Fiscal | Emissão de documentos fiscais | |
| Estatísticas | Gráficos gerenciais e relatórios analíticos | |
| Enterprise | Recursos adicionais | |
| Sistema | Parâmetros e configurações gerais | |
| Avançado | Ferramentas e configurações avançadas | |
| Treinamentos | Materiais de capacitação e tutoriais |
▼ 1.2 Menu Dashboard
O menu Dashboard fica fixo no topo do menu lateral e permite retornar ao painel principal com um único clique, independentemente de qual módulo ou tela você esteja acessando. Para ampliar seu conhecimento sobre a Dashboard, criamos um artigo exclusivo com um guia completo e detalhado sobre como utilizá-la de forma assertiva e eficiente. Não deixe de conferir! Saiba mais aqui.
Como funciona:
Clique em Dashboard no topo do menu a qualquer momento para voltar à tela inicial sem precisar usar o botão Voltar do navegador.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
▼ 1.3 Mais Usados
O Mais Usados é um menu personalizado gerado automaticamente pelo sistema com base no seu comportamento de navegação. É registrado quais programas e funcionalidades você acessa com mais frequência e os organiza em uma lista de acesso rápido.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
Como funciona:
O sistema monitora quais funcionalidades você acessa durante o uso normal. As funcionalidades mais acessadas são listadas automaticamente, para visualizá-las clique no menu Mais Usados.
A lista é atualizada continuamente, quanto mais você usa o sistema, mais precisa ela fica.
| IMPORTANTE: O Mais Usados é individual por usuário. Cada operador tem sua própria lista personalizada, refletindo exatamente a sua rotina de trabalho. |
▼ 1.4 Seções Recolhíveis
Cada módulo do menu lateral pode ser expandido para exibir suas subseções ou recolhido para liberar espaço na tela. Isso permite manter visíveis apenas os módulos em uso, reduzindo a rolagem e facilitando a localização de funcionalidades.
| Ação | Como fazer | Resultado |
|---|---|---|
| Expandir módulo | Clicar no nome do módulo no menu | Exibe as subseções e funcionalidades do módulo |
| Recolher módulo | Clicar novamente no nome do módulo | Oculta as subseções, compactando o menu |
▼ 1.5 Tag Novo
A tag Novo é um indicador visual temporário, é exibido ao lado de funcionalidades recém-lançadas no sistema. Seu objetivo é garantir que nenhuma novidade passe despercebida durante o uso do sistema.
Ao identificar no sistema esta tag, acesse a funcionalidade para conhecer o recurso lançado. Muitas novidades surgem a partir de sugestões de usuários e podem otimizar tarefas do seu dia a dia.
| Característica | Detalhe |
|---|---|
| Posição | Ao lado do nome do módulo ou funcionalidade no menu lateral |
| Duração | Temporária, é removida automaticamente após um período definido pelo sistema |
| Objetivo | Sinalizar funcionalidades recém-lançadas que podem agregar valor à operação |
▼ 1.6 Pesquisa
Permite pesquisar os programas do sistema. Ao inserir a palavra para pesquisar, é listado as opções conforme a informação digitada, exibindo o diretório do menu.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
▼ 2. Barra Superior
A barra superior fica sempre visível durante a navegação pelo sistema, nela você encontra menus para criar registros rapidamente e acessar as configurações da sua conta.
▼ 2.1 Menu Novo - Inclusão Rápida
O menu Novo, localizado no canto superior direito, permite iniciar os principais processos de cadastro sem precisar navegar pelos módulos. Ao clicar, um menu é exibido com as seguintes opções:
| Opção | Funcionalidade |
|---|---|
| Cliente | Abre o formulário de cadastro de novo cliente |
| Consulta de Itens | Acessa a consulta rápida de itens do catálogo |
| Projeto | Inicia a criação de um novo projeto |
| Venda Rápida | Abre o fluxo simplificado de registro de venda |
| Venda Avulsa | Registra uma venda avulsa sem vínculo a projeto |
Use o menu Novo para criar registros sem perder o contexto da tela em que está trabalhando, ideal para situações de atendimento em que velocidade é essencial.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
| IMPORTANTE: O menu Novo considera a permissão de acesso do colaborador para inclusão de clientes e projetos. |
▼ 2.2 Seleção de Loja / Unidade
O seletor de loja exibe, na barra superior, o nome da loja ou unidade em que o usuário está logado no momento. Para operadores com acesso habilitado a mais de uma unidade, é possível alternar entre elas diretamente por esse seletor, sem a necessidade de um novo login.
| Situação | Comportamento |
|---|---|
| Usuário com acesso a uma loja | Exibe apenas o nome da loja atual, sem opção de troca |
| Usuário com acesso a múltiplas lojas | Exibe um seletor clicável que lista as unidades disponíveis para navegação |
Para visualizar esta imagem em tamanho ampliado, clique aqui.
| IMPORTANTE: Ao alternar de loja, os dados exibidos no Dashboard e nos módulos são atualizados automaticamente para refletir a unidade selecionada. Verifique sempre qual loja está ativa antes de registrar informações. |
▼ 2.3 Notificações
O ícone , localizado no canto superior direito, permite acesso à central de notificações do sistema.
Ao clicar, um painel é aberto exibindo os alertas e comunicados mais recentes.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
| Tipo de notificação | Descrição |
|---|---|
| Ações pendentes | Alertas sobre tarefas ou aprovações que aguardam a sua interação |
| Comunicados da Cyncly | Avisos oficiais, atualizações de sistema e informativos da Cyncly |
| Processamentos em segundo plano | Status de operações em execução, como importações, relatórios e sincronizações |
| IMPORTANTE : Um indicador numérico sobre o ícone do sino sinaliza a quantidade de notificações não lidas. Clique no sino para visualizá-las e marcar como lidas. |
▼ 2.4 Fale Conosco
O menu Fale Conosco, localizado na barra superior, reúne em um só lugar os principais canais de suporte e capacitação do sistema. Ao clicar, você encontra as seguintes opções:
Para visualizar esta imagem em tamanho ampliado, clique aqui.
| Opção | O que oferece |
|---|---|
| Central de Ajuda | Acesso completo à documentação do sistema, artigos explicativos e tutoriais passo a passo para todas as funcionalidades do FoccoLOJAS. |
| Contato | Canais de atendimento telefônico e chat com os respectivos horários disponíveis para suporte direto com a equipe |
| Treinamentos | Plataforma de capacitação elaborada pela equipe de consultoria, com cursos e materiais para aprofundar o uso do sistema |
| DICA: Para novos usuários, recomendamos começar pela Central de Ajuda e pelos Treinamentos — eles cobrem desde os conceitos básicos até as funcionalidades mais avançadas do FoccoLOJAS. |
▼ 2.5 Perfil de Usuário
Para acessar as configurações do seu perfil, clique no seu nome no canto superior direito da tela.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
Ao clicar no nome do perfil, um painel é exibido com as seguintes opções:
| Opção | Funcionalidade |
|---|---|
| Meu Perfil | Acessa as configurações pessoais da conta, como nome, foto e preferências |
| Chat | Abre o chat interno para comunicação com a equipe |
| Programas Internos | Acesso a ferramentas e programas internos da organização |
| Ajuda | Abre a Central de Ajuda do sistema (Help) |
| Sair | Realiza o logoff seguro da conta |
| IMPORTANTE: Sempre utilize o botão Sair para encerrar sua sessão. Fechar o navegador diretamente sem fazer logoff pode manter a sessão ativa por um período. |
▼ 2.5.1 Meu perfil
A opção Meu Perfil disponível no Perfil do usuário exibe as informações do usuário Promob.
Nesta opção é permitido visualizar e gerenciar dados pessoais. Além disso, caso o usuário tenha a devida permissão, é possível modificar a data do sistema.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
Alteração da Data do Sistema
Usuários autorizados podem ajustar a data de execução do sistema para realizar operações com datas retroativas.
Regras para alteração da data:
- A modificação é válida apenas para a sessão atual. No próximo login, o sistema retornará automaticamente à data atual.
- Essa opção só estará disponível para usuários com permissão. A exibição do campo depende da configuração: Sistema - Usuário - Permite alterar a data do sistema = Sim.
Contas do Usuário
O menu Contas do Usuário consulta as contas que o usuário Promob possui acesso e só fica visível quando o usuário tem um usuário Promob vinculado.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
Nesta etapa, algumas mensagens informativas podem ser exibidas nos seguintes casos:
- Caso o usuário ainda não tenha vinculado o usuário Promob, uma mensagem é exibida conforme imagem abaixo.
- Caso o usuário logado não tenha acesso à conta Promob da loja logada, uma mensagem é exibida conforme abaixo.
| OBSERVAÇÃO: As cores dos balões são alteradas caso a loja possua integração direta com o Promob ativa. |
Editar a foto: clique no ícone correspondente.
Alterar as informações de contato: clique no link Alterar, em seguida Editar meu perfil é exibido:
Através da tela Editar meu perfil é possível realizar as seguintes alterações:
| Campo | Funcionalidade |
|---|---|
| Definir o e-mail do usuário | |
| Telefone | Definir o telefone do usuário |
| Ramal | Definir o ramal do usuário |
| Idioma | Definir o idioma do sistema (português, inglês ou espanhol) |
| Filtros de consulta |
Definir os filtros de consulta, configurando por usuário como o sistema deve se comportar ao filtrar informações nos programas Opções de Filtros de consulta:
|
| Receber notificações | Em Notícias, aparecem todas as notícias publicadas para esse usuário, independente se já foram lidas ou não, e mesmo as que estiverem fora do prazo de apresentação |
▼ 3. Dashboard
O Dashboard é a área central da tela inicial e exibe os principais indicadores da operação em tempo real.
Pode ser configurado por tipo, Comercial ou Financeiro, conforme a necessidade do usuário.
Saiba mais sobre o Dashboard acessando a documentação detalhada sobre os recursos e funcionalidades, saiba mais aqui.
Para visualizar esta imagem em tamanho ampliado, clique aqui.
▼ 4. Menus e Ícones
Os menus a seguir possuem a mesma função em todos os programas onde são exibidos. Além destes, outros botões podem ser visualizados, sendo específicos para cada programa.
| Ícone | Funcionalidade |
|
Incluir: clicar nesse botão para incluir um novo cadastro no programa em que se está acessando. O sistema irá direcionar para a tela de inclusão, para que os campos sejam preenchidos. Para salvar o novo cadastro, clicar em CONFIRMAR, no canto inferior direito da tela. Este botão aparecerá somente para as empresas filhas (último nível na hierarquia de empresas). |
|
|
Pesquisa Avançada: Quando esse botão estiver presente na tela, significa que é possível realizar uma busca mais detalhada dos cadastros do programa acessado. O sistema abrirá uma pequena tela, com os campos disponíveis para a busca avançada. |
|
| Limpar Filtros da Pesquisa Avançada: Quando esse botão estiver na cor verde com a opção LIMPAR FILTROS, significa que algum filtro da pesquisa avançada está sendo aplicado na listagem atual. Ao clicar em LIMPAR FILTROS, os filtros aplicados serão retirados. A tela inicial apresentará todos os cadastros permitidos para o usuário, e o botão voltará a ficar na cor cinza. | |
|
Mais Opções: Esse botão aparecerá em praticamente todos os programas, permitindo o acesso a outras ações específicas de cada programa, além das ações mais comuns, que são: Imprimir: permite imprimir um relatório, a partir dos resultados da pesquisa listados na tela; Exportar Excel: permite gerar e efetuar download de arquivo de Excel, contendo as informações selecionadas na pesquisa e os resultados listados na tela; Ajuda: abre o Help do programa para acessar alguma explicação ou ajuda do mesmo. |
|
| Editar: Esse botão será exibido quando houver possibilidade de editar a informação ao qual ele está vinculado. | |
| EDITAR | Clicar para acessar a interface para o modo de edição, possibilitando alteração das informações dos campos. |
| CONFIRMAR | Clicar para salvar as informações ou alterações realizadas. |
| EXCLUIR | Clicar para excluir o registro que está sendo acessado no momento. |
| CANCELAR | Esse botão aparecerá em diversas telas do sistema. Basicamente, sua função é cancelar a ação realizada ou voltar para a tela anterior sem salvar as informações ou alterações feitas. |
|
FECHAR |
Permite fechar a janela que está sendo exibida. |
| IMPRIMIR | Esse botão aparecerá em diversos programas do sistema. Sua função é permitir a visualização das informações na tela, em forma de impressão. Em alguns casos, solicitará a escolha de um layout de documento pré-configurado. Em outros casos, como nos relatórios, exibirá diretamente as informações na tela. |
|
VOLTAR |
Permite retornar à página anterior, sem salvar as alterações feitas. |
|
FILTRAR REGISTROS |
Esse botão é uma ação da pesquisa avançada, onde é possível informar dados para filtrar a busca de registros. Clicar nesse botão para confirmar e permitir a pesquisa com base nos filtros informados. |
|
Link: Na nova versão do FoccoLOJAS, para consultar um cadastro não haverá mais o botão Consultar. Agora, cada registro apresenta um link para acesso. Para consultar as informações desse registro, basta clicar sobre o link e a tela será exibida em modo de consulta. Para editar as informações do cadastro, primeiro é necessário clicar sobre o link e acessar a tela de consulta, para depois clicar sobre o botão Editar, localizado na parte inferior da tela. |
|
| Na parte inferior das interfaces de lista, é exibida a opção Linhas por página, que permite ao usuário selecionar a quantidade de linhas da grade que deseja visualizar por página. | |
|
Ao lado da opção Linhas por página, são exibidos os números do primeiro e do último registro da página e a quantidade total de registros do cadastro. As flechas permitem passar para a próxima página ou retornar para a página anterior. Se a quantidade de linhas por página é 10 e o total de registros é 14, teremos: Na página 1, Na página 2, |
Ícones e Símbolos
| Ícone | Funcionalidade |
| Lupa: Indica pesquisa. Normalmente aparece em campos de pesquisa e seleção, para selecionar uma das opções disponíveis. | |
| Ícone Informativo: é exibido quando o campo ou registro possui informações adicionais. Para visualizar, basta posicionar o cursor do mouse sobre ele. | |
|
Calendário: É exibido para os campos de data, onde é necessário informar uma data ou período específicos.
Nos campos de data é possível digitar a data ou clicar sobre o ícone do calendário para selecionar a data desejada. |
|
| Visita: Este ícone será exibido no painel do Dashboard Meus Clientes Recentes, para indicar que o cliente trata-se de uma visita cadastrada no dia. |
▼ 5. Interface padrão dos programas
As interfaces do FoccoLOJAS foram redesenhadas e estão com um visual novo. Essas mudanças seguem os conceitos de usabilidade para sistemas web, com o objetivo principal de facilitar a sua experiência e deixar o uso do sistema mais simples.
Veja abaixo alguns componentes das novas interfaces, que poderão ser encontrados no New FoccoLOJAS:
|
Nome do Programa: Ao acessar um cadastro ou programa do sistema, na parte superior da tela será exibido o nome dessa tela. Esse nome facilita a identificação do programa acessado ou da ação que está sendo realizada. Exemplo: Clientes - Novo Cliente (aparece ao incluir um novo cliente) Clientes - João dos Santos (aparece ao consultar a ficha do cliente João) |
|
| Campo Pesquisar: As novas interfaces de cadastro contam com o campo pesquisar, onde o usuário pode digitar a informação para buscar de forma rápida um registro cadastrado. Esse campo busca por informações das principais colunas da grade. Caso seja possível pesquisar por mais informações, haverá a opção de Pesquisa Avançada. | |
| Loja/Unidade: A identificação da loja ou unidade somente será exibida nas listas dos programas quando o usuário estiver acessando uma unidade consolidada (pai) da árvore hierárquica de lojas. Quando o acesso for em uma loja ou unidade "filha", essa coluna não será exibida, e serão listados os cadastros da loja acessada. | |
| Abas do Programa: As abas do programa acessado serão exibidas na parte superior da tela, abaixo do nome do programa. Ao incluir um novo cadastro, as abas somente ficarão habilitadas depois que for confirmada a inclusão. Ao consultar ou editar um programa com abas, as mesmas poderão ser acessadas conforme a permissão do usuário. | |
|
Navegação Rápida: Em alguns programas onde a quantidade de informação da página é extensa, existe a barra de navegação rápida para facilitar a navegação do usuário. Essa barra de navegação está localizada sempre ao lado direito da tela e apresenta os tópicos ou blocos da página. Ao clicar sobre um tópico ou seção, a página executará a rolagem automaticamente até o ponto desejado. A barra será mantida à direita da tela independente do local de rolagem da página. DICA: Para chegar até o final da página de forma rápida, clicar sobre o último tópico da barra, que levará ao último bloco da página, agilizando a ação do usuário, sem precisar usar a rolagem manual. |
|
| Blocos do Programa: Um programa ou aba pode ser dividido ou organizado em blocos ao longo da página acessada. | |
| Campos Obrigatórios: Os campos de preenchimento obrigatório terão o sinal de asterisco * ao lado para indicar a obrigatoriedade. Caso algum campo obrigatório não seja informado, o sistema irá destacar com uma mensagem em vermelho, conforme imagem ao lado. | |
|
Checkbox: Em muitos programas do sistema, são utilizados os checkboxes para marcar ou selecionar informações. Em listas de seleção (conforme imagem ao lado), é possível marcar o checkbox do cabeçalho para que o sistema marque automaticamente todos os registros da lista. Também é possível selecionar individualmente os registros desejados. Em outras situações, serão exibidas as opções para Marcar Todos / Desmarcar Todos, onde ao clicar sobre a ação, o sistema irá marcar ou desmarcar todas as opções automaticamente. Para esses casos, também é possível selecionar individualmente as opções desejadas. |
|
| Caixa de Seleção: Outra forma de seleção apresentada no sistema são as caixas de seleção, que listam todas as opções disponíveis para seleção. | |
| Sugestão de Preenchimento: Alguns campos de digitação exibem sugestões de preenchimento enquanto o usuário digita a informação. Normalmente esses campos referem-se a informações pré-cadastradas no sistema, mas permitem a digitação livre. | |
|
Quadro de Importação: Nos programas onde há a possibilidade de importação de arquivos, seja arquivos de projeto, anexos ou notas fiscais, será exibido o quadro de importação. Para importar, é possível clicar sobre o quadro e selecionar um arquivo ou arrastar os arquivos para dentro da área pontilhada. Depois disso, uma barra de status aparecerá para posicionar o usuário sobre a situação da importação. |