Webinhoud bewerken edit-web-content

Eenmaal een webactie toevoegen voor uw campagne kunt u de inhoud van uw site bewerken met de webontwerper.

Leer hoe u een webcampagne maakt in deze video

In Journey Optimizer, webauthoring wordt aangedreven door de Adobe Experience Cloud Visual Helper chrome browserextensie. Meer informatie

CAUTION
Webpagina's openen en ontwerpen in het dialoogvenster Journey Optimizer gebruikersinterface, zorg ervoor u de eerste vereisten volgt die in deze sectie.

Heb toegang tot de volgende secties om meer over elk onderwerp te leren:

Werken met de webontwerper work-with-web-designer

Volg onderstaande stappen om uw webcampagne te ontwerpen.

  1. Van de Action tabblad van het campagne, selecteert u Edit content.

  2. Als u een pagina's creeerde die regel aanpassen, moet u om het even welke URL ingaan die deze regel aanpast: de veranderingen zullen op alle pagina's worden toegepast die de regel aanpassen. De inhoud van de pagina wordt weergegeven.

    note note
    NOTE
    Als u één URL hebt ingevoerd als het weboppervlak, wordt de aan te passen URL al ingevuld.

    note caution
    CAUTION
    De webpagina moet de Adobe Experience Platform Web SDK. Meer informatie
  3. Klikken Edit web page om te beginnen met ontwerpen. De webontwerper wordt weergegeven.

    note note
    NOTE
    Als u probeert een website te laden die niet kan worden geladen, wordt een bericht weergegeven waarin u wordt gesuggereerd dat u de Visuele bewerkingshulpprogramma voor browsers. Zie enkele tips voor het oplossen van problemen in deze sectie.
  4. Selecteer een element op het canvas, zoals een afbeelding, knop, alinea, tekst, container, kop, koppeling, enzovoort. Meer informatie

  5. Gebruik:

    • Het contextafhankelijke menu voor het bewerken van de inhoud, lay-out, het invoegen van koppelingen of personalisatie, enz.

    • De pictogrammen boven in het rechterdeelvenster om elk element te bewerken, te dupliceren, te verwijderen of te verbergen.

    • Het rechterdeelvenster dat dynamisch verandert volgens het geselecteerde element. U kunt bijvoorbeeld de achtergrond, typografie, rand, grootte, positie, tussenruimte, effecten of inline stijlen van een element bewerken.

NOTE
De webinhoudontwerper is meestal vergelijkbaar met de e-mailontwerper. Meer informatie over inhoud ontwerpen met Journey Optimizer.

Componenten gebruiken content-components

  1. Van de Components Selecteer een item aan de linkerkant. U kunt de volgende componenten aan uw webpagina toevoegen en deze naar wens bewerken:

  2. Houd de muisaanwijzer boven de pagina en klik op de knop Insert before of Insert after om de component toe te voegen aan een bestaand element op de pagina.

    note note
    NOTE
    Als u de selectie van een component wilt opheffen, klikt u op de knop ESC in de contextafhankelijke blauwe banner die boven op het canvas wordt weergegeven.
  3. Bewerk de component naar wens rechtstreeks in de inhoud van de pagina.

  4. Pas de stijlen aan die vanuit het contextafhankelijke venster aan de rechterkant worden weergegeven, zoals achtergrond, tekstkleur, rand, grootte, positie, enz. - afhankelijk van de geselecteerde component.

Aanpassing toevoegen

Als u verpersoonlijking wilt toevoegen, selecteert u een container en selecteert u het verpersoonlijkingspictogram in de contextafhankelijke menubalk die wordt weergegeven. Voeg uw veranderingen toe gebruikend de verpersoonlijkingsredacteur. Meer informatie

In deze sectie worden de verschillende manieren beschreven waarop u door de webontwerper kunt navigeren. Als u de wijzigingen wilt weergeven en beheren die aan uw webervaring zijn toegevoegd, raadpleegt u deze sectie.

Breedkruimels gebruiken breadcrumbs

  1. Selecteer een willekeurig element op het canvas.

  2. Klik op de knop Expand/Collapse Breadcrumbs aan de linkerbenedenzijde van het scherm om snel informatie over het geselecteerde element weer te geven.

  3. Wanneer u de muisaanwijzer boven de broodkruimels houdt, wordt het bijbehorende element gemarkeerd in de editor.

  4. Met deze editor kunt u eenvoudig naar elk bovenliggend, verwant of onderliggend element in de visuele editor navigeren.

Wisselen naar modus Bladeren browse-mode

U kunt de standaardinstelling wijzigen Design aan de Browse met de toegewezen knop.

Van de Browse kunt u vanuit het geselecteerde oppervlak dat u wilt aanpassen naar de exacte pagina navigeren.

Dit is vooral handig wanneer u werkt met pagina's die zich achter verificatie bevinden of die niet vanaf het begin bij een bepaalde URL beschikbaar zijn. U kunt bijvoorbeeld verifiëren, naar uw accountpagina of naar uw winkelwagenpagina gaan en vervolgens teruggaan naar Design om de wijzigingen op de gewenste pagina uit te voeren.

Gebruiken Browse kunt u ook door alle weergaven van uw website navigeren wanneer u toepassingen van één pagina ontwerpt. Meer informatie

De apparaatgrootte wijzigen change-device-size

U kunt de apparaatgrootte van de webontwerpweergave wijzigen in een vooraf gedefinieerde grootte, zoals Tablet of Mobile landscape of definieer een aangepaste grootte door het gewenste aantal pixels in te voeren.

U kunt de zoomfocus ook wijzigen van 25% in 400%.

De mogelijkheid om de apparaatgrootte te wijzigen is ontworpen voor responsieve sites die goed worden weergegeven op verschillende apparaten, vensters en schermgrootten. Responsieve sites worden automatisch aangepast en aangepast aan elke schermgrootte, zoals desktops, laptops, tablets of mobiele telefoons.

CAUTION
U kunt een webervaring bewerken met een specifieke apparaatgrootte. Nochtans, zolang de selecteurs het zelfde zijn, zijn deze veranderingen op alle grootte en apparaten, niet alleen de apparatengrootte van toepassing dat u binnen werkt. Op dezelfde manier worden de wijzigingen toegepast op alle schermgrootten, en niet alleen op de desktopweergave wanneer u een ervaring bewerkt in de normale weergave.
Momenteel Journey Optimizer ondersteunt geen paginawijzigingen die specifiek zijn voor het apparaatformaat. Dit betekent dat als u bijvoorbeeld een aparte mobiele website met een aparte sitestructuur hebt, u de wijzigingen specifiek voor uw mobiele site in een andere campagne moet doorvoeren.

Hoe kan ik-video video

In de onderstaande video ziet u hoe u een webervaring kunt ontwerpen met de webontwerper in Journey Optimizer campagnes.

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