Getting better forms to market faster: Introducing reference themes and fragments for Experience Manager Forms

AEM Forms Design Tools

The goal of a digital form is to enroll a client in a service. Clear, consistent forms available on multiple channels as soon as a service launches can help maximize conversions. Unfortunately this is not an easy task. For example, organizations often want forms to conform to style guidelines and the look of existing web and mobile sites, which typically requires a CSS developer to implement. And many forms—particularly for regulated industries such as financial services—take a long time to author since they contain many fields and instructions.

Adobe Experience Manager Forms includes new tools that help you get forms to market faster, with the consistent look and elements you need. Experience Manager Forms now ships with reference themes, complete groups of styling elements that define how forms look.  You can use these reference themes out-of-the-box, or as a baseline to create your own form styles. Using the theme editor introduced in release 6.2, you can change fonts, background colors, banners, button styles and more with the click of a mouse—no CSS development required. Since the reference themes define styles for mobile and desktop displays, forms built using these themes will render appropriately on modern browsers and mobile devices.

blog photo1

Here is an example of a theme that aligns with the 18F Draft U.S. Web Design Standards. Using this theme, federal agencies can quickly create forms that serve both web and mobile users, while achieving consistency with other federal sites. More themes are available in the Experience Manager Forms package: AEM-FORMS-6.2-REFERENCE-THEMES-PKG.

Experience Manager Forms also now ships with tools that make creating consistent yet long forms a breeze. Reference fragments are groups of fields commonly used in forms, such as an address block, contact information, or employment history. You can simply drag and drop these fragments into a new form, dramatically speeding the authoring process while ensuring all forms use the same text, sequence, and layout for the same information. As with the reference themes, changing the fragments is simple—simply click on the fields you wish to change, and change their names, the help text associated with them, or whether the field is mandatory, for example. Once you change a fragment, Experience Manager Forms automatically updates all the forms using that fragment—ensuring every form is consistent and up-to-date.


blog photo 2

Here is an example of the Credit Card Information fragment. If your clients need to make a payment as part of an enrollment form, simply drag and drop this fragment from the assets browser into the form and publish. The fragment is styled based on the theme you have applied. More reference fragments are included in the package: AEM-FORMS-6.2-REFERENCE-FRAGMENTS-PKG.

Reference themes and fragments are just a few of the many ways Experience Manager Forms makes it quick and easy to create and publish consistent, engaging forms that are connected to other multichannel experiences. For more information, check out what’s new in Experience Manager Forms 6.2.