Container de formulário form-container-adaptive-forms-core-component

Coleção de dados: o Forms pode ser usado para coletar dados de visitantes do site para vários propósitos, como pesquisa de mercado, análise de comportamento dos usuários e muito mais.

Geração de clientes potenciais: um formulário pode ser usado para coletar informações de clientes potenciais, como nome e endereço de email, a fim de gerar leads para as iniciativas de vendas e marketing.

Comércio eletrônico: o Forms pode ser usado para compras online, permitindo que os clientes façam pedidos e pagamentos por meio do site.

Contato: um formulário de contato permite que os visitantes do site entrem em contato com o proprietário ou a organização de maneira fácil.

Pesquisas e votações: o Forms pode ser usado para coletar comentários e opiniões de visitantes do site por meio de pesquisas e votações.

Registro em evento: o Forms pode ser usado para o registro em eventos, permitindo que os visitantes do site se inscrevam em eventos ou webinários.

Assinaturas: o Forms pode ser usado para assinaturas de sites, permitindo que os visitantes se inscrevam em boletins informativos ou outras comunicações regulares.

Autenticação de usuários: o Forms pode ser usado para a autenticação de usuários, permitindo que os visitantes do site criem contas e façam logon para acessar conteúdo ou recursos exclusivos.

Aumentar a taxa de conversão: um formulário bem projetado pode aumentar a taxa de conversão, tornando fácil para os usuários concluírem uma ação desejada, como comprar um produto ou se inscrever em um serviço.

Título: o título permite identificar facilmente um componente em um formulário; por padrão, ele aparece na parte superior do componente. Se um título não for adicionado, o nome do componente será exibido em vez do texto do título.

Serviços de preenchimento prévio: essa opção permite que o usuário selecione um serviço de preenchimento prévio para recuperar dados quando o formulário adaptável for renderizado. Saiba mais sobre como criar e configurar um serviço de pré-preenchimento.

Função: a função é um atributo HTML usado para especificar a finalidade de um elemento HTML para tecnologias de assistência, como leitores de tela. O atributo de função é usado para fornecer contexto e significado semântico adicionais a um elemento, facilitando a interpretação e o anúncio do conteúdo pelos leitores de tela. Por exemplo, no AEM Forms, o rótulo de um campo de formulário pode ter a função de “rótulo” e seu campo de entrada pode ter a função de “caixa de texto”. Isso ajuda o leitor de tela a entender a relação entre o rótulo e o campo de entrada e anunciá-los corretamente ao usuário.

Categoria de biblioteca do cliente: o usuário pode configurar uma biblioteca JavaScript personalizada por formulário adaptável. É recomendável manter somente as funções reutilizáveis na biblioteca, que dependem das bibliotecas de terceiros de jquery e underscore.js.Às vezes, se houver regras de validação complexas, o script de validação exato residirá em funções personalizadas, e os usuários chamam essas funções personalizadas a partir da expressão de validação do campo. Para tornar esta biblioteca de funções personalizadas conhecida e disponível durante a execução de validações do lado do servidor, o usuário do formulário pode configurar o nome da biblioteca do cliente do AEM na guia Básico das propriedades do Container de formulários adaptáveis.Usuários podem configurar a biblioteca customJavaScript para cada formulário adaptável. Na biblioteca, mantenha somente as funções reutilizáveis, que dependem de bibliotecas de terceiros de jquery e underscore.js.

Habilitar o menu de hambúrguer para o modo de exibição móvel - Marque a caixa de seleção para integrar um menu de hambúrguer ao seu formulário para modo de exibição móvel. Representado por três linhas horizontais empilhadas verticalmente, esse menu fornece uma exibição clara e organizada para painéis em dispositivos menores, especialmente em dispositivos móveis. Para obter mais informações sobre o menu de hambúrguer, consulte a seção Saiba mais sobre o menu de hambúrguer.

No envio - Escolha Redirecionar para URL para enviar usuários de formulário para uma página configurada após o envio, ou Mostrar Mensagem para exibir uma mensagem de confirmação no formulário.

URL/caminho de redirecionamento: essa opção permite que o usuário configure uma página em cada formulário, para a qual os usuários do formulário são redirecionados após enviar o formulário adaptável. Clique aqui para obter mais informações sobre como configurar páginas de redirecionamento.

