Editor universal do Edge Delivery Services para Forms

Este recurso está disponível através do programa de acesso antecipado. Para solicitar acesso, envie um email com o nome da sua organização GitHub e o nome do repositório do seu endereço oficial para aem-forms-ea@adobe.com. Por exemplo, se a URL do repositório for https://github.com/adobe/abc, o nome da organização é adobe e o nome do repositório é abc.

O Editor universal revoluciona a criação de formulários para os Serviços de entrega de borda da Adobe, oferecendo uma interface simples, visual e intuitiva do What You See Is What You Get (WYSIWYG). Projetado para criadores de conteúdo e autores de formulários, ele elimina a complexidade dos processos tradicionais de criação de formulários, tornando-o acessível até mesmo para usuários não técnicos.

Com o Editor universal, você pode criar rapidamente formulários responsivos e interativos usando componentes pré-criados, como campos de texto, caixas de seleção e botões de opção. Seu conjunto de recursos robusto oferece suporte a regras dinâmicas, integração de dados contínua e personalização avançada, garantindo que cada formulário seja adaptado às suas necessidades.

Quer você esteja gerenciando uma renderização leve do lado do cliente, garantindo compatibilidade entre navegadores ou seguindo padrões de acessibilidade rigorosos, o Universal Editor oferece uma solução simplificada para criar e gerenciar formulários.

{width="80%,"}

Principais recursos do Universal Editor para Edge Delivery Services para Forms

Interface do WYSIWYG

Editor de regras

Enviar Ações

O Editor universal fornece uma interface do WYSIWYG para design de formulários com uma biblioteca de componentes pré-criada, design responsivo, criação baseada em modelo e modificações de campo em tempo real.

O editor de regras permite que os usuários criem interações de formulário dinâmicas usando regras orientadas por eventos, validação instantânea e tratamento de erros por meio do lightweight JavaScript e do JSON.

As ações enviar oferecem suporte à integração de back-end, lógica de envio condicional, endpoints seguros e pré-processadores, simplificando os fluxos de trabalho de envio.

Publicando/Desfazendo publicação

Modo responsivo

Componentes personalizados

Controle facilmente a visibilidade de seus formulários — publique ou cancele a publicação diretamente do editor com apenas alguns cliques.

Crie formulários que se adaptam perfeitamente a todos os dispositivos (desktops, tablets e dispositivos móveis). Use o modo responsivo para visualizar e testar formulários para vários tamanhos de tela.

Os componentes personalizados permitem que os desenvolvedores estendam os recursos do formulário criando elementos exclusivos personalizados adaptados a casos de uso organizacional específicos.

Estilo

Preencher Serviços (Em Breve)

Teste A/B

O estilo com CSS permite que os desenvolvedores personalizem a aparência dos elementos de formulário e criem um design visualmente atraente que se alinhe à estética do site.

Os serviços de pré-preenchimento preenchem automaticamente os campos de formulário com dados relevantes do usuário de várias fontes, reduzindo a entrada manual e aprimorando a experiência do usuário.

O teste A/B permite que as organizações experimentem diferentes designs de formulário, layouts e recursos para identificar as variantes com melhor desempenho.

Análise e Acompanhamento

Fragmentos de formulário (em breve)

Ligação de Dados (Em Breve)

Obtenha insights sobre o comportamento do usuário, as interações de formulário e as taxas de envio com análises e rastreamento integrados para permitir a otimização de formulários orientados por dados.

Os fragmentos de formulário permitem a reutilização, permitindo que as seções usadas com frequência sejam criadas uma vez e reutilizadas em vários formulários, garantindo a consistência e reduzindo o esforço de manutenção.

A vinculação de dados permite conexões diretas entre campos de formulário e fontes de dados de back-end, oferecendo suporte a atualizações em tempo real e mapeamento de dados avançado.

CAPTCHA

Incorporando o Forms (Em Breve)

Obrigado pela Configuração

Use o reCAPTCHA para proteger formulários de bots automatizados, garantindo uma coleta de dados segura e confiável.

