Éditeur universel d’Edge Delivery Services pour AEM Forms

Cette fonctionnalité est disponible par le biais du programme d’accès précoce. Pour demander l’accès, envoyez un e-mail avec le nom de votre organisation GitHub et le nom du référentiel à partir de votre adresse officielle à aem-forms-ea@adobe.com . Par exemple, si l’URL du référentiel est https://github.com/adobe/abc, le nom de l’organisation est adobe et le nom du référentiel est abc.

L’éditeur universel révolutionne la création de formulaires pour Adobe Edge Delivery Services en offrant une interface What You See Is What You Get (WYSIWYG) simple, visuelle et intuitive. Conçu pour les créateurs et créatrices de contenu et les auteurs et autrices de formulaires, il facilite les processus de création de formulaires traditionnels et les rend accessibles même aux utilisateurs et utilisatrices n’ayant pas de connaissances techniques.

L’éditeur universel vous permet de concevoir rapidement des formulaires réactifs et interactifs à l’aide de composants préconfigurés tels que des champs de texte, des cases à cocher et des boutons radio. Son solide ensemble de fonctionnalités prend en charge des règles dynamiques, une intégration facile des données et une personnalisation avancée, afin que chaque formulaire soit adapté à vos besoins.

Que vous gériez un rendu léger côté client, assuriez la compatibilité entre les navigateurs ou respectiez des normes d’accessibilité strictes, l’éditeur universel fournit une solution rationalisée pour la création et la gestion des formulaires.

{width="80"}

Principales fonctionnalités de l’éditeur universel d’Edge Delivery Services pour AEM Forms

Interface WYSIWYG

Éditeur de règles

Actions Envoyer

L’éditeur universel fournit une interface WYSIWYG pour la conception de formulaire avec une bibliothèque de composants préconfigurée, une conception réactive, une création basée sur des modèles et des modifications de champs en temps réel.

L’éditeur de règles permet aux utilisateurs et utilisatrices de créer des interactions de formulaires dynamiques à l’aide de règles pilotées par les événements, de validations instantanées et de gestion des erreurs via JavaScript et JSON légers.

Les actions Envoyer prennent en charge l’intégration du serveur principal, la logique d’envoi conditionnel, les points d’entrée sécurisés et les préprocesseurs, ce qui simplifie les workflows d’envoi.

Publication/dépublication

Mode réactif

Composants personnalisés

Contrôlez facilement la visibilité de vos formulaires : publiez ou dépubliez-les directement à partir de l’éditeur en quelques clics seulement.

Concevez des formulaires qui s’adaptent facilement à tous les appareils (ordinateurs de bureau, tablettes et appareils mobiles). Utilisez le mode réactif pour prévisualiser et tester les formulaires pour différentes tailles d’écran.

Les composants personnalisés permettent aux développeurs et aux développeuses d’étendre les fonctionnalités de formulaire en créant des éléments uniques adaptés à des cas d’utilisation organisationnels spécifiques.

Style

Services de préremplissage (prochainement)

Tests A/B

L’utilisation de styles avec les CSS permet aux équipes de développement de personnaliser l’aspect des éléments de formulaire et de créer une conception visuellement attrayante, en harmonie avec l’esthétique du site web.

Les services de préremplissage renseignent automatiquement les champs de formulaire avec des données d’utilisateurs ou d’utilisatrices pertinentes provenant de diverses sources, ce qui réduit la saisie manuelle et améliore l’expérience d’utilisation.

Les tests A/B permettent aux entreprises de tester différentes conceptions, dispositions et fonctionnalités de formulaire afin d’identifier les variantes les plus performantes.

Analyses et tracking

Fragments de formulaire (prochainement)

Liaison de données (prochainement)

Obtenez des informations sur le comportement des utilisateurs et utilisatrices, les interactions des formulaires et les taux d’envoi grâce aux analyses et au tracking intégrés pour permettre une optimisation des formulaires pilotée par les données.

Les fragments de formulaire permettent la réutilisation : il est ainsi possible de créer une seule fois des sections couramment utilisées et de les réutiliser dans plusieurs formulaires, ce qui garantit la cohérence et réduit les efforts de maintenance.

La liaison des données permet des connexions directes entre les champs de formulaire et les sources de données back-end, prenant en charge les mises à jour en temps réel et le mappage de données avancé.

CAPTCHA

Intégration de formulaires (prochainement)

Configuration du remerciement

Utilisez reCAPTCHA pour protéger les formulaires contre les robots automatisés, en assurant une collecte de données sécurisée et fiable.

Incorporez des formulaires directement dans des pages de sites Edge Delivery Services à l’aide du composant d’incorporation intégré de l’éditeur universel.

