Présentation des composants principaux des formulaires adaptatifs adaptive-forms-core-components-introduction

À l’aide des composants principaux des formulaires adaptatifs dans Adobe Experience Manager, vous pouvez créer des expériences d’inscription attrayantes grâce à la flexibilité et aux options de personnalisation disponibles.

Composants principaux overview

Dans Adobe Experience Manager (AEM), les composants sont les blocs de création utilisés pour créer des pages et des formulaires. Ils offrent aux créateurs et aux créatrices un moyen simple et puissant de créer et de gérer du contenu, tout en offrant aux développeurs et aux développeuses la flexibilité et l’extensibilité nécessaires à la création de composants personnalisés. Ils sont conçus pour accélérer le développement et réduire les coûts de maintenance des sites Web et des formulaires, être flexibles et peuvent être facilement personnalisés en fonction des besoins spécifiques d’un site Web ou d’un formulaire.

Les composants principaux sont également conçus pour être réactifs et prendre en charge un large éventail d’appareils, notamment les ordinateurs, les tablettes et les smartphones. Ils se conforment également aux dernières normes et bonnes pratiques Web, ce qui en fait une solution robuste et fiable pour créer du contenu Web.

Dans l’ensemble, les composants principaux sont un outil essentiel pour la création et la gestion de contenu Web dans AEM. Ils offrent une solution puissante et flexible qui peut contribuer à réduire le temps de développement et les coûts de maintenance, tout en offrant une expérience utilisateur optimale aux visiteurs et visiteuses du site Web.

Composants principaux des formulaires adaptatifs

Les composants principaux des fomulaires adaptatifs sont un ensemble de 24 composants Open Source compatibles avec BEM qui sont construits sur la base des composants principaux de la gestion de contenu web d’Adobe Experience Manager. Ils sont spécialement conçus pour créer des formulaires adaptatifs, qui sont des formulaires qui s’adaptent au périphérique, au navigateur et à la taille d’écran de l’utilisateur ou de l’utilisatrice.

Ces composants peuvent être utilisés pour créer des expériences de capture de données et d’inscription exceptionnelles en proposant un large éventail d’options de champ de formulaire, notamment des champs de texte, des cases à cocher, des menus déroulants, etc. Ils comprennent également des fonctionnalités telles que la validation, la logique conditionnelle et la conception réactive, qui peuvent être utilisées pour créer des formulaires conviviaux et simples.

En outre, comme ces composants sont en open source, les développeurs et les développeuses peuvent facilement les personnaliser et les étendre pour répondre aux besoins spécifiques de leur entreprise. De plus, ces composants sont construits sur une méthodologie BEM qui garantit leur évolutivité et leur mise à jour.

image de formulaire adaptatif

Fonctions features

Prêts pour la production
Les composants principaux des formulaires adaptatifs sont 24 composants robustes de gestion de contenu web.
Prêts pour le cloud
Disponible pour AEM Forms as a Cloud Service.
Polyvalents
Les composants représentent des concepts génériques avec lesquels les créateurs et créatrices peuvent assembler pratiquement n’importe quelle disposition.
Configurables
Des politiques de contenu au niveau du modèle définissent les fonctionnalités que les créateurs et créatrices de pages peuvent ou non utiliser.
Accessibles
Ils fournissent des libellés ARIA, prennent en charge la navigation au clavier et le texte pour les technologies d’assistance telles que les lecteurs d’écran.
Thème utilisable
Les composants implémentent le système de style et le balisage suit les conventions CSS BEM.
Personnalisables
Plusieurs modèles permettent une personnalisation facile, depuis l’ajustement du code HTML jusqu’à la réutilisation des fonctionnalités avancées.
Contrôle de version
La politique de contrôle de version garantit que les composants principaux ne rendent pas votre site inopérable lorsqu’ils améliorent des éléments susceptibles de vous affecter.
Open source
Si quelque chose ne fonctionne pas correctement, contribuez en apportant vos améliorations.

Avantages benefits

