Utilizzo di Collaboratore per creare una pagina dei contatti di AEM Sites con un modulo adattivo
[AEM Forms as a Cloud Service]{class="badge informative"}
Panoramica
Coworker Enterprise fornisce un metodo basato sull’intelligenza artificiale per eseguire attività in Adobe Experience Manager (AEM) utilizzando istruzioni in linguaggio naturale. Invece di eseguire manualmente ogni passaggio di authoring e configurazione, gli utenti possono descrivere l’esperienza che desiderano creare e Collaboratore può aiutare a eseguire le attività supportate in AEM.
Il collega lavora in modo interattivo e può porre domande di follow-up quando necessita di informazioni aggiuntive, ad esempio una pagina di riferimento, una configurazione esistente o un servizio da utilizzare. Questo consente di combinare l’authoring basato sull’intelligenza artificiale con risorse, componenti, moduli e integrazioni AEM esistenti.
In questo articolo, utilizziamo Collaboratore per creare un’esperienza di AEM Sites Contact Us, che include la creazione della pagina e del modulo adattivo, la configurazione di una ricerca di codice postale e l’invio di moduli a una configurazione di archiviazione Azure esistente.
Questo tutorial illustra come utilizzare Coworker per creare una pagina di AEM Sites Contattaci che include:
- Banner a tema bancario a larghezza intera
- Modulo adattivo incorporato nella pagina AEM Sites
- Layout modulo a due colonne
- Comportamento reattivo per tablet e dispositivi mobili
- Raggruppamento logico delle informazioni e dei dettagli della richiesta di informazioni sui clienti
La pagina verrà creata in:
/content/bankingapplication/us/contact-us
Prerequisiti
Prima di iniziare, assicurati:
Hai accesso a un ambiente AEM con le autorizzazioni necessarie per creare e modificare pagine Sites e Forms adattivo.
Negli esempi utilizzati in questo articolo, bankingapplication è il progetto AEM configurato nel nostro ambiente e la pagina Contattaci viene creata in /content/bankingapplication/us.
Il nome del progetto AEM e la struttura del contenuto potrebbero essere diversi. Sostituisci i percorsi di esempio in questo articolo con il nome del progetto e la posizione del contenuto appropriati per il tuo ambiente AEM.
Allo stesso modo, è possibile creare Forms adattivo e le risorse correlate nella posizione appropriata per il progetto; non è necessario che utilizzino gli stessi percorsi mostrati in questo articolo.
Passaggio 1: aprire Collaboratore
Apri Collaboratore e fornisci una richiesta in linguaggio naturale che descriva la pagina da creare.
La richiesta deve includere:
- Posizione della pagina
- La struttura di pagina desiderata
- Requisiti del banner
- Requisiti del modulo adattivo
- Layout a due colonne
- Il comportamento reattivo
- Campi obbligatori nel modulo
- Aspettative visive e di accessibilità
Un prompt dettagliato produce generalmente un risultato più prevedibile di una richiesta breve come “Crea una pagina Contattaci”.
Passaggio 2: fornire la richiesta di creazione pagina
Copia e incolla il seguente prompt in Collaborator:
Passaggio 2: fornire la richiesta di creazione pagina
Copia e incolla il seguente prompt in Collaborator:
Vorrei creare una pagina Contattaci in AEM Sites nel seguente percorso di contenuto:
/content/bankingapplication/us
Requisiti delle pagine
1. Banner bancario intero
- Aggiungi un banner/immagine protagonista per l’intera larghezza della pagina.
- Crea un’immagine del banner adatta con un tema bancario e servizi finanziari moderno.
- L’immagine deve trasmettere fiducia, professionalità, sicurezza e servizio clienti.
- Il banner dovrebbe funzionare correttamente su desktop, tablet e layout mobili.
2. Contattaci Modulo Adattivo
- Nella metà inferiore della pagina, aggiungi un Modulo adattivo AEM direttamente all’interno della pagina AEM Sites.
- Organizza i campi modulo in modo logico in due pannelli/colonne affiancati sul desktop.
- Sui dispositivi tablet e mobili, i pannelli devono sovrapporsi verticalmente per fornire un’esperienza reattiva.
Pannello sinistro - Informazioni
- Nome
- Indirizzo e-mail
- Indirizzo
- Città
- Stato
- Codice postale
Pannello a destra - Come posso aiutarti?
- Tipo di interrogazione
- Oggetto
- Messaggio/Commenti
- Tempo di contatto preferito
Posiziona il pulsante Invia in una posizione logica al di sotto dei campi del modulo, in modo che il modulo risulti equilibrato e facile da usare.
Posizione pagina
Creare la pagina Contattaci all’indirizzo:
/content/bankingapplication/us/contact-us
Rispondi alle domande di follow-up del collega
Dopo aver inviato il prompt, il collaboratore può porre ulteriori domande prima di creare la pagina AEM Sites. Queste domande aiutano Collaboratore a comprendere la struttura del sito esistente, le convenzioni di progettazione, i componenti disponibili e l’implementazione desiderata.
Risposta del collaboratore
