Opties voor Visual Experience Composer
Wanneer u op een pagina-element in de map Adobe Target Visual Experience Composer (VEC) klikt, wordt een menu weergegeven met de opties die beschikbaar zijn voor dat elementtype. Bovendien wordt onder aan de pagina een DOM-pad weergegeven waarmee u gemakkelijk door de paginastructuur kunt navigeren.
De verschillende Visual Experience Composer (VEC) acties worden gegroepeerd in de juiste menuopties om uw taak sneller en efficiënter te maken:
Afbeeldingsopties
Als u in een A/B Test -activiteit op een afbeelding klikt, ziet de VEC er ongeveer als volgt uit:
Selecteer componenten in het frame Componenten aan de linkerkant om de volgende elementen in te voegen:
- Standaard (scheidingslijn, HTML, afbeelding).
- Tekst (kop, alinea, koppeling).
- Dynamisch ( Aanbeveling, het Fragment van de Ervaring, aanbieding van HTML).
Met het menu boven aan de afbeelding kunt u het volgende doen:
- Neem een verbinding (
- Verander het beeld (
- Voeg verpersoonlijking toe (
- Schrap het beeld (
Met het frame aan de rechterkant kunt u de eigenschappen van de afbeelding verder configureren.
Met de pictogrammen boven aan het frame kunt u het volgende doen:
- Bewerk de HTML (
- Dupliceer het beeld (
- Schrap het beeld (
- Verberg het beeld (
Met de opties in het rechterframe kunt u het volgende doen:
- Bewerk de CSS-klasse.
- Configureer de eigenschappen van de afbeelding (bron, titel, alternatieve tekst).
- Bewerk de URL van de koppeling.
- De grootte van de afbeelding (hoogte en breedte) configureren. Klik op Show Advanced Options om de minimale en maximale grootte, breedte, hoogte, overloop en het passend maken van objecten in de afbeelding in te stellen.
- Configureer de positie van de afbeelding op de pagina (absoluut, vast, relatief, statisch of vast).
- Vorm het uit elkaar plaatsen van het element, met inbegrip van marge en het opvullen.
- Configureer de effecten van het element (dekking). Klik op Show Advanced Options om de waarden voor sepia, grijswaarden, contrast, helderheid en vervagen van de afbeelding in te stellen. U kunt de afbeelding ook omkeren of roteren.
- Configureer de inline stijlen van de afbeelding.
Tekstopties
Als u op tekst in een A/B Test -activiteit klikt, ziet de VEC er ongeveer als volgt uit:
Selecteer componenten in het Components -frame aan de linkerkant om de volgende elementen in te voegen:
- Standaard (scheidingslijn, HTML, afbeelding).
- Tekst (kop, alinea, koppeling).
- Dynamisch ( Aanbeveling, het Fragment van de Ervaring, aanbieding van HTML).
Klik het Show Modifications pictogram (
Met het menu boven aan het tekstelement kunt u het volgende doen:
- De eigenschappen van de tekst configureren (kopniveau, alinea, aanhalingsteken voor blokken of monospace)
- Selecteer de kleur van de tekst (
- Vorm de attributen van de tekst (gewaagd, cursief, onderstrepen, of slaan door) (
- Vorm de groepering van de tekst (links, centrum, recht, rechtvaardigen) (
- Neem een verbinding (
- Vervang de inhoud met een aanbieding van de HTML, Fragment van de Ervaring, of [ Aanbeveling ] /help/main/c-recommendations/recommendations-as-an-offer.md).
- Bewerk de HTML (
- Voeg verpersoonlijking toe (
- Schrap het beeld (
Met het frame aan de rechterkant kunt u de eigenschappen van de tekst verder configureren.
Met de pictogrammen boven aan het frame kunt u het volgende doen:
- Bewerk de HTML (
- Dupliceer de tekst (
- Schrap de tekst (
- Verberg de tekst (
Met de opties in het rechterframe kunt u het volgende doen:
- Bewerk de CSS-klasse.
- Configureer de achtergrondkleur en -afbeelding van de tekst.
- Configureer de typografie van de tekst (kopstijl, tekengrootte, letterdikte, regelhoogte, uitlijning, tekstkleur, tekststijl (vet, cursief, onderstreept of doorgehaald)).
- Configureer lijsten, inclusief opsommingstekens, genummerd of A,B,C.
- Kies de randkleur.
- Vorm de grootte van het tekstvakje (hoogte en breedte). Klik op Show Advanced Options om de minimale en maximale grootte, breedte, hoogte, overloop en het passend maken van het tekstvak in te stellen.
- Configureer de positie van het tekstvak op de pagina (absoluut, vast, relatief, statisch of plakkend) en stel het aantal pixels in vanaf de bovenkant, de rechterkant, de onderkant en de linkerkant.
- Vorm het uit elkaar plaatsen van het element, met inbegrip van marge en het opvullen.
- Configureer de effecten van het element (dekking). Klik op Show Advanced Options om de waarden voor sepia, grijswaarden, contrast, helderheid en vervagen van de afbeelding in te stellen. U kunt de tekst ook omkeren of roteren.
- Configureer de inline stijlen.
HTML bewerken html
Naast HTML code kunt u aangepaste JavaScript bewerken en injecteren.
Er zijn verschillende opmaakopties voor RTF-tekst beschikbaar wanneer u tekst en HTML bewerkt voor A/B - en Experience Targeting -activiteiten. U kunt een lettertype kiezen, een lettertypestijl selecteren, de tekstuitlijning wijzigen en andere standaardopties voor tekstopmaak opgeven. Wanneer u HTML wijzigt, kunt u schakelen tussen de codeweergave en de rijke bewerkingsweergave van de HTML.
De volgende HTML5-tags kunnen worden genest:
<a><h1-h6>, <p>, <ul>, <ol>, <menu>, <div>, <figure>, <figcaption><ins><h1-h6>, <p>, <ul>, <ol>, <menu><del><ul>, <ol>, <menu>, <h1-h6>, <p><label><p>Navigeren door elementen met het DOM-pad dom-path
Wanneer u een element op de pagina klikt, toont het VEC optiesmenu. Wanneer u op een element klikt, wordt bovendien het bijbehorende DOM-pad onder aan de pagina weergegeven.
Als u niet de weg DOM ziet, klik het Show DOM pictogram (
U kunt het DOM-pad gebruiken om snel informatie over het geselecteerde element (type, id en klasse) weer te geven en het DOM-pad omhoog of omlaag te verplaatsen om het gewenste element te selecteren.
U kunt gemakkelijk aan om het even welk ouder, sibling, of kindelement binnen VEC navigeren gebruikend de weg DOM.
De DOM wegeigenschap is ook beschikbaar wanneer vestiging het volgenklikt.