Incorporare un modulo adattivo o una comunicazione interattiva nella pagina dei siti AEM embed-an-adaptive-form-or-interactive-communication-in-aem-sites-page

L’Adobe consiglia di utilizzare l’acquisizione dati moderna ed estensibile Componenti coreper creazione di un nuovo Forms adattivoo aggiunta di Forms adattivo alle pagine AEM Sites. Questi componenti rappresentano un progresso significativo nella creazione di Forms adattivi, garantendo esperienze utente straordinarie. Questo articolo descrive un approccio precedente all’authoring di Forms adattivi utilizzando i componenti di base.

Versione
Collegamento articolo
AEM as a Cloud Service
Fai clic qui
AEM 6.5
Questo articolo

Panoramica overview

AEM Forms consente agli sviluppatori di moduli di incorporare facilmente moduli adattivi e comunicazioni interattive in una pagina AEM Sites o in una pagina web ospitata al di fuori dell’AEM. Il modulo adattivo incorporato e la comunicazione interattiva sono completamente funzionali e gli utenti possono compilare e inviare il modulo senza uscire dalla pagina. Consente all’utente di rimanere nel contesto di altri elementi della pagina web e interagire contemporaneamente con il modulo o la comunicazione interattiva.

Per informazioni sull’incorporamento di un modulo adattivo in una pagina web esterna, consulta Incorporare un modulo adattivo in una pagina web esterna.

Nella pagina di AEM Sites puoi aggiungere un modulo adattivo o una comunicazione interattiva utilizzando:

  • Componente Contenitore AEM Forms
    AEM Forms fornisce un componente che puoi aggiungere alle pagine del sito. Il componente Contenitore di AEM Forms consente di incorporare un modulo adattivo e una comunicazione interattiva.

  • Browser risorse
    Tutti i moduli e le comunicazioni interattive creati sono disponibili in Assets. Puoi trascinare il modulo come risorsa sulla pagina.

Prerequisiti prerequisites

Per incorporare un modulo adattivo o una comunicazione interattiva in una pagina dei siti AEM che utilizza un modello modificabile, accertati che il componente Modulo AEM sia configurato come componente consentito nel modello associato. Per ulteriori informazioni, consulta Criteri e proprietà (contenitore di layout) sezione in Creazione di modelli di pagina.

Se è presente una pagina Sites che utilizza un modello statico, è necessario configurarla nel sistema paragrafo della pagina del sito. Consulta Configurazione dei componenti in modalità progettazione per ulteriori informazioni.

Incorporazione di un modulo adattivo o di una comunicazione interattiva af-component

Per incorporare un modulo adattivo o una comunicazione interattiva utilizzando il componente Contenitore di AEM Forms:

  1. Apri la pagina dei siti AEM, in modalità di modifica, in cui desideri incorporare un modulo adattivo o una comunicazione interattiva.

  2. Dal pannello del browser Componenti, trascina il componente Contenitore AEM Forms nella pagina.

    In alternativa, puoi cercare un modulo adattivo o una comunicazione interattiva nel browser Risorse e trascinarlo sulla pagina Sites. Incorpora il modulo in un contenitore AEM Forms.

    note note
    NOTE
    Non sono supportati più componenti Contenitore di AEM Forms in una pagina.
  3. Seleziona il componente Contenitore AEM Forms incorporato nella pagina Sites, quindi seleziona icona_impostazioni sulla barra delle azioni. Il Modifica contenitore AEM Forms viene visualizzata una finestra di dialogo.

  4. Nella finestra di dialogo Modifica contenitore AEM Forms, specifica quanto segue.

    • Tipo risorsa: Seleziona il tipo di risorsa da incorporare. Le opzioni sono modulo adattivo e comunicazione interattiva

    • Percorso risorsa: sfoglia e seleziona il modulo adattivo o la comunicazione interattiva da incorporare. Viene compilato automaticamente se viene rilasciato dal browser Risorse.

    • (Solo per moduli adattivi) Invio post: seleziona l’azione da attivare all’invio del modulo. Puoi scegliere di visualizzare un messaggio di ringraziamento o una pagina di ringraziamento.

      • Messaggio di ringraziamento: scrivi un messaggio utilizzando l’editor Rich Text. Questa opzione è disponibile solo quando si sceglie di visualizzare un messaggio di ringraziamento.
      • Pagina di ringraziamento: sfoglia e seleziona la pagina da visualizzare all’invio del modulo. Questa opzione è disponibile solo quando si sceglie di visualizzare una pagina di ringraziamento.
      • Aggiorna pagina all'invio: abilitato per aggiornare la pagina contenente il modulo adattivo incorporato e visualizzare la pagina di ringraziamento. In caso contrario, la pagina di ringraziamento sostituisce il modulo adattivo nel contenitore AEM Forms, senza aggiornare la pagina. Questa opzione è disponibile solo quando si sceglie di visualizzare una pagina di ringraziamento.
    • Tema: seleziona un tema che definisce lo stile dei componenti del modulo adattivo o della comunicazione interattiva. Lo stile include proprietà di aspetto quali lo stile del carattere, il colore di sfondo, le dimensioni e l'allineamento.

    • Altezza: specifica l’altezza del contenitore. Lascia vuoto questo campo per ridimensionare automaticamente il contenitore.

    • Libreria client CSS: specifica il percorso di una libreria client CSS.

  5. Salva le impostazioni. Il modulo adattivo o la comunicazione interattiva sono ora incorporati nella pagina.

