Creazione di una pagina di destinazione

Informazioni sulla creazione di pagine di destinazione

Questo caso d’uso mostra l’utilizzo dell’editor digitale per creare una pagina di destinazione dalla console Adobe Campaign.

Prima di iniziare a configurare la pagina di destinazione in Adobe Campaign, assicurati di disporre di uno o più modelli per rappresentare le pagine HTML.

Lo scopo principale di questo caso d’uso è quello di far corrispondere i campi del modulo Pagina di destinazione con i campi interni di Adobe Campaign che utilizzano le funzioni di DCE.

Creazione della pagina di destinazione

Per creare una nuova applicazione Web di tipo Pagina di destinazione, procedere come segue:

  1. Vai alla scheda Campaigns e fai clic sul collegamento Web application , quindi fai clic sul pulsante Create .

  2. Seleziona il modello New landing page e inserisci un’etichetta, quindi fai clic su Save.

  3. Fai clic sulla scheda Edit .

  4. Elimina l'attività End .

  5. Aggiungi un’attività Page dopo l’attività Storage .

  6. Modifica l'attività Pagina 2 , quindi deseleziona l'opzione Activate outbound transitions nella scheda Properties .

  7. Salva le modifiche.

Verrà quindi visualizzata la seguente sequenza:

NOTA

Per ulteriori informazioni sulla creazione di un'applicazione Web, consulta questa sezione.

Passaggio 1: selezionare e caricare i modelli

In questa sezione verrà illustrato come importare contenuto HTML per ogni pagina dell'applicazione Web.

Un modello deve contenere:

  • un file HTML (obbligatorio)
  • uno o più file CSS (facoltativo)
  • una o più immagini (facoltativo)

Per caricare il modello sulla prima pagina, esegui i seguenti passaggi:

  1. Apri la prima Page attività dell'applicazione Web.

  2. Seleziona From a file per recuperare il modello di contenuto.

  3. Selezionare il file HTML da utilizzare.

  4. Fai clic su Apri per avviare l'importazione.

    Durante il caricamento viene visualizzato l'elenco dei file condivisi. Il sistema di importazione verifica che siano presenti tutti i file collegati all’HTML selezionato (CSS, immagini, ecc.).

    Al termine dell’importazione, fai clic sul pulsante Close .

    ATTENZIONE

    È necessario attendere fino a quando non viene visualizzato il seguente messaggio prima di chiudere: The external resources have been successfully published .

  5. Fai clic sulla scheda Properties .

  6. Immetti un etichetta per ogni pagina (ad esempio: Pagina 1= Raccogli, Pagina 2=Grazie).

Applicare questi passaggi per ogni pagina inserita nell'applicazione Web.

ATTENZIONE

Il DCE esegue il codice JavaScript per la pagina HTML caricata. Errori JavaScript nel modello HTML che possono apparire nell'interfaccia Adobe Campaign. Questi errori non sono correlati all'editor. Per verificare che non ci siano errori nei file importati, si consiglia di testarli in un browser (Internet Explorer / Firefox / Chrome) prima di importare i file nel DCE.

Passaggio 2: configurazione del contenuto

In questa sezione verrà regolato il contenuto importato e verranno collegati i campi del database al modulo della pagina web. L'applicazione Web creata in precedenza è:

Modifica del contenuto

Cominciamo modificando i colori della pagina. Per eseguire questa operazione:

  1. Apri la pagina Collection .

  2. Fai clic sullo sfondo.

  3. Fare clic su Colore sfondo sul lato destro.

  4. Selezionare un nuovo colore di sfondo.

  5. Fare clic su OK per confermare la modifica.

  6. Applicare gli stessi processi per modificare il colore del pulsante

Collegamento di campi modulo

Collegheremo i campi della pagina a quelli del database per salvare le informazioni fornite.

  1. Selezionare un campo modulo.

  2. Modifica la sezione Field sul lato destro dell’editor.

  3. Selezionare il campo del database che si desidera collegare al campo selezionato.

  4. Ripetere questa procedura per ogni campo della pagina.

È possibile rendere obbligatorio un campo: ad esempio, fai clic sul campo Email e abilita l'opzione Obbligatorio.

Questo passaggio è obbligatorio perché consentirà all'applicazione Web di determinare la sequenza dei passaggi successivi: Salvataggio dei dati raccolti nel database e visualizzazione della pagina successiva (Grazie pagina).

  1. Selezionare il pulsante Send it! della pagina Collection.

  2. Fai clic sul menu a discesa Action .

  3. Seleziona l’azione Next page .

Inserimento di un campo di personalizzazione

Questo passaggio ti consente di personalizzare la pagina di ringraziamento. Per eseguire questa operazione:

  1. Apri la pagina Thank you .

  2. Posizionare il cursore in un'area di testo in cui si desidera inserire il nome del destinatario.

  3. Selezionare Personalization field nel menu Insert della barra degli strumenti.

  4. Selezionare il nome.

Il campo di personalizzazione ha uno sfondo giallo nell’editor.

Passaggio 3 - Pubblicazione del contenuto

Il contenuto viene pubblicato dal dashboard dell'applicazione Web. Fai clic sul pulsante Publish per eseguirlo.

Durante la pubblicazione viene visualizzato un registro. Il sistema di pubblicazione analizza tutti i contenuti presenti nell'applicazione Web

NOTA

Nel registro della pubblicazione gli avvisi e gli errori vengono ordinati per attività.

Il modulo è ora disponibile: il relativo URL è accessibile nel dashboard dell’applicazione e può essere inviato ai destinatari.

In questa pagina