Creazione di una pagina di destinazione

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, assicurarsi di disporre di uno o più modelli per rappresentare le pagine HTML.

Lo scopo principale di questo caso di utilizzo è far corrispondere i campi del modulo Pagina di destinazione ai campi interni di Adobe Campaign utilizzando le funzioni di DCE.

Creazione della pagina di destinazione

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

  1. Andate alla scheda Campaigns e fate clic sul collegamento Web application, quindi fate clic sul pulsante Create.

  2. Selezionate il modello New landing page e immettete un'etichetta, quindi fate clic su Save.

  3. Fare clic sulla scheda Edit.

  4. Eliminate l'attività End.

  5. Aggiungete un'attività Page dopo l'attività Storage.

  6. Modificate l'attività Page 2, quindi deselezionate l'opzione Activate outbound transitions nella scheda Properties.

  7. Salvare le modifiche.

Verrà quindi visualizzata la seguente sequenza:

NOTA

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

Passaggio 1 - Selezione e caricamento di 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, effettuate le seguenti operazioni:

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

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

  3. Selezionate il file HTML da utilizzare.

  4. Fare 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 al codice HTML selezionato (CSS, immagini ecc.).

    Al termine dell'importazione, fate clic sul pulsante Close.

    ATTENZIONE

    Prima di chiudere è necessario attendere il messaggio seguente: The external resources have been successfully published .

  5. Fare clic sulla scheda Properties.

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

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

ATTENZIONE

DCE esegue il codice JavaScript per la pagina HTML caricata. Errori JavaScript nel modello HTML che possono essere visualizzati 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 in DCE.

Passaggio 2 - Configurazione del contenuto

In questa sezione, regoleremo il contenuto importato e collegheremo 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. Aprite la pagina Collection.

  2. Fate clic sullo sfondo.

  3. Fare clic su Colore di 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. Modificate la sezione Field a destra dell'editor.

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

  4. Ripetete questa procedura per ciascun campo della pagina.

È possibile rendere obbligatorio un campo: ad esempio, fare clic sul campo Email, quindi attivare 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. Fare clic sul menu a discesa Action.

  3. Selezionare l'azione Next page.

Inserimento di un campo di personalizzazione

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

  1. Aprite 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. Selezionate il nome.

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

Passaggio 3: pubblicazione di contenuto

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

Durante la pubblicazione viene visualizzato un registro. Il sistema di pubblicazione analizza tutto il contenuto trovato nell'applicazione Web

NOTA

Nel registro delle pubblicazioni, gli avvisi e gli errori sono ordinati per attività.

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

In questa pagina