Werken met de webontwerper work-with-web-designer
In Journey Optimizer, wordt het visuele Web authoring aangedreven door de Adobe Experience Cloud Visual Helper browser uitbreiding van Chrome. Meer informatie
Creëer uw webervaring
Voer de onderstaande stappen uit om uw webervaring te gaan ontwerpen met de visuele webontwerper.
-
Klik in het Edit content -scherm op Edit web page om de webontwerper te openen.
note note NOTE Als u probeert om een website te laden die er niet in slaagt te laden, een berichtvertoningen die erop wijzen dat u de Visuele het Uitgeven Browser van de Helper browser uitbreidinginstalleert. Zie sommige uiteinden voor het oplossen van problemen in deze sectie. U kunt uw webinhoud ook bewerken zonder de visuele editor te laden. Als u dit wilt doen, schakelt u de optie Visual editor uit om in plaats daarvan de modus Niet-visuele editie te gebruiken. Meer informatie -
Selecteer eenmaal in de webontwerper een element op het canvas, zoals een afbeelding, knop, alinea, tekst, container, kop, koppeling, enzovoort. Meer informatie
-
U kunt een element bewerken met:
-
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.
-
Nadat u de webinhoud hebt bewerkt, kunt u uw wijzigingen beheren. Meer informatie
Componenten gebruiken content-components
-
Selecteer een item in het deelvenster Components aan de linkerkant. U kunt de volgende componenten aan uw webpagina toevoegen en deze naar wens bewerken:
- Scheidingslijn
- HTML
- Afbeelding
- Kop - Het gebruik van deze component is vergelijkbaar met het gebruik van de component Text in de e-mailontwerper. Meer informatie
- Alinea - Het gebruik van deze component is vergelijkbaar met het gebruik van de component Text in de e-mailontwerper. Meer informatie
- Koppeling
-
Houd de muisaanwijzer boven de pagina en klik op de knop Insert before of Insert after om de component aan een bestaand element op de pagina toe te voegen.
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. -
Bewerk de component naar wens rechtstreeks in de inhoud van de pagina.
-
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
Navigeren door de webontwerper navigate-web-designer
In deze sectie worden de verschillende manieren beschreven waarop u door de webontwerper kunt navigeren. Om de wijzigingen te bekijken en te beheren die aan uw Webervaring worden toegevoegd, zie deze sectie.
Breedkruimels gebruiken breadcrumbs
-
Selecteer een willekeurig element op het canvas.
-
Klik op de knop Expand/Collapse Breadcrumbs linksonder in het scherm om snel informatie over het geselecteerde element weer te geven.
-
Wanneer u de muisaanwijzer boven de broodkruimels houdt, wordt het bijbehorende element gemarkeerd in de editor.
-
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 standaardmodus Design omzetten in de Browse -modus met behulp van de toegewezen knop.
In de modus Browse kunt u naar de exacte pagina navigeren vanuit de geselecteerde configuratie die u wilt aanpassen.
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 de verificatie uitvoeren, naar de accountpagina of naar de winkelpagina gaan en terugschakelen naar de modus Design om de wijzigingen op de gewenste pagina uit te voeren.
Met de modus 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 een aangepaste grootte definiëren 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.
Hoe kan ik-video video
In de onderstaande video ziet u hoe u een webervaring kunt ontwerpen met de webontwerper in Journey Optimizer -campagnes.