Creare 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 di 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 a Campaigns e fai clic su Web application fai clic sul collegamento Create pulsante .

  2. Seleziona la New landing page e immetti un’etichetta, quindi fai clic su Save.

  3. Fai clic sul pulsante Edit scheda .

  4. Elimina Fine attività.

  5. Aggiungi un Page dopo Storage attività.

  6. Modifica le Pagina 2 quindi deseleziona Activate outbound transitions in Properties scheda .

  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 HTML file (obbligatorio)
  • uno o più CSS file (facoltativo)
  • uno o più immagini (facoltativo)

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

  1. Apri il primo 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 la presenza di tutti i file collegati al HTML selezionato (CSS, immagini, ecc.).

    Fai clic sul pulsante Close una volta completata l’importazione.

    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 sul pulsante Properties scheda .

  6. Inserisci 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 di HTML che possono comparire 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 Collection pagina.

  2. Fai clic sullo sfondo.

  3. Fai clic su Colore di sfondo sul lato destro.

  4. Selezionare un nuovo colore di sfondo.

  5. Fai 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 le 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 su Email quindi abilita Obbligatorio opzione .

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 page).

  1. Seleziona la Send it! pulsante Collection pagina.

  2. Fai clic sul pulsante Action menu a discesa.

  3. Seleziona la Next page azione.

Inserimento di un campo di personalizzazione

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

  1. Apri Thank you pagina.

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

  3. Seleziona Personalization field in Insert del menu 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