Personnalisez facilement le message ou la page d’accusé de réception affiché aux utilisateurs et utilisatrices après l’envoi du formulaire.

Composants de formulaire préconfigurés

L’éditeur universel fournit les composants de formulaire suivants prêts à l’emploi :

Composants de formulaire

Description

Accordéon

Structure de panneau réductible pour organiser le contenu.

Bouton

Ajoute des éléments interactifs pour des actions telles que la navigation ou une logique personnalisée.

Captcha

Empêche les spams en demandant aux utilisateurs et utilisatrices d’effectuer une tâche de vérification humaine à l’aide de Google reCaptcha ou HCaptcha.

Case à cocher

Permet aux utilisateurs et utilisatrices de configurer une case à cocher.

Groupe de cases à cocher

Permet aux utilisateurs et utilisatrices de sélectionner plusieurs options dans un groupe.

Sélecteur de date

Permet aux utilisateurs et utilisatrices de sélectionner une date à l’aide d’une interface de calendrier.

Listes déroulantes

Propose des options à sélection unique ou multiple dans une liste prédéfinie.

E-mail

Capture les adresses e-mail avec validation du format de base.

Pièce jointe

Permet de charger des documents, des images ou d’autres types de fichiers.

Fragments de formulaire

Composants de formulaire réutilisables pour des sections telles que les champs d’adresse ou les coordonnées.

Image

Prend en charge le chargement et l’affichage d’images dans les formulaires.

Boîte de dialogue modale

Affiche une boîte de dialogue contextuelle, souvent utilisée pour les alertes, les informations supplémentaires ou la confirmation.

Champ numérique

Capture une entrée numérique, ce qui permet de valider des nombres ou des plages.

Panneau

Organise les sections de formulaire avec des panneaux extensibles/réductibles.

Cases d’option

Active la sélection à choix unique à partir d’un groupe d’options.

Évaluation

Permet aux utilisateurs et utilisatrices de fournir une évaluation par étoiles.

Bouton de réinitialisation

Réinitialise les champs de formulaire à leur état par défaut.

Bouton Envoyer

Déclenche l’envoi du formulaire et lance les workflows définis.

Champ Numéro de téléphone

Capture les numéros de téléphone avec une mise en forme basée sur le pays.

Texte

Fournit une section dédiée pour afficher les termes juridiques et collecter les contrats d’utilisation via des cases à cocher.

Champ de texte

Capture une entrée sur une seule ligne, telle que des noms ou des adresses e-mail.

Assistant

Guide les utilisateurs et utilisatrices pas à pas tout au long d’un processus de formulaire en plusieurs parties.

Intégration

Pour activer l’éditeur universel et ses fonctionnalités avancées telles que l’éditeur de règles, écrivez-nous à l’adresse aem-forms-ea@adobe.com à partir de votre ID d’e-mail officiel. L’équipe d’Adobe est là pour vous aider à transformer votre expérience de création de formulaires.

Questions fréquentes

Q : Qui peut utiliser l’éditeur universel ?
L’éditeur universel est conçu pour un large public, notamment :

Q : Puis-je intégrer des formulaires créés avec l’éditeur universel dans mes systèmes existants ?
Absolument. L’éditeur universel prend en charge la liaison de données transparente avec les systèmes backend, ce qui permet des mises à jour en temps réel et un mappage de données avancé. Il s’intègre également à des outils tels qu’Adobe Workfront pour la gestion des tâches et prend en charge les points d’entrée sécurisés pour les workflows d’envoi de données.

Q : Est-il possible de personnaliser les composants de formulaire ?
Oui, l’éditeur universel permet aux développeurs et aux développeuses de créer des composants personnalisés et adaptés aux besoins spécifiques de l’entreprise. De plus, vous pouvez étendre les fonctionnalités de l’éditeur par le biais d’extensions d’interface d’utilisation et de workflows personnalisés.

Q : Comment l’éditeur universel gère-t-il l’accessibilité ?
L’éditeur universel est conçu dans le strict respect des normes d’accessibilité, y compris les directives d’accessibilité du contenu web (WCAG). Cela permet de s’assurer que les formulaires sont utilisables par les personnes en situation de handicap, et offre ainsi une expérience inclusive.

Q : Quel type d’analyse puis-je obtenir des formulaires ?
L’éditeur universel comprend des outils d’analyse et de suivi intégrés pour surveiller les interactions utilisateur, les taux d’envoi de formulaires et les mesures de conversion. Ces informations vous aident à optimiser vos formulaires pour de meilleures performances.

Commencer à créer des formulaires