Cadastro Fornecedor

É uma das telas de acesso (junto de Login e Cadastro Comprador). Não é o Cadastro Comprador — campos e passos são diferentes.

Boas práticas

Use na jornada de entrada do fornecedor. Depois de concluído, o acesso segue para a plataforma.

Quando usar

Criação de conta de fornecedor, a partir do "Cadastre-se como Fornecedor" no login.

Usuário ainda NÃO autenticado.

Quando não usar

Cadastro de comprador — use o padrão Cadastro Comprador (fluxo e campos diferentes).

Qualquer tela dentro do app autenticado — use o chassi MeLayout.

Anatomia

Duas colunas: marca (esquerda, fill) + formulário (direita, rola).

Cadastro Fornecedor

Troque o device acima pra ver desktop/tablet/mobile. Para navegar e testar o fluxo (percorrer os 5 passos, validar e-mail/telefone, ver o checklist da senha), abra em tela cheia:

Abrir em tela cheia

Split no mesmo padrão do block MeLogin. O formulário é montado com MeInput (com máscara) + campos Nuxt UI (select, checkbox, modal). O painel de marca é conteúdo custom.

Passos

Cinco passos, com barra de progresso e o próximo passo nomeado.

1. Conta

País, CNPJ, Razão Social + aceite dos Termos e Condições. CTA "Começar agora".

2. Dados cadastrais

Nome completo, como gostaria de ser chamado, Telefone e E-mail corporativo.

3. Validar e-mail

Código enviado ao e-mail informado; check de validade + reenvio (contador).

4. Validar telefone

Código enviado ao telefone; mesmo padrão de validação + reenvio.

5. Criar senha

Senha + repetir, com checklist de força. CTA "Concluir" → acessar plataforma.

Por convite

O cadastro de fornecedor tem dois tipos de entrada:

Direto do site

Banner de marca padrão + os 5 passos acima.

Por convite

Iniciado pelo convite de uma empresa. Muda só o banner (esquerda); o formulário é o mesmo.

No fluxo por convite, o lado esquerdo troca o banner de marca por um banner de convite: logo e nome da empresa convidante, reforço do convite e as vantagens do ME. O restante (formulário à direita e os passos) é igual.

Cadastro Fornecedor — por convite

Troque o device acima pra ver desktop/tablet/mobile. Para navegar/testar, abra em tela cheia:

Abrir em tela cheia

A logo e o nome da empresa no exemplo são fictícios — na tela real vêm dos dados do convite.

O convite chega por e-mail — ver Templates de e-mail.

Regras

O que vale nesta tela de acesso.

Fora do chassi MeLayout

Sem header/nav do app; a identidade ME vem do painel de marca azul + "me.".

Barra de progresso (5 passos)

Cinco segmentos + "Próximo passo" nomeado no rodapé (Dados cadastrais → Validar e-mail → Validar telefone → Criar senha → Acessar plataforma).

Validação em 2 fatores

E-mail e telefone validados por código antes de criar a senha.

Aceite de Termos no 1º passo

Checkbox obrigatório com link que abre o modal de Termos e Condições.

Só o formulário rola

Painel de marca faz fill da altura visível; a coluna do formulário rola quando necessário.

Veja tambémLogin e acesso Cadastro Comprador Templates de e-mail