DocumentazioneCampaignDocumentazione di Campaign Classic v7

[Applicabile anche a v8]{class="badge positive" title="Applicabile anche a Campaign v8"}

Creare una pagina di destinazione creating-a-landing-page

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Informazioni sulla creazione di pagine di destinazione about-landing-pages-creation

Questo caso d’uso illustra 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 è fare in modo che i campi del modulo Pagina di destinazione corrispondano ai campi interni di Adobe Campaign utilizzando le funzioni di DCE.

Creazione della pagina di destinazione creating-the-landing-page

Per creare una nuova applicazione Web di tipo Pagina di destinazione, attenersi alla procedura descritta di seguito.

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

  2. Selezionare il modello New landing page e immettere un'etichetta, quindi fare clic su Save.

  3. Fare 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.

Viene quindi creata la seguente sequenza:

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

Passaggio 1: selezione e caricamento dei modelli step-1---selecting-and-loading-templates

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, effettua le seguenti operazioni:

  1. Aprire la prima attività Page 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 controlla che siano presenti tutti i file collegati al HTML selezionato (CSS, immagini e così via).

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

    note caution
    CAUTION
    È necessario attendere che venga visualizzato il seguente messaggio prima di chiudere: The external resources have been successfully published .

  5. Fare clic sulla scheda Properties.

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

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

CAUTION
Il 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 vi siano errori nei file importati, si consiglia di testarli in un browser web prima di importare i file nel DCE.

Passaggio 2: configurazione del contenuto step-2---configuring-the-content

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 modifying-content

Iniziamo cambiando i colori della pagina. Per eseguire questa operazione:

  1. Aprire la pagina Collection.

  2. Fare clic sullo sfondo.

  3. Fare 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. Applica questi stessi processi per modificare il colore del pulsante

Collegamento di campi modulo linking-form-fields

Stiamo per collegare i campi nella pagina a quelli nel database, per salvare le informazioni fornite.

  1. Seleziona un campo modulo.

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

  3. Selezionare il campo del database da collegare al campo selezionato.

  4. Ripeti questo processo per ogni campo della pagina.

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

Creazione di un collegamento alla pagina successiva creating-a-link-to-the-next-page

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

  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 inserting-a-personalization-field

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

  1. Aprire la pagina Thank you.

  2. Posizionare il cursore in un'area di testo in cui 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 dei contenuti step-3---publishing-content

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 tutti i contenuti presenti nell'applicazione Web

NOTE
Nel registro della pubblicazione, 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.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1