Pubblicazione di moduli adattivi incorporati e comunicazione interattiva publishing-embedded-adaptive-form-and-interactive-communication

Prendiamo in considerazione i seguenti scenari per la pubblicazione di una risorsa incorporata (modulo adattivo o comunicazione interattiva) nella pagina dei siti AEM:

  • Se pubblichi la pagina dei siti AEM per la prima volta e include un modulo adattivo incorporato o una comunicazione interattiva, pubblica la pagina dei siti e la risorsa incorporata.
  • Se hai modificato solo il modulo adattivo incorporato o la comunicazione interattiva in una pagina del sito pubblicata, pubblica la risorsa originale e le modifiche si riflettono nella pagina del sito pubblicata. La pagina del sito pubblicata include un riferimento alla risorsa e non richiede la ripubblicazione della pagina.
  • Se hai modificato la pagina Sites e il modulo adattivo incorporato o la comunicazione interattiva, ripubblica la pagina Sites e la risorsa incorporata.

Modifica del modulo adattivo incorporato e della comunicazione interattiva modifying-embedded-adaptive-form-and-interactive-communication

La pagina dei siti AEM mantiene un riferimento al modulo adattivo e alla comunicazione interattiva nel Contenitore AEM Forms. Pertanto, tutte le configurazioni e le proprietà, come il tema, gli stili e l’azione di invio, configurate nel modulo adattivo originale e nella comunicazione interattiva vengono mantenute nel modulo adattivo incorporato e nella comunicazione interattiva.

Per modificare la configurazione o la proprietà del modulo adattivo incorporato e della comunicazione interattiva, effettua una delle seguenti operazioni.

  • Apri il modulo originale nei moduli adattivi o nella comunicazione interattiva nei rispettivi editor e modificali.
  • Seleziona il modulo adattivo o la comunicazione interattiva dalla pagina del sito in modalità di modifica, quindi seleziona Modifica in una nuova finestra. Il modulo originale viene aperto in modalità di modifica modificabile.
NOTE
Le modifiche apportate al modulo adattivo originale o alla comunicazione interattiva si riflettono automaticamente nel modulo incorporato. Tuttavia, ripubblica il modulo adattivo, la comunicazione interattiva o la pagina del sito per riflettere le modifiche nella pagina pubblicata.

Considerazioni e best practice considerations-and-best-practices

Quando incorpori moduli adattivi nelle pagine dei siti AEM, considera gli aspetti seguenti:

  • Intestazione e piè di pagina nel modulo originale non sono inclusi nel modulo incorporato.
  • Le bozze utente e gli invii di moduli incorporati sono supportati e visibili nelle schede Bozze e Forms inviate nel portale dei moduli.
  • L’azione di invio configurata nel modulo originale viene mantenuta nel modulo incorporato.
  • Il targeting delle esperienze e i test A/B configurati nel modulo originale non funzionano nel modulo incorporato. Tuttavia, puoi utilizzare il targeting dell’esperienza sulla pagina Sites per presentare diversi moduli in base ai profili utente.
  • Se hai configurato Adobe Analytics per il modulo originale, i dati di analisi del modulo incorporato vengono acquisiti in Adobe Analytics. Tuttavia, non è disponibile nel rapporto di analisi di Forms.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2