Incorporation d’un formulaire adaptatif ou d’une communication interactive dans une page des sites AEM embed-an-adaptive-form-or-interactive-communication-in-aem-sites-page
Présentation overview
AEM Forms permet aux développeurs de formulaires d’incorporer facilement des formulaires adaptatifs et des communications interactives dans une page d’AEM Sites ou une page Web hébergée en dehors d’AEM. Le formulaire adaptatif et la communication interactive incorporés sont entièrement fonctionnels et les utilisateurs peuvent remplir et envoyer le formulaire sans quitter la page. Il permet à l’utilisateur de rester dans le contexte d’autres éléments de la page web et d’interagir simultanément avec le formulaire ou la communication interactive.
Pour plus d’informations sur l’incorporation d’un formulaire adaptatif dans une page web externe, consultez la section Incorporation d’un formulaire adaptatif dans une page web externe.
Sur une page AEM Sites, vous pouvez ajouter un formulaire adaptatif ou une communication interactive à l’aide des éléments suivants :
-
Composant Conteneur AEM Forms
AEM Forms fournit un composant que vous pouvez ajouter à vos pages de site. Le composant Conteneur AEM Forms vous permet d’incorporer un formulaire adaptatif et une communication interactive. -
Explorateur des actifs Tous les formulaires et toutes les communications interactives que vous créez sont disponibles sous Actifs. Vous pouvez faire glisser et déposer le formulaire sous forme de ressource dans votre page.
Conditions préalables prerequisites
Pour incorporer un formulaire adaptatif ou une communication interactive dans une page AEM Sites qui utilise un modèle modifiable, vérifiez que le composant AEM Forms est configuré en tant que composant autorisé dans le modèle associé. Pour plus d’informations, voir Stratégie et propriétés (conteneur de disposition) dans Création de modèles de page.
Si une page de site utilise un modèle statique, vous devez le configurer dans le système de paragraphe de la page de site. Pour plus d’informations, voir Configuration des composants en mode Création.
Incorporer un formulaire adaptatif ou une communication interactive af-component
Pour incorporer un formulaire adaptatif ou une communication interactive à l’aide du composant Conteneur AEM Forms :
-
Ouvrez la page AEM sites, en mode d’édition, dans laquelle vous souhaitez incorporer un formulaire adaptatif ou une communication interactive.
-
À partir du volet Explorateur des composants, faites glisser et déposez le composant Conteneur AEM Forms sur la page.
Vous pouvez également rechercher un formulaire adaptatif ou une communication interactive dans l’explorateur de ressources et le faire glisser sur la page Sites. Cela incorpore le formulaire dans un conteneur AEM Forms.
note note NOTE Les composants de plusieurs conteneurs d’AEM Forms sur une page ne sont pas pris en charge. -
Appuyez sur le composant Conteneur d’AEM Forms sur la page de site, puis appuyez sur
-
Dans la boîte de dialogue Modifier le conteneur d’AEM Forms, précisez ce qui suit.
-
Type de ressource : sélectionnez le type de ressource à incorporer. Vous pouvez choisir entre formulaire adaptatif et communication interactive
-
Chemin d’accès à la ressource : recherchez et sélectionnez le formulaire adaptatif ou la communication interactive à incorporer. Il est prérempli si vous le faites glisser à partir du navigateur de ressources.
-
(Formulaire adaptatif uniquement) Publier l’envoi : sélectionnez l’action à déclencher lors de l’envoi du formulaire. Vous pouvez choisir d’afficher un message de remerciement ou une page de remerciement.
- Message de remerciement : rédigez un message à l’aide de l’éditeur de texte enrichi à afficher après l’envoi du formulaire. Cette option n’est disponible que lorsque vous choisissez d’afficher un message de remerciement.
- Page de remerciement : recherchez et sélectionnez la page à afficher après l’envoi du formulaire. Cette option n’est disponible que lorsque vous choisissez d’afficher une page de remerciement.
- Actualiser la page lors de l’envoi : activez cette option pour actualiser la page contenant le formulaire adaptatif incorporé afin d’afficher la page de remerciement. Dans le cas contraire, la page de remerciement remplace le formulaire adaptatif dans le conteneur d’AEM Forms sans actualiser la page. Cette option n’est disponible que lorsque vous choisissez d’afficher une page de remerciement.
-
Thème : sélectionnez un thème qui définit le style des composants de votre formulaire adaptatif ou de votre communication interactive. Style comprend des propriétés d’aspect, comme le style de police, la couleur d’arrière-plan, les dimensions et l’alignement.
-
Hauteur: Indiquez la hauteur du conteneur. Laissez ce champ vide pour redimensionner automatiquement le conteneur.
-
Bibliothèque cliente CSS: Spécifiez le chemin d’accès à une bibliothèque cliente CSS.
-
-
Enregistrez les paramètres. Le formulaire adaptatif ou la communication interactive sont désormais incorporés à la page.
Publier un formulaire adaptatif ou une communication interactive incorporés publishing-embedded-adaptive-form-and-interactive-communication
Examinons les scénarios suivants pour publier une ressource incorporée (formulaire adaptatif ou communication interactive) sur la page de sites d’AEM :
- Si vous publiez la page de sites AEM pour la première fois et qu’elle comprend un formulaire adaptatif ou une communication interactive incorporés, publiez la page de sites et la ressource incorporée.
- Si vous avez uniquement modifié le formulaire adaptatif ou la communication interactive incorporés à une page de site publiée, publiez la ressource d’origine pour que les modifications se reflètent sur la page de site publiée. La page de site publiée comprend une référence à la ressource et ne doit pas être republiée.
- Si vous avez modifié la page de sites et le formulaire adaptatif ou la communication interactive incorporés, republiez la page de sites et la ressource incorporée.
Modifier un formulaire adaptatif ou une communication interactive incorporés modifying-embedded-adaptive-form-and-interactive-communication
AEM page de sites conserve une référence au formulaire adaptatif et à la communication interactive dans le conteneur AEM Forms. Par conséquent, toutes les configurations et propriétés, telles que le thème, les styles et l’action d’envoi, configurées dans le formulaire adaptatif d’origine et la communication interactive, sont conservées dans le formulaire adaptatif incorporé et la communication interactive.
Pour modifier toute configuration ou propriété du formulaire adaptatif et de la communication interactive incorporés, effectuez l’une des opérations suivantes.
- Ouvrez le formulaire d’origine dans des formulaires adaptatifs ou une communication interactive dans les éditeurs respectifs et modifiez-le.
- Appuyez sur le formulaire adaptatif ou la communication interactive à partir de la page du site en mode d’édition, puis appuyez sur Modifier dans une nouvelle fenêtre. Le formulaire d’origine s’affiche en mode d’édition, et vous pouvez alors le modifier.
Éléments à prendre en compte et bonnes pratiques considerations-and-best-practices
Gardez les points suivants à l’esprit lorsque vous incorporez des formulaires adaptatifs à des pages de sites AEM :
- L’en-tête et le pied de page du formulaire d’origine ne sont pas inclus dans le formulaire incorporé.
- Les brouillons et les envois des formulaires incorporés sont pris en charge et visibles dans les onglets Brouillons et Forms envoyés du portail de formulaires.
- L’action d’envoi configurée sur le formulaire d’origine est conservée dans le formulaire incorporé.
- Le ciblage d’expérience et les tests A/B configurés sur le formulaire d’origine ne fonctionnent pas dans le formulaire incorporé. Cependant, vous pouvez utiliser le ciblage d’expérience sur la page de sites pour présenter différents formulaires en fonction des profils utilisateur.
- Si vous avez configuré Adobe Analytics pour le formulaire d’origine, les données d’analyse du formulaire incorporé seront capturées dans Adobe Analytics. En revanche, elles ne seront pas disponibles dans le rapport d’analyse des formulaires.