Utforma en landningssida designing-a-landing-page
Innehållsdesign för landningssidans innehåll about-content-design
Landningssidor skapas på samma sätt som alla andra marknadsföringsaktiviteter.
När du utformar en landningssida måste du definiera innehållet på själva sidan, bekräftelsesidan och felsidan. Använd väljaren under åtgärdsfältet för att visa och konfigurera varje sida.
Innehållet på landningssidor utformas med Campaign-innehållsredigeraren.
Den här sidan beskriver egenskaperna för redigeraren för landningssidans innehåll. Mer information om åtgärder som är gemensamma för en eller flera marknadsföringsaktiviteter finns i följande avsnitt i guiden Designa e-postinnehåll:
Gränssnitt för redigering av sidinnehåll landing-page-content-editor-interface
Med redigeraren för innehåll på landningssidan kan du enkelt definiera, ändra och anpassa innehåll i Adobe Campaign. Du öppnar det genom att klicka på Content-blocket på en kontrollpanel för landningssidan.
Innehållsredigeraren är indelad i tre olika avsnitt. I de här avsnitten kan du visa och redigera innehållet.
- Med paletten till vänster på skärmen kan du ändra de allmänna alternativ som är kopplad till ett markerat block. De alternativ som kan ändras är: bakgrundsfärg, kantlinje, textjustering, synlighetsvillkor, o.s.v. Se Infoga ett personaliserat fält.
- I åtgärdsfältet finns de allmänna alternativen för sidan. Du kan välja en mall och ändra visningsläget.
- I den primära redigeringszonen kan du interagera direkt med innehållet via det kontextberoende verktygsfältet: infoga en länk i en bild, ändra teckensnitt, ta bort ett fält, o.s.v.
Åtgärdsfältet har olika knappar som gör att du kan interagera med innehållet som skapas.
Verktygsfältet är ett kontextelement i redigeringsgränssnittet som innehåller olika funktioner beroende på vilken zon som är markerad. Den innehåller åtgärdsknappar och knappar som du kan användas för att ändra textens format. De ändringar som görs gäller alltid för den markerade zonen. När du har markerat ett block kan du t.ex. ta bort eller duplicera det. När du har markerat texten i ett block kan du göra om den till en länk eller göra den fet.
Hantera landningssidans struktur och stil managing-landing-page-structure-and-style
Hantera block i innehållsredigeraren managing-blocks-in-the-content-editor
De olika elementen för HTML-innehåll visas på landningssidan som block, vilket motsvarar taggen <div> </div>. Markera ett block som du vill interagera med. Därefter omges den av en blå ruta.
Om ett block är markerat visas de överordnade objekten för motsvarande HTML-element i en synlig sökväg som finns längst ned i redigeringszonen.
När musen hålls över ett av de synliga elementen markeras det aktuella elementet. Du kan därför enkelt navigera mellan de olika blocken och välja exakt det HTML-element som du vill ändra.
Använd alternativen från paletten och det kontextberoende verktygsfältet för att ändra, ta bort eller duplicera blocket.
För de block som innehåller text klickar du igen i blocket om du vill aktivera textredigeringsläget. Bildrutan runt blocket blir grön. Sedan kan du markera eller skriva text. Använd alternativen från paletten och det kontextberoende verktygsfältet för att lägga till en länk eller ändra textformateringen.
De parametrar som definieras för ett element i ett block (länkar, anpassningsfält, innehållsblock, o.s.v.) kan ändras när som helst från paletten.
Lägga till en kantlinje och en bakgrund i innehållsredigeraren adding-a-border-and-a-background-in-the-content-editor
Du kan också definiera en bakgrundsfärg genom att välja en färg i diagrammet. Den här färgen används på det markerade blocket.
Du kan lägga till en kantlinje i det markerade blocket.
Ändra textformatet i innehållsredigeraren changing-the-text-style-in-the-content-editor
Om du vill ändra textens format måste du klicka inuti ett textblock.
Om du vill ändra textjusteringen väljer du en av följande tre ikoner på paletten till vänster:
- Vänsterjustera: Justerar texten till vänster om det markerade blocket (lägger till style="text-align: left;").
- Centrera: Centrerar texten i det markerade blocket (lägger till style="text-align: center;").
- Högerjustera: Justerar texten till höger om det markerade blocket (lägger till style="text-align: right;").
Du kan också använda verktygsfältet för att ändra teckensnittsattributen: Anpassa teckenstorleken, gör texten fet eller kursiv, stryk under eller ändra textens färg. Se det här avsnittet.
Infoga bilder på en landningssida inserting-images-in-a-landing-page
-
Markera ett block som innehåller en bild i innehållet på en landningssida.
-
Markera knappen Insert.
-
Välj Local image i det kontextberoende verktygsfältet.
-
Välj en fil.
-
Justera bildegenskaperna efter behov.
Definiera dynamiskt innehåll på en landningssida defining-dynamic-content-in-a-landing-page
Om du vill definiera dynamiskt innehåll på en landningssida markerar du ett block med hjälp av en synlig sökväg eller genom att klicka direkt på ett element.
Vissa block, till exempel bilder, kan inte markeras direkt. Då väljer du det överordnade blocket med hjälp av den synliga sökvägen. Sedan kan du ändra alla element som finns i det överordnade elementet, inklusive bilder. Villkoret tillämpas på alla underordnade element inom det överordnade blocket.
Den synliga sökvägen finns i avsnittet Hantera block.
Nästa steg för att definiera dynamiskt innehåll på en landningssida liknar de steg som ska följas för ett e-postmeddelande. Se det här avsnittet.
Du kan navigera mellan det olika dynamiska innehållet i ett block. Så här gör du:
-
Markera blocket.
Pilar visas till höger och vänster om bilden.
-
Klicka på högerpilen för att bläddra igenom det tillgängliga dynamiska innehållet.
Pilarna på varje sida som tonas ned beroende på om du har nått det sista eller första tillgängliga dynamiska innehållet.
-
Om du vill ta bort alla villkor som används för ett block markerar du blocket och klickar på Disable dynamic content-ikonen.
-
Markera det dynamiska innehåll som du vill behålla.
I paletten:
- Innehållet som har ett uttryck angivet visas inte längre i rött, utan i grått.
- Innehållet som är markerat visas i blått.
