Pular para o conteúdo principal

Design da Tela de Login

  1. Design da Tela de Login

    Estilize as telas de login, registro e senha que seus clientes veem: o layout, painel da marca, fundo, textos e cartões promocionais. A pré-visualização ao vivo também mostra os botões de login social que você configurou. Este tour passa por cada seção.

  2. Salve seu design

    As alterações aparecem na pré-visualização instantaneamente, mas suas telas reais de login, registro e senha só mudam após você clicar em Salvar.

  3. Escolha um layout

    Escolha Dois painéis (animado), Painel dividido ou Cartão centralizado. Os layouts de dois painéis colocam um painel de marca ao lado do formulário; o Cartão centralizado mostra o formulário sozinho, então as configurações de painel de marca e ícone decorativo ficam ocultas.

  4. Painel da marca

    Defina em qual lado o painel ficará e seu fundo: cor da marca, gradiente ou uma imagem enviada (PNG, JPG ou WebP). O título e a tagline podem ser traduzidos para cada idioma e estilizados com suas próprias configurações de texto.

  5. Fundo do formulário

    Escolha o fundo atrás do formulário de login: Simples, Suave ou um tom claro da marca.

  6. Padrão do painel

    Adiciona uma textura decorativa ao painel de login. Clique novamente no padrão selecionado ou escolha Nenhum para removê-lo.

  7. Login biométrico

    Permite que os clientes façam login com Face ID, uma impressão digital ou um PIN do dispositivo em vez de uma senha. Quando desativado, o botão de chave de acesso fica oculto na tela de login; dispositivos já registrados não são excluídos.

  8. Ícones decorativos

    Mostre pequenos ícones no painel da marca e escolha até 4 deles. Esta seção aparece apenas para layouts de dois painéis.

  9. Cartões de venda cruzada e campanhas

    Adicione até 4 cartões para promover pacotes ou campanhas no painel de login e registro, cada um com um título, badge, descrição curta, texto do botão e link. Títulos e textos podem ser traduzidos para cada idioma.

  10. Pré-visualização ao vivo

    Uma simulação da sua tela de login que segue cada alteração, incluindo os botões de login social que você configurou. Altere entre desktop e mobile, ou abra sua página de login em uma nova aba para ver a página ao vivo salva.