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, accertatevi 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.

Creating the landing page

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

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

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

  3. Fate clic sulla Edit scheda.

  4. Eliminate l'attività End .

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

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

  7. Salvare le modifiche.

Verrà quindi visualizzata la seguente sequenza:

Nota

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

Passaggio 1 - Selezione e caricamento di modelli

In questa sezione verrà illustrato come importare il contenuto HTML per ciascuna 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. Fate 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.).

    Fate clic sul Close pulsante al termine dell’importazione.

    ATTENZIONE

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

  5. Fate clic sulla Properties scheda.

  6. Inserite un’ etichetta per ciascuna 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 dei contenuti

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

  1. Aprite la Collection pagina.

  2. Fate clic sullo sfondo.

  3. Fare clic sul colore ​Sfondo sul lato destro.

  4. Selezionare un nuovo colore di sfondo.

  5. Fate 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 Field sezione 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 Email campo e 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 (pagina di ringraziamento ).

  1. Fate clic sul Send it! pulsante della Collection pagina.

  2. Fate clic sul menu a Action discesa.

  3. Selezionate l’ Next page azione.

Inserimento di un campo di personalizzazione

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

  1. Aprite la Thank you pagina.

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

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

  4. Selezionate 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. Fare clic sul Publish pulsante 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