Incorpore formulários diretamente nas páginas do Edge Delivery Services Sites usando o componente de incorporação integrado do Editor universal.

Personalize facilmente a mensagem ou página de confirmação exibida aos usuários após o envio bem-sucedido do formulário.

Componentes de formulário pré-construídos

O Editor universal fornece os seguintes componentes de formulário prontos para uso:

Componentes de formulários

Descrição

Acordeão

Estrutura do painel flexível para organizar o conteúdo.

Botão

Adiciona elementos interativos para ações como navegação ou lógica personalizada.

Captcha

Evita spam exigindo que os usuários concluam uma tarefa de verificação humana usando o Google reCaptcha ou HCaptcha.

Caixa de seleção

Permite que os usuários configurem uma caixa de seleção.

Grupos de caixa de seleção

Permite aos usuários selecionar várias opções de um grupo.

Seletor de data

Permite que os usuários selecionem uma data usando uma interface de calendário.

Listas Suspensas

Oferece opções de seleção única ou múltipla de uma lista predefinida.

Email

Captura endereços de email com validação básica de formato.

Anexo de arquivo

Permite o upload de documentos, imagens ou outros tipos de arquivos.

Fragmentos de formulários

Componentes de formulário reutilizáveis para seções como campos de endereço ou detalhes de contato.

Imagem

Suporta o upload e a exibição de imagens em formulários.

Modal

Exibe uma caixa de diálogo pop-up, geralmente usada para alertas, informações adicionais ou confirmação.

Campo numérico

Registra entrada numérica, permitindo a validação de números ou intervalos.

Painel

Organiza seções de formulário com painéis expansíveis/recolhíveis.

Botões de opção

Habilita a seleção de escolha única de um grupo de opções.

Avaliação

Permite que os usuários forneçam uma classificação baseada em estrelas.

Botão Redefinir

Redefine os campos de formulário para seu estado padrão.

Botão Enviar

Aciona o envio do formulário e inicia fluxos de trabalho definidos.

Campo de número de telefone

Registra números de telefone com formatação baseada no país.

Texto

Fornece uma seção dedicada para exibir termos legais e coletar contratos de usuário por meio de caixas de seleção.

Campo de texto

DCaptura a entrada de linha única, como nomes ou endereços de email.

Assistente

Orienta os usuários passo a passo por um processo de formulário de várias partes.

Integração

Para ativar o Editor universal e seus recursos avançados, como o Editor de regras, escreva para nós em aem-forms-ea@adobe.com a partir da sua ID de e-mail oficial. A equipe do Adobe está aqui para ajudá-lo a transformar sua experiência de criação de formulários.

Perguntas frequentes

T. Quem pode usar o Editor universal?
O Editor universal foi projetado para um amplo público-alvo, incluindo:

P: Posso integrar formulários criados com o Editor Universal aos meus sistemas existentes?
Absolutamente. O Editor universal oferece suporte à vinculação de dados contínua com sistemas de back-end, permitindo atualizações em tempo real e mapeamento de dados avançado. Ele também se integra a ferramentas como o Adobe Workfront para gerenciamento de tarefas e oferece suporte a endpoints seguros para workflows de envio de dados.

P: É possível personalizar os componentes de formulário?
Sim, o Editor universal permite que os desenvolvedores criem componentes personalizados adaptados às necessidades organizacionais específicas. Além disso, é possível estender a funcionalidade do editor por meio de extensões de interface do usuário e fluxos de trabalho personalizados.

P: Como o Editor Universal lida com a acessibilidade?
O Editor universal foi projetado com a rigorosa observância dos padrões de acessibilidade, incluindo as WCAG (Web Content Accessibility Guidelines). Isso garante que os formulários possam ser usados por indivíduos com deficiência, fornecendo uma experiência inclusiva.

P: Que tipo de análise posso obter dos formulários?
O Editor universal inclui ferramentas de análise e rastreamento integradas para monitorar interações do usuário, taxas de envio de formulário e métricas de conversão. Esses insights ajudam a otimizar seus formulários para obter melhor desempenho.

Começar a criar formulários