ÃÛ¶¹ÊÓƵ

Universal Editor for Edge Delivery Services for Forms

This feature is available through the early access program. To request access, send an email with your GitHub organization name and repository name from your official address to aem-forms-ea@adobe.com . For example, if the repository URL is https://github.com/adobe/abc, the organization name is adobe and the repository name is abc.

The Universal Editor revolutionizes form creation for ÃÛ¶¹ÊÓƵ Edge Delivery Services by offering a simple, visual, and intuitive What You See Is What You Get (WYSIWYG) interface. Designed for content creators and form authors, it eliminates the complexity of traditional form-building processes, making it accessible even to non-technical users.

With the Universal Editor, you can quickly design responsive, interactive forms using pre-built components like text fields, checkboxes, and radio buttons. Its robust feature set supports dynamic rules, seamless data integration, and advanced personalization, ensuring every form is tailored to your needs.

Whether you’re managing lightweight client-side rendering, ensuring cross-browser compatibility, or adhering to strict accessibility standards, the Universal Editor delivers a streamlined solution for creating and managing forms.

{width="80%,"}

Key Features of Universal Editor for Edge Delivery Services for Forms

WYSIWYG Interface

Rule Editor

Submit Actions

Universal Editor provides a WYSIWYG interface for form design with a pre-built component library, responsive design, template-based creation, and real-time field modifications.

The rule editor lets users create dynamic form interactions using event-driven rules, instant validation, and error handling via lightweight JavaScript and JSON.

Submit Actions support backend integration, conditional submission logic, secure endpoints, and pre-processors, streamlining submission workflows.

Publishing/Unpublishing

Responsive Mode

Custom Components

Easily control the visibility of your forms—publish or unpublish them directly from the editor with just a few clicks.

Design forms that adapt seamlessly across devices (desktops, tablets, and mobile). Use the responsive mode to preview and test forms for various screen sizes.

Custom components allow developers to extend form capabilities by creating unique elements tailored to specific organizational use cases.

Styling

Pre-fill Services (Coming Soon)

Styling with CSS enables developers to customize the appearance of form elements and create a visually appealing design that aligns with the website aesthetics.

Pre-fill Services automatically populate form fields with relevant user data from various sources, reducing manual input and enhancing user experience.

A/B testing enables organizations to experiment with different form designs, layouts, and features to identify the best-performing variants.

Form Fragments (Coming Soon)

Data Binding (Coming Soon)

Gain insights into user behavior, form interactions, and submission rates with built-in analytics and tracking to enable data-driven form optimization.

Form Fragments enable reusability by allowing commonly used sections to be created once and reused across multiple forms, ensuring consistency and reducing maintenance effort.

Data binding enables direct connections between form fields and backend data sources, supporting real-time updates and advanced data mapping.

CAPTCHA

Embedding Forms (Coming Soon)

Thank You Configuration

Use reCAPTCHA to protect forms from automated bots, ensuring secure and reliable data collection.

Embed forms directly into Edge Delivery Services Sites pages using the Universal Editor’s built-in embed component.

Easily customize the acknowledgment message or page shown to users after successful form submission.

Pre-built Form Components

The Universal Editor provides the following form components out of the box:

Form Components

Description

Accordion

Collapsible panel structure for organizing content.

Button

Adds interactive elements for actions like navigation or custom logic.

Captcha

Prevents spam by requiring users to complete a human verification task using Google reCaptcha or HCaptcha.

Checkbox

Allows users to configure a checkbox.

Checkbox Group

Allows users to select multiple options from a group.

Date Picker

Allows users to select a date using a calendar interface.

Drop-Down Lists

Offers single or multi-select options from a predefined list.

Email

Captures email addresses with basic format validation.

File Attachment

Enables uploading of documents, images, or other file types.

Form Fragments

Reusable form components for sections like address fields or contact details.

Image

Supports uploading and displaying images within forms.

Modal

Displays a pop-up dialog box, often used for alerts, additional information, or confirmation.

Numeric Field

Captures numeric input, allowing validation of numbers or ranges.

Panel

Organizes form sections with expandable/collapsible panels.

Radio Buttons

Enables single-choice selection from a group of options.

Rating

Allows users to provide a star-based rating.

Reset Button

Resets the form fields to their default state.

Submit Button

Triggers form submission and initiates defined workflows.

Telephone Number Field

Captures phone numbers with formatting based on country.

Text

Provides a dedicated section for displaying legal terms and collecting user agreement through checkboxes.

Text Field

DCaptures single-line input, such as names or email addresses.

Wizard

Guides users step-by-step through a multi-part form process.

Onboarding

To enable the Universal Editor and its advanced features like Rule Editor write to us at aem-forms-ea@adobe.com from your official email id . The ÃÛ¶¹ÊÓƵ team is here to assist you in transforming your form-building experience.

Frequently asked questions (FAQ)

Q. Who can use the Universal Editor?
The Universal Editor is designed for a broad audience, including:

Q: Can I integrate forms created with the Universal Editor into my existing systems?
Absolutely. The Universal Editor supports seamless data binding with backend systems, enabling real-time updates and advanced data mapping. It also integrates with tools like ÃÛ¶¹ÊÓƵ Workfront for task management and supports secure endpoints for data submission workflows.

Q: Is it possible to customize the form components?
Yes, the Universal Editor allows developers to create custom components tailored to specific organizational needs. Additionally, you can extend the functionality of the editor through UI extensions and custom workflows.

Q: How does the Universal Editor handle accessibility?
The Universal Editor is designed with strict adherence to accessibility standards, including WCAG (Web Content Accessibility Guidelines). This ensures that the forms are usable by individuals with disabilities, providing an inclusive experience.

Q: What kind of analytics can I get from the forms?
The Universal Editor includes built-in analytics and tracking tools to monitor user interactions, form submission rates, and conversion metrics. These insights help optimize your forms for better performance.

Start creating forms