Neste tutorial, vamos te mostrar como configurar sua tela de agendamento no eAgenda. Essa configuração é essencial para criar uma página personalizada de agendamentos. A página funciona como uma página de entrada, oferecendo uma experiência simples e eficaz para os usuários realizarem seus agendamentos.
Passo a passo para modificar a Tela de agendamento #
1. Abra o Menu Lateral e clique em Conta → Tela de Agendamento;
Será redirecionado para a aba Tela de Agendamento. Nesta tela é possível definir e personalizar a tela de agendamentos.
Etapa 1: Configuração dos Dados Gerais #
Nesta primeira etapa, você configurará os dados gerais da sua página de agendamento. Essas configurações são essenciais para personalizar a aparência e a funcionalidade da sua tela de agendamento, como o nome da empresa, a sigla para a URL e a exibição de detalhes adicionais. A seguir, explicamos os campos que você deve preencher para concluir essa configuração.
- Nome da empresa ou negócio: Defina o nome completo que será exibido no título da página.
- Exemplo: REDE VANS
- Sigla ou nome para identificar o seu negócio: Defina uma sigla que será usada na URL da página de agendamento.
- Exemplo: vans
- Nome curto no menu: Defina o nome abreviado que aparecerá ao lado do logotipo.
- Exemplo: VANS
- Mostrar detalhes extras sobre agendamento: Permite exibir informações adicionais sobre os agendamentos diretamente na página inicial.
- Mostrar serviços nas agendas: Caso você tenha serviços específicos, essa opção permite que eles sejam exibidos nas agendas de agendamento.
- Texto da Página Inicial: Adicione uma breve descrição sobre o seu negócio ou serviço, que será visível na página inicial.
- Exemplo: Contamos com uma equipe de psicólogos altamente qualificados, prontos para atender às suas necessidades.
Importante: Alterar a sigla impactará todos os links de agendamento. O link principal no exemplo: minhaagendavirtual.com.br/vans.
Grupos de Agendas (Opcional) #
Nesta etapa, você pode criar um fluxo sequencial na tela de agendamento, facilitando para o usuário encontrar a agenda correta. O fluxo pode ter de 1 a 3 etapas, e o objetivo é organizar as agendas de forma que o usuário selecione as opções de maneira intuitiva. As agendas serão vinculadas na última etapa do fluxo, garantindo que o processo de agendamento seja rápido e eficiente.
Como Adicionar uma Etapa
Ao clicar em Adicionar Etapa 1, siga os passos abaixo para configurar a etapa corretamente:
Na próxima tela, você deverá preencher os campos para criar um fluxo com etapas de agendas. Siga os passos abaixo:
- Nome da Etapa: Defina o nome da etapa, como, por exemplo, “RH”, “Vendas” ou “Suporte”.
- Ordem da Etapa: Determine a posição da etapa no fluxo, ou seja, em qual ordem ela aparecerá entre as etapas.
- Sigla ou Tag: Insira uma sigla ou tag que aparecerá na URL da página, como, por exemplo,
eagenda.com.br/grupos/rh, onde “RH” é a sigla definida. - Agendas do Setor: Selecione as agendas que pertencem a esse setor ou área específica. Por exemplo, se for uma etapa de “Suporte”, adicione as agendas de Suporte.
- Descrição da Etapa: Adicione uma descrição breve sobre a etapa, fornecendo mais informações sobre sua função ou objetivo dentro do fluxo de agendamento.
Ao finalizar, basta clicar em Salvar para aplicar todas as configurações e criar o fluxo de etapas para as agendas.
Etapa 2: Paleta de Cores #
Na segunda etapa, você pode personalizar a aparência da sua tela de agendamento com cores e imagens. Isso ajudará a tornar a página mais atraente e alinhada com a identidade visual do seu negócio.
- Cor de Fundo do Cabeçalho e Rodapé:
- Altere a cor de fundo do cabeçalho e do rodapé da página para combinar com o seu estilo visual.
- Cor de Fundo do Corpo da Página:
- Modifique a cor de fundo da área principal da página, onde o conteúdo será exibido.
- Cor de Fundo do Botão Principal:
- Defina a cor de fundo do botão principal, aquele que chama a atenção para ações importantes.
- Cor da Sombra do Botão Principal:
- Ajuste a cor da sombra de fundo que aparece ao passar o mouse sobre o botão principal, criando um efeito visual atraente.
- Cor de Fundo do Botão Secundário:
- Selecione a cor de fundo para botões secundários, que são usados para ações menos prioritárias.
- Cor do Texto do Cabeçalho e Rodapé:
- Defina a cor do texto que aparece no cabeçalho e rodapé da página, garantindo boa visibilidade e contraste.
- Cor dos Links:
- Escolha a cor dos links para que se destaquem adequadamente no conteúdo da página.
- Cor do Texto do Botão Principal:
- Ajuste a cor do texto dentro do botão principal para garantir legibilidade e harmonia com o fundo.
- Cor da Sombra do Botão Secundário:
- Altere a cor da sombra que aparece ao passar o mouse sobre o botão secundário, criando uma interação visual interessante.
- Cor do Texto do Botão Secundário:
- Defina a cor do texto dentro do botão secundário para garantir que ele tenha boa visibilidade e contraste com o fundo.
Com essas opções de personalização, você pode criar uma tela de agendamento que reflete a identidade visual do seu negócio e melhora a experiência do usuário.
Etapa 3: Imagens #
Nesta etapa, você poderá personalizar os elementos visuais da sua página de agendamento, incluindo o logotipo, banners e outras imagens. Aqui estão as opções que você pode ajustar:
Banner:
No primeiro campo, você definirá um banner que será o destaque inicial da tela de agendamento. Essa imagem aparecerá em destaque na parte superior da página, proporcionando uma boa primeira impressão para os usuários.
Logotipo:
No segundo campo, você definirá o logotipo da sua empresa ou serviço, que será exibido no cabeçalho da página. O logotipo é um elemento visual importante para reforçar a identidade da sua marca.
Imagem de Fundo:
No terceiro campo, você poderá escolher uma imagem de fundo para a Tela de agendamento. Isso ajudará a personalizar a página e deixá-la mais alinhada com o visual da sua empresa.
Favicon:
No quarto campo, você definirá um favicon para a página. O favicon é o ícone que aparecerá na aba do navegador, ajudando a tornar a página facilmente reconhecível pelos usuários.
Resultado #
Após salvarmos os dados, este é um exemplo de resultado após o preenchimento dos campos.
Em suma, nesse tutorial você aprendeu a editar sua Tela de agendamento. Aproveite, conheça nosso Blog e tire outras dúvidas ou acesse nosso canal do YouTube.
A Mupi Systems possui diversas soluções tecnológicas para todos os tipos de negócios. Conheça as nossas plataformas que trazem inovação para o mercado.
