Dokumentation Campaign Dokumentation för Campaign Classic v7

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

Skapa en landningssida creating-a-landing-page

Last update: Thu Apr 11 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Ämnen:
Landing Pages

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 bör du kontrollera att en eller flera mallar för att representera HTML-sidor.

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:

Gå till Campaigns och klicka på Web application klicka på Create -knappen.
Välj New landing page mall och ange en etikett, klicka sedan på Save.
Klicka på Edit -fliken.
Ta bort End aktivitet.
Lägg till en Page aktivitet efter Storage aktivitet.
Redigera Sidan 2 sedan avmarkera Activate outbound transitions i Properties -fliken.
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 importera 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:

Öppna den första Page webbprogrammets aktivitet.
Välj From a file för att hämta din innehållsmall.
Markera den HTML-fil som ska användas.

Klicka Ö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å 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 .

Klicka på Properties -fliken.
Ange en label 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:

Öppna Collection sida.
Klicka på bakgrunden.
Klicka Bakgrundsfärg till höger.
Välj en ny bakgrundsfärg.
Klicka OK för att bekräfta ändringen.
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.

Välj ett formulärfält.
Redigera Field till höger om redigeraren.
Markera det databasfält som du vill länka till det markerade fältet.
Upprepa den här processen för varje fält på sidan.

Du kan göra ett fält obligatoriskt: klicka till exempel på Email aktiverar du sedan Obligatoriskt alternativ.

Skapa en länk till nästa sida creating-a-link-to-the-next-page

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