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 all’utente di rimanere 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, consultare Incorporare un modulo adattivo in una pagina web esterna.

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

Prerequisiti

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

Nel caso di una pagina Sites che utilizza un modello statico, devi 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 il componente Contenitore di AEM Forms:

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

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

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

    NOTA

    Non sono supportati più componenti contenitore AEM Forms in una pagina.

  3. Tocca il componente Contenitore AEM Forms incorporato nella pagina Sites , quindi tocca settings_icon nella barra delle azioni. Viene visualizzata la finestra di dialogo Modifica contenitore AEM Forms .

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

    • Tipo di risorsa: seleziona il tipo di risorsa da incorporare. Le opzioni sono moduli adattivi 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 modulo adattivo) Post-invio: Selezionare l’azione da attivare all’invio del modulo. Puoi scegliere di mostrare 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 scegli 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 scegli di mostrare una pagina di ringraziamento.
      • Aggiorna pagina all'invio: Abilita per 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 scegli di mostrare 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 stile font, colore di sfondo, dimensioni e allineamento.

    • Altezza: Specifica l’altezza del contenitore. Lascia vuoto 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 è ora incorporato nella pagina .

Pubblicazione di moduli adattivi incorporati e comunicazione interattiva

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

  • Se pubblichi la pagina dei siti di 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

AEM pagina Sites conserva un riferimento al modulo adattivo e alla comunicazione interattiva nel contenitore AEM Forms. Pertanto, tutte le configurazioni e proprietà, come il tema, gli stili e l’azione di invio, 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 la comunicazione interattiva, eseguire una delle operazioni seguenti.

  • Apri il modulo originale in moduli adattivi o comunicazioni interattive nei rispettivi editor e modificalo.
  • Tocca il modulo adattivo o la comunicazione interattiva all’interno della pagina del sito in modalità di modifica, quindi tocca Modifica in una nuova finestra. Il modulo originale viene aperto in modalità di modifica che è possibile modificare.
NOTA

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

Quando incorpori moduli adattivi nelle pagine dei siti AEM tenere a mente quanto segue:

  • Le intestazioni e i piè di pagina nel 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 Inviate Forms sul 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, puoi utilizzare il targeting delle esperienze nella pagina Sites per presentare moduli diversi basati sui profili utente.
  • Se Adobe Analytics è stato configurato per il modulo originale, i dati analitici del modulo incorporato vengono acquisiti in Adobe Analytics. Tuttavia, non è disponibile nel rapporto di analisi dei moduli.

In questa pagina