[Gäller även för v8]{class="badge positive" title="Gäller även Campaign v8"}

Skapa en landningssida creating-a-landing-page

Skapa landningssidor about-landing-pages-creation

I det här exemplet visas hur du använder Digital Editor för att skapa en landningssida från Adobe Campaign-konsolen.

Innan du börjar konfigurera landningssidan i Adobe Campaign måste du kontrollera att du har en eller flera mallar som representerar HTML-sidorna.

Huvudsyftet med det här användningsexemplet är att göra så att formulärfälten för landningssidan motsvarar de interna fälten i Adobe Campaign med funktionerna i DCE.

Skapa landningssidan creating-the-landing-page

Så här skapar du ett nytt webbprogram av typen Landing Page:

  1. Gå till fliken Campaigns, klicka på länken Web application och klicka sedan på knappen Create.

  2. Välj mallen New landing page, ange en etikett och klicka sedan på Save.

  3. Klicka på fliken Edit.

  4. Ta bort aktiviteten End.

  5. Lägg till en Page-aktivitet efter aktiviteten Storage.

  6. Redigera aktiviteten Sida 2 och avmarkera sedan alternativet Activate outbound transitions på fliken Properties.

  7. Spara ändringar.

Du får sedan följande sekvensering:

NOTE
Mer information om hur du skapar ett webbprogram finns i det här avsnittet.

Steg 1 - Välja och läsa in mallar step-1---selecting-and-loading-templates

I det här avsnittet ska vi titta på hur du importerar HTML-innehåll för varje sida i webbprogrammet.

En mall måste innehålla:

  • en HTML-fil (obligatorisk)
  • en eller flera CSS-filer (valfritt)
  • en eller flera bilder (valfritt)

Så här läser du in mallen på den första sidan:

  1. Öppna den första Page aktiviteten i webbprogrammet.

  2. Välj From a file om du vill hämta innehållsmallen.

  3. Markera den HTML-fil som ska användas.

  4. Klicka på Öppna för att starta importen.

    Under inläsningen visas listan med delade filer. Importsystemet kontrollerar att alla filer som är länkade till det markerade HTML finns där (CSS, bilder osv.).

    Klicka på knappen Close när importen är klar.

    note caution
    CAUTION
    Du måste vänta tills du får följande meddelande innan du stänger: The external resources have been successfully published.
  5. Klicka på fliken Properties.

  6. Ange en etikett för varje sida (till exempel: Sida 1= Samla in, Sida 2=Tack).

Använd dessa steg för varje sida som infogas i webbprogrammet.

CAUTION
DCE kör JavaScript-koden för den inlästa HTML-sidan. JavaScript-fel i HTML-mallen som kan visas i Adobe Campaign-gränssnittet. Felen är inte relaterade till redigeraren. Om du vill kontrollera att det inte finns några fel i de importerade filerna rekommenderar vi att du testar dem i en webbläsare innan du importerar filerna till DCE.

Steg 2 - Konfigurera innehållet step-2---configuring-the-content

I det här avsnittet ska vi justera importerat innehåll och länka databasens fält till webbsidans format. Det webbprogram som skapats tidigare är:

Ändra innehåll modifying-content

Vi börjar med att ändra sidans färger. Så här gör du:

  1. Öppna sidan Collection.

  2. Klicka på bakgrunden.

  3. Klicka på Bakgrundsfärg till höger.

  4. Välj en ny bakgrundsfärg.

  5. Bekräfta ändringen genom att klicka på OK.

  6. Använd samma processer för att ändra färg på knappen

Länka formulärfält linking-form-fields

Vi kommer att länka fälten på sidan till fälten i databasen för att spara den angivna informationen.

  1. Välj ett formulärfält.

  2. Redigera avsnittet Field till höger om redigeraren.

  3. Markera det databasfält som du vill länka till det markerade fältet.

  4. Upprepa den här processen för varje fält på sidan.

Du kan göra ett fält obligatoriskt: klicka till exempel på fältet Email och aktivera alternativet Obligatoriskt.

Det här steget är obligatoriskt eftersom det gör att webbprogrammet kan bestämma sekvensen för nästa steg: Spara insamlade data i databasen och sedan visa nästa sida (Tack -sidan).

  1. Välj knappen Send it! på sidan Collection.

  2. Klicka på listrutan Action.

  3. Välj åtgärden Next page.

Infoga ett anpassningsfält inserting-a-personalization-field

I det här steget kan du anpassa sidan Tack. Så här gör du:

  1. Öppna sidan Thank you.

  2. Placera markören i ett textområde där du vill infoga mottagarens förnamn.

  3. Välj Personalization field på menyn Insert i verktygsfältet.

  4. Markera förnamnet.

Anpassningsfältet har en gul bakgrund i redigeraren.

Steg 3 - Publicera innehåll step-3---publishing-content

Innehållet publiceras från webbprogrammets kontrollpanel. Klicka på knappen Publish för att köra den.

Under publiceringen visas en logg. Publiceringssystemet analyserar allt innehåll som finns i webbprogrammet

NOTE
I publiceringsloggen sorteras varningar och fel efter aktivitet.

Formuläret är nu tillgängligt: URL:en är tillgänglig på kontrollpanelen för programmet och kan skickas till mottagarna.

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