Ação de envio: uma ação de envio é acionada quando um usuário clica no botão Enviar em um formulário adaptável. Na lista suspensa, os usuários podem selecionar ações de envio que são compatíveis de fábrica. Saiba como configurar uma ação de envio na guia Enviar.

Configuração de Ação - Configure mapeamentos para transmitir valores de campo como parâmetros de solicitação para a Página de Agradecimento.

Habilitar solicitação POST - Selecione esta opção para enviar dados de formulário usando uma solicitação POST HTTP.

Classes padrão do CSS: você pode fornecer uma classe padrão do CSS ao componente principal container para formulários adaptáveis.

Estilos permitidos: você pode definir estilos fornecendo um nome e a classe CSS que o representa. Por exemplo, você pode criar um estilo chamado “texto em negrito” e fornecer a classe CSS “font-weight: bold”. Você pode usar ou aplicar esses estilos a um formulário adaptável no editor de formulários adaptáveis. Para aplicar um estilo, no editor de formulários adaptáveis, selecione o componente ao qual deseja aplicar o estilo, navegue até a caixa de diálogo de propriedades e selecione o estilo desejado na lista suspensa Estilos. Se precisar atualizar ou modificar os estilos, simplesmente retorne à caixa de diálogo Design, atualize os estilos na guia estilos e salve as alterações.

Nome do grupo: você pode fornecer um nome para identificar o grupo de propriedades personalizadas. É possível adicionar, excluir ou reorganizar vários grupos de propriedades personalizadas. Após adicionar o grupo de propriedades personalizadas, você verá as seguintes opções:

• Pares de chave e valor: é possível adicionar vários nomes e valores de propriedades personalizadas clicando em Adicionar em cada grupo de propriedades personalizadas.

• Excluir: toque ou clique para excluir o nome e o valor da propriedade personalizada.

• Reorganizar: toque ou clique e arraste para alterar a ordem do nome e do valor da propriedade personalizada.

O menu de hambúrguer exibe somente os nomes dos painéis. Estes são diferentes cenários que ilustram como o nome do painel aparece no painel de navegação do menu de hambúrguer com base nas propriedades de configuração do painel:

• Se você definir as propriedades do painel como oculto, o nome do painel não aparecerá no painel de navegação do menu de hambúrguer. Por exemplo, se você configurar as propriedades do painel Financial Information como hidden, o nome do painel não aparecerá no painel de navegação do menu de hambúrguer.

  {width="50%"}

• Se você definir as propriedades do painel como disabled, seu nome aparecerá no painel de navegação do menu de hambúrguer, mas você não poderá selecioná-lo ou editá-lo. Por exemplo, se você configurar as propriedades do painel Financial Information como disabled, o nome do painel aparecerá no painel de navegação, mas não poderá ser selecionado ou editado.

  {width="50%"}

• Se você ocultar o título do painel, ele não aparecerá no painel de navegação do menu de hambúrguer. Um espaço em branco é exibido no lugar dele, mas você pode navegar até os campos do painel clicando nesse espaço. Por exemplo, se você ocultar o título do painel Financial Information, o espaço em branco aparecerá em seu lugar no painel de navegação do menu de hambúrguer. Você pode navegar para os campos do painel clicando no espaço em branco.

  {width="50%"}

Por padrão, o painel de navegação no componente de Navegação estrutural suporta até três níveis de navegação. No entanto, com o componente personalizado, você pode configurar a hierarquia de navegação para acomodar quantos níveis forem necessários.

Ao usar o menu de hambúrguer, o usuário pode navegar entre painéis usando setas. No entanto, depois que um painel é selecionado, o menu é fechado automaticamente e o foco é deslocado para os campos dentro do painel escolhido.

Acordeão

Fragmentos de formulários adaptáveis

reCAPTCHA do formulário adaptável

Botão

Grupo de caixas de seleção

Caixa de seleção

Data e hora

Seletor de datas

Lista suspensa

Email

Container do formulário

Título do formulário

Anexo de arquivo

Rodapé

Cabeçalho

Imagem

Caixa numérica

Painel

Celular

Guia horizontal

Guia vertical

Botão de opção

Botão de redefinir

Revisar

Assinatura à mão

Botão de enviar

Caixa de texto

Texto

Guia Termos e condições

Assistente