Incorporare un modulo adattivo o una comunicazione interattiva nella pagina AEM siti

Panoramica

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 all'esterno di AEM. Il modulo adattivo incorporato e la comunicazione interattiva sono completamente funzionanti e gli utenti possono compilare e inviare il modulo senza uscire dalla pagina. Consente agli utenti di restare nel contesto di altri elementi della pagina Web e di interagire contemporaneamente con il modulo o la comunicazione interattiva.

Per informazioni sull'incorporazione di un modulo adattivo in una pagina Web esterna, vedere Incorporare un modulo adattivo in una paginaWeb esterna.

pagina AEM Sites, è possibile aggiungere un modulo adattivo o una comunicazione interattiva utilizzando:

  • componente Contenitore AEM Forms AEM Forms fornisce un componente che potete 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 Risorse. È possibile trascinare il modulo come risorsa sulla pagina.

Prerequisiti

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

Nel caso di una pagina Siti che utilizza un modello statico, è necessario configurarla nel sistema paragrafo della pagina del sito. Per ulteriori informazioni, consulta Configurazione dei componenti in modalità Progettazione.

Incorporazione di un modulo adattivo o comunicazione interattiva

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

  1. Aprire la pagina AEM siti, in modalità di modifica, in cui si desidera incorporare un modulo adattivo o una comunicazione interattiva.

  2. Dal pannello del browser Componenti, trascinate il componente Contenitore AEM Forms sulla pagina.

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

    Nota

    Più componenti contenitore AEM Forms in una pagina non sono supportati.

  3. Toccate il componente AEM Forms Container incorporato nella pagina dei siti, quindi toccate settings_icon sulla barra delle azioni. Viene visualizzata la finestra di dialogo Modifica contenitore AEM Forms.

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

    • Tipo risorsa: Selezionate il tipo di risorsa da incorporare. Le opzioni sono moduli adattivi e comunicazione interattiva

    • Percorso risorsa: Sfogliate e selezionate il modulo adattivo o la comunicazione interattiva da incorporare. Viene compilata automaticamente se viene rilasciata dal browser Risorse.

    • (Solo modulo adattivo) Post-invio: Selezionare l'azione da attivare all'invio del modulo. Potete scegliere di visualizzare un messaggio di ringraziamento o una pagina di ringraziamento.

      • Messaggio Di Ringraziamento: Scrivere un messaggio utilizzando l'editor Rich Text da visualizzare durante l'invio del modulo. Questa opzione è disponibile solo quando scegliete di mostrare un messaggio di ringraziamento.
      • Pagina di ringraziamento: Individuare e selezionare la pagina da visualizzare durante l'invio del modulo. Questa opzione è disponibile solo quando scegliete di mostrare una pagina di ringraziamento.
      • Aggiorna pagina all'invio: Consente di aggiornare la pagina contenente il modulo adattivo incorporato per 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 scegliete di mostrare una pagina di ringraziamento.
    • Tema: Selezionate un tema che definisca lo stile dei componenti del modulo adattivo o della comunicazione interattiva. Lo stile include proprietà di aspetto quali lo stile del font, il colore di sfondo, le dimensioni e l'allineamento.

    • Altezza: Specificate l'altezza del contenitore. Lasciate vuoto per ridimensionare automaticamente il contenitore.

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

  5. Salvate le impostazioni. Il modulo adattivo o la comunicazione interattiva ora è incorporato nella pagina.

Pubblicazione di moduli adattivi incorporati e comunicazione interattiva

Esaminiamo i seguenti scenari per pubblicare una risorsa incorporata (modulo adattivo o comunicazione interattiva) nella pagina AEM siti:

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

Modifica di moduli adattivi incorporati e comunicazione interattiva

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

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

  • Aprire il modulo originale in moduli adattivi o nelle comunicazioni interattive nei rispettivi editor e modificarlo.
  • Toccate il modulo adattivo o la comunicazione interattiva dalla pagina del sito in modalità di modifica, quindi toccate Modifica in una nuova finestra. Il modulo originale viene aperto in modalità di modifica, modificabile dall'utente.
Nota

Le modifiche apportate al modulo adattivo originale o alla comunicazione interattiva si riflettono automaticamente nel modulo incorporato. Tuttavia, ripubblicate il modulo adattivo, la comunicazione interattiva o la pagina del sito per riflettere le modifiche apportate alla pagina pubblicata.

Considerations and best practices

Quando si incorporano moduli adattivi nelle AEM pagine dei siti, tenere presente quanto segue:

  • L'intestazione e il piè di pagina del modulo originale non sono inclusi nel modulo incorporato.
  • Le bozze degli utenti e gli invii dei moduli incorporati sono supportati e visibili nelle schede Bozze e Forms inviate nel portale dei moduli.
  • L'azione di invio configurata sul modulo originale viene mantenuta nel modulo incorporato.
  • Il targeting delle esperienze e i test A/B configurati sul modulo originale non funzionano nel modulo incorporato. Tuttavia, è possibile utilizzare il targeting delle esperienze sulla pagina dei siti per presentare moduli diversi basati sui profili utente.
  • Se Adobe Analytics è stato configurato per il modulo originale, i dati di analisi del modulo incorporato vengono acquisiti in Adobe Analytics. Tuttavia, non è disponibile nel report di analisi dei moduli.

In questa pagina