Arbeta med webbdesignern work-with-web-designer
I Journey Optimizer hanteras visuell webbutveckling av webbläsartillägget Adobe Experience Cloud Visual Helper i Chrome. Läs mer
Börja skapa en webbupplevelse
Följ stegen nedan för att börja skapa din webbupplevelse med den visuella webbdesignern.
-
Öppna webbdesignern genom att klicka på Edit web page på skärmen Edit content.
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. Du kan även redigera webbinnehåll utan att läsa in den visuella redigeraren. Om du vill göra det avmarkerar du alternativet Visual editor om du vill använda det icke-visuella versionsläget i stället. Läs mer -
I webbdesignern markerar du ett element på arbetsytan, till exempel bild, knapp, stycke, text, behållare, rubrik, länk osv. Läs mer
-
Om du vill redigera ett element kan du använda:
-
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.
-
När du har redigerat webbinnehållet kan du hantera ändringarna. Läs mer
Använda komponenter content-components
-
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
-
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. -
Redigera komponenten efter behov direkt i innehållet på sidan.
-
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
Navigera i webbdesignern navigate-web-designer
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
-
Markera ett element på arbetsytan.
-
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.
-
När du håller muspekaren över vägbeskrivningarna markeras motsvarande element i redigeraren.
-
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 Browse-läget kan du navigera till den exakta sidan från den valda konfigurationen 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.
Instruktionsvideo video
I videon nedan visas hur du skapar en webbupplevelse med webbdesignern i Journey Optimizer-kampanjer.