Les expériences de capture de données sont essentielles pour la génération de pistes et l’inscription. Les composants principaux des formulaires adaptatifs offrent une solution puissante pour créer des formulaires optimisés pour la capture de données. Voici quelques raisons d’utiliser les composants principaux pour créer ces expériences sur les composants de base :

  • Disponibilité sur GitHub et documentation complète  : les composants principaux des formulaires adaptatifs d’AEM sont en open source et disponibles sur GitHub, avec une documentation complète. Cela permet aux développeurs et aux développeuses de comprendre plus facilement les composants et leur fonctionnement, ainsi que de contribuer à leur développement. Le site Web aemcomponents.dev est également une ressource précieuse, où les développeurs et les développeuses peuvent voir les composants en action et accéder à la documentation détaillée.

  • Modèle BEM pour le style  : les composants principaux suivent le modèle BEM (Block Element Modifier) pour le style, qui est une méthodologie bien établie et largement utilisée pour organiser le CSS. Cela permet aux développeurs et aux développeuses de comprendre plus facilement comment les styles sont organisés et comment les modifier en fonction de leurs besoins spécifiques.

  • Aucune dépendance aux bibliothèques tierces  : l’un des avantages des composants principaux est qu’ils ne dépendent pas des bibliothèques JavaScript tierces, y compris JQuery et Underscore. Les composants sont ainsi plus rapides et plus légers, et plus faciles à intégrer dans une implémentation AEM existante.

  • Centrés sur les performances et l’accessibilité  : les composants principaux sont conçus en tenant compte des performances et de l’accessibilité, qui se reflètent dans leurs scores Google Lighthouse élevés et dans leurs scores Web vitaux. Cela facilite la création de pages Web accessibles et performantes pour les développeurs et les développeuses, ce qui est de plus en plus important dans le paysage numérique actuel.

  • Composants de formulaire dans le modèle et les thèmes Sites 30  : les composants principaux prennent en charge les composants de formulaire dans le modèle et les thèmes Sites 30, ce qui facilite la création et la personnalisation de formulaires dans AEM.

  • Style plus facile  : les composants principaux sont plus faciles à mettre en forme que leurs composants de base homologues. Le processus de création du thème est similaire à Sites, avec la possibilité d’hériter du même thème/CSS de la page Sites parente. En outre, le modèle BEM pour le style facilite la compréhension et la modification des styles.

  • Accessibilité  : les composants principaux des formulaires adaptatifs prennent en charge les normes et directives d’accessibilité afin de s’assurer que les formulaires peuvent être utilisés par les personnes présentant un handicap, y compris celles qui utilisent des technologies d’assistance telles que les lecteurs d’écran

Composants principaux des formulaires adaptatifs components

La version actuelle des composants principaux des formulaires adaptatifs comprend les composants répertoriés ci-dessous.

Configurer les composants principaux des formulaires adaptatifs

L’activation des composants principaux des formulaires adaptatifs sur AEM Forms as a Cloud Service vous permet de commencer à créer, à publier et à diffuser des formulaires adaptatif et des formulaires découplés basés sur les composants principaux à l’aide de vos instances Cloud Service d'AEM Forms sur plusieurs canaux. Pour obtenir des instructions détaillées sur l’activation des composants principaux des formulaires adaptatifs, voir Activer les composants principaux des formulaires adaptatifs sur AEM Forms as a Cloud Service et dans l’environnement de développement as a Cloud Service.

Les composants principaux des formulaires adaptatifs ont les exigences suivantes.

AEM Version
Module complémentaire AEM Forms
Composants principaux des formulaires adaptatifs
AEM as a Cloud Service
Forms – Inscription numérique
Version 2.0.10+
AEM 6.5
Module complémentaire Forms
Version 1.1.12+

Si votre version d'AEM Cloud Service est antérieure à 2023.02.0, assurez-vous que l’indicateur prerelease est activé dans votre environnement, car les composants principaux des formulaires adaptatifs faisaient partie de la version préliminaire avant la version 2023.02.0.

Création d’un formulaire adaptatif basé sur des composants principaux

Vous pouvez effectuer les actions suivantes dans les environnements AEM Forms as a Cloud Service ou AEM 6.5 Forms :

Action
Version d’AEM Forms
Création d’un formulaire adaptatif autonome
AEM Forms as Cloud Service
Création d’un formulaire adaptatif dans une page AEM Sites
AEM 6.5 Forms, AEM Forms as Cloud Service
Création d’un formulaire adaptatif dans un fragment d’expérience AEM
AEM 6.5 Forms, AEM Forms as Cloud Service
Conversion d’un formulaire adaptatif en un fragment d’expérience
AEM 6.5 Forms, AEM Forms as Cloud Service
recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c