Redigera webbinnehåll edit-web-content

När du har lagt till en webbåtgärd i kampanjen kan du redigera innehållet på webbplatsen med webbdesignern.

Lär dig hur du skapar en webbkampanj i den här videon

I Journey Optimizer drivs webbutveckling av webbläsartillägget Adobe Experience Cloud Visual Helper . Läs mer

CAUTION
Om du vill kunna komma åt och redigera webbsidor i användargränssnittet för Journey Optimizer måste du följa de krav som anges i det här avsnittet.

Gå till följande avsnitt för att lära dig mer om varje ämne:

Arbeta med webbdesignern work-with-web-designer

Följ stegen nedan när du vill börja skapa webbkampanjer.

  1. Välj Edit content på fliken Action i kampanjen.

  2. Om du har skapat en sidmatchningsregel måste du ange en URL-adress som matchar den här regeln: ändringarna kommer att gälla för alla sidor som matchar regeln. Innehållet på sidan visas.

    note note
    NOTE
    Om du angav en enda URL som webbyta fylls URL:en som ska anpassas redan i.

    note caution
    CAUTION
    Webbsidan måste innehålla Adobe Experience Platform Web SDK. Läs mer
  3. Klicka på Edit web page för att börja redigera den. Webbdesignern visas.

    note note
    NOTE
    Om du försöker läsa in en webbplats som inte kan läsas in visas ett meddelande om att du har installerat webbläsartillägget Visuell redigeringshjälp. Se några tips om felsökning i det här avsnittet.
  4. Markera ett element på arbetsytan, till exempel bild, knapp, stycke, text, behållare, rubrik, länk osv. Läs mer

  5. Använd:

    • Den sammanhangsbaserade menyn där du kan redigera innehåll, layout, infoga länkar eller personalisering, osv.

    • Ikonerna överst på den högra panelen för att redigera, duplicera, ta bort eller dölja varje element.

    • Den högra panelen som ändras dynamiskt enligt det valda elementet. Du kan till exempel redigera bakgrunden, typografin, kanten, storleken, positionen, mellanrummet, effekterna eller textbundna format för ett element.

NOTE
Webbinnehållsdesignern liknar oftast e-postdesignern. Läs mer om att utforma innehåll med Journey Optimizer.

Använda komponenter content-components

  1. Markera ett objekt i rutan Components till vänster. Du kan lägga till följande komponenter på webbsidan och redigera dem efter behov:

    • Delare
    • HTML
    • Bild
    • Rubrik - Att använda den här komponenten påminner om att använda komponenten Text i e-postdesignern. Läs mer
    • Stycke - Att använda den här komponenten påminner om att använda komponenten Text i e-postdesignern. Läs mer
    • Länk

  2. Håll muspekaren på sidan och klicka på knappen Insert before eller Insert after för att lägga till komponenten i ett befintligt element på sidan.

    note note
    NOTE
    Om du vill avmarkera en komponent klickar du på knappen ESC i den kontextuella blå banderollen som visas ovanpå arbetsytan.
  3. Redigera komponenten efter behov direkt i innehållet på sidan.

  4. Justera de format som visas i rutan till höger, t.ex. bakgrund, textfärg, kant, storlek, position. - beroende på vald komponent.

Lägg till personalisering

Om du vill lägga till personalisering markerar du en behållare och väljer personaliseringsikonen på den snabbmenyrad som visas. Lägg till ändringarna med personaliseringsredigeraren. Läs mer

I det här avsnittet beskrivs olika sätt att navigera i webbdesignern. Information om hur du visar och hanterar de ändringar som har lagts till i webbupplevelsen finns i det här avsnittet.

Använd vägbeskrivningar breadcrumbs

  1. Markera ett element på arbetsytan.

  2. Klicka på knappen Expand/Collapse Breadcrumbs längst ned till vänster på skärmen för att snabbt visa information om det markerade elementet.

  3. När du håller muspekaren över vägbeskrivningarna markeras motsvarande element i redigeraren.

  4. Med den kan du enkelt navigera till alla överordnade, jämställda eller underordnade element i den visuella redigeraren.

Växla till bläddringsläge browse-mode

Du kan växla från standardläget Design till läget Browse med den dedikerade knappen.

I läget Browse kan du navigera till den exakta sidan från den markerade ytan som du vill anpassa.

Det är särskilt användbart när du hanterar sidor som är bakom autentisering eller som inte är tillgängliga från början på en viss URL. Du kan till exempel autentisera, navigera till din kontosida eller till kundvagnssidan och sedan växla tillbaka till läget Design för att kunna utföra ändringarna på den önskade sidan.

I Browse-läget kan du även navigera i alla vyer på webbplatsen när du redigerar ensidiga program. Läs mer

Ändra enhetsstorlek change-device-size

Du kan ändra enhetsstorleken för webbdesignervisningen till en fördefinierad storlek som Tablet eller Mobile landscape, eller definiera en anpassad storlek genom att ange önskat antal pixlar.

Du kan också ändra zoomfokus - från 25 % till 400 %.

Möjligheten att ändra enhetsstorleken är utformad för responsiva sajter som återges bra på olika enheter, fönster och skärmstorlekar. Responsiva sajter justeras och anpassas automatiskt efter alla skärmstorlekar, inklusive stationära datorer, bärbara datorer, surfplattor och mobiltelefoner.

CAUTION
Du kan redigera en webbupplevelse med en viss enhetsstorlek. Så länge väljarna är desamma gäller dock dessa ändringar för alla storlekar och enheter, inte bara för den enhetsstorlek som du arbetar i. På samma sätt tillämpas ändringarna på alla skärmstorlekar, inte bara på skrivbordsvyn, när du redigerar en upplevelse i den normala skrivbordsvyn.
Journey Optimizer stöder för närvarande inte enhetsstorleksspecifika sidändringar. Det innebär att om du till exempel har en separat mobilwebbplats med en separat webbplatsstruktur, bör du göra ändringarna specifika för din mobilwebbplats i en annan kampanj.

Instruktionsvideo video

I videon nedan visas hur du skapar en webbupplevelse med webbdesignern i Journey Optimizer-kampanjer.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76