Campos de perfil personalizados: não mostrá-los no cadastro

Ao definir campos de perfil personalizados, há uma opção para que eles não sejam obrigatórios no momento do cadastro.

No entanto, eles ainda aparecem na tela de cadastro. Isso não é desejável, pois:

  • Quero que a tela de cadastro seja o mais simples possível
  • Isso passa a impressão de que o campo personalizado precisa ser preenchido
  • Isso passa a impressão de que o conteúdo do campo personalizado está de alguma forma relacionado à elegibilidade para a associação, podendo, portanto, induzir hesitação ao se cadastrar.

Então, do ponto de vista de UX, é possível ter uma opção para removê-lo da tela de cadastro, mantendo-o disponível como um campo para preenchimento no perfil posteriormente (como “localização” e outros)?

2 curtidas

This has come up a few times on meta, perhaps we should add a

[ ] show at signup

field here @sam?

16 curtidas

Agora você pode usar o nome do campo (em formato dashed)… então

.user-field-your-field-name {
  display: none;
}

Vou verificar novamente os convites; se não for o mesmo lá… deveria ser! Sim, é o mesmo nos convites, você também pode usar .user-field-your-field-name lá.

9 curtidas

+1 Eu adoraria uma opção de [ ] mostrar no cadastro.

A abordagem de CSS personalizado do @Kris não faz o que queremos aqui, porque se você usar essa técnica, ela oculta o campo tanto no formulário de cadastro quanto no perfil.

Meu caso de uso: queremos permitir que os usuários declarem opcionalmente seus pronomes com um campo de texto livre (porque alguns usuários usam pronomes incomuns para se referir a si mesmos), mas um campo como esse é um alvo para pessoas que acham que “pronomes” são uma ofensa política; novos usuários se sentem inspirados a digitar algo rude na caixa.

Achamos que é melhor não mostrar o campo no cadastro, mas permitir que usuários engajados o definam personalizando seu perfil.

2 curtidas

Meu CSS é bem básico, mas acho que você pode mirar apenas na caixa na página de cadastro com isto:

.d-modal.create-account .user-field-YOUR-FIELD-NAME {
    display: none;
}

.invites-show .user-field-YOUR-FIELD-NAME {
    display: none;
}

E isso deve permitir que você use o campo normalmente em outros lugares.

Edição: Coloquei algo também para a página de convites, caso você também use convites. :+1:

3 curtidas

Precisamos de .d-modal aqui? Não quero fazer suposições sobre como o formulário de inscrição ficará no futuro.

Receio não saber a resposta. No entanto, deve ser fácil o suficiente para emendar caso venha a mudar.

Edição: Acabei de testar, e removê-lo do trecho acima faz a caixa reaparecer, então parece que ele é necessário para que esta peça em particular funcione.

Espero que alguém com mais experiência possa opinar. :crossed_fingers:

3 curtidas

Fechado em favor de Site setting to hide custom user fields from signup page