AEM Forms permite a los desarrolladores de formularios incrustar sin problemas formularios adaptables y comunicaciones interactivas en una página de AEM Sites o una página web alojada fuera de AEM. El formulario adaptable integrado y la comunicación interactiva son totalmente funcionales y los usuarios pueden rellenar y enviar el formulario sin salir de la página. Ayuda al usuario a permanecer en el contexto de otros elementos de la página web e interactuar simultáneamente con el formulario o la comunicación interactiva.
Para obtener información sobre la incrustación de un formulario adaptable en una página web externa, consulte Incrustar formulario adaptable en una página web externa.
En la página AEM Sites, puede añadir un formulario adaptable o una comunicación interactiva mediante:
El componente Contenedor de AEM Forms. AEM Forms proporciona un componente que puede agregar a las páginas de Sites. El componente Contenedor de AEM Forms le permite incrustar un formulario adaptable y una comunicación interactiva.
Navegador de recursos
Todos los formularios y las comunicaciones interactivas que cree están disponibles en Assets. Puede arrastrar y colocar el formulario como un recurso en su página.
Para incrustar un formulario adaptable o una comunicación interactiva en una página de sitios AEM que utilice una plantilla editable, asegúrese de que el componente AEM Formulario esté configurado como un componente permitido en la plantilla asociada. Para obtener más información, consulte la sección Política y propiedades (Contenedor de diseño) en Creación de plantillas de página.
En el caso de las páginas de Sites que usan una plantilla estática, deberá configurarlo en el sistema de párrafos de la página de Sites. Consulte Configuración de componentes en el modo Diseño para obtener más información.
Para incrustar un formulario adaptable o una comunicación interactiva mediante el componente Contenedor de AEM Forms:
Abra la página AEM sitios en modo de edición, en la que desea incrustar un formulario adaptable o una comunicación interactiva.
En el panel Explorador de componentes, arrastre y coloque el componente Contenedor de AEM Forms en la página.
También puede buscar un formulario adaptable o una comunicación interactiva en el navegador Recursos y arrastrarlo y colocarlo en la página Sitios . Esto incrustará el formulario en un contenedor de AEM Forms.
No se admiten varios componentes de contenedor de AEM Forms en una misma página.
Pulse el componente Contenedor de AEM Forms incrustado en la página de Sites y, a continuación, pulse en la barra de acciones. Se abre el cuadro de diálogo Editar contenedor de AEM Forms.
En el cuadro de diálogo Editar contenedor de AEM Forms, especifique lo siguiente.
Tipo de recurso: Seleccione el tipo de recurso que desea incrustar. Las opciones son forma adaptable y comunicación interactiva
Ruta de recursos: Busque y seleccione el formulario adaptable o la comunicación interactiva que desea incrustar. Se rellena automáticamente si ha colocado el formulario desde el Explorador de recursos.
(sólo forma adaptable) Envío de anuncio: Seleccione la acción a déclencheur en el envío del formulario. Puede elegir mostrar un mensaje o una página de agradecimiento.
Tema: Seleccione un tema que defina el estilo para los componentes de su formulario adaptable o comunicación interactiva. El estilo incluye propiedades de apariencia, como el estilo de fuente, el color de fondo, las dimensiones y la alineación.
Altura: especifique la altura del contenedor. Déjelo en blanco para cambiar automáticamente el tamaño del contenedor.
Biblioteca de cliente CSS: especifique la ruta a una biblioteca de cliente CSS.
Guarde la configuración. El formulario adaptable o la comunicación interactiva están incrustados en la página.
Consideremos los siguientes escenarios para publicar un recurso incrustado (formulario adaptable o comunicación interactiva) en AEM página de sitios:
AEM página sitios mantiene una referencia al formulario adaptable y la comunicación interactiva en el contenedor de AEM Forms. Por lo tanto, todas las configuraciones y propiedades, como el tema, los estilos y la acción de envío, configuradas en el formulario adaptable original y la comunicación interactiva se conservan en el formulario adaptable incrustado y en la comunicación interactiva.
Para modificar cualquier configuración o propiedad del formulario adaptable incrustado y la comunicación interactiva, realice una de las siguientes acciones:
Los cambios realizados en el formulario adaptable original o en la comunicación interactiva se reflejan automáticamente en el formulario incrustado. Sin embargo, vuelva a publicar el formulario adaptable, la comunicación interactiva o la página del sitio para reflejar los cambios en la página publicada.
Tenga en cuenta los siguientes puntos al incrustar formularios adaptables en páginas de AEM Sites: