Fragmentauthoring

Nadat u een fragmentcreeert, gebruik de visuele redacteur aan auteur de structuur en inhoudscomponenten in uw fragment.

Structuur en inhoud toevoegen design-fragment

  1. Als u het inhoudsontwerp wilt starten, sleept u een item van de Structures naar het canvas.

    Voeg zoveel items vanuit Structures ​toe als u nodig hebt en bewerk de instellingen voor elk item in het rechterdeelvenster.

    note tip
    TIP
    Selecteer de component n:n column ​om het aantal kolommen van uw keuze (tussen drie en 10) te definiëren. U kunt ook de breedte van elke kolom definiëren door de pijlen onder de kolom te verplaatsen.

    sleep een structuur op het canvas en pas de montages {width="800" modal="regular"} aan

    Elke kolomgrootte mag niet kleiner zijn dan 10% van de totale breedte van de structuurcomponent. Alleen lege kolommen kunnen worden verwijderd.

  2. Vouw de sectie Contents uit en voeg zoveel elementen toe als u nodig hebt in een of meer structuurcomponenten.

    sleep een inhoudselement op het canvas en pas de montages {width="800" modal="regular"} aan

  3. Indien nodig kunt u aanvullende aanpassingen aanbrengen voor elke component op de tabbladen Settings ​of​ Style .

    U kunt bijvoorbeeld de tekststijl, opvulling of marge van elke component wijzigen.

  4. Als u voorwaardelijke inhoud wilt toevoegen en de inhoud wilt aanpassen aan de doelprofielen op basis van voorwaardelijke regels, selecteert u een inhoudscomponent en klikt u op het pictogram Enable conditional content op de werkbalk van de component.

    Voor meer informatie, zie Voorwaardelijke inhoud.

Elementen toevoegen

In de visuele inhoudsredacteur, selecteer het Marketo Engage Assets ( het pictogram van Assets van Marketo Engage ) pictogram of Experience Manager Assets ( het pictogram van AEM Assets ) pictogram in de linkernavigatiebar. Vanuit de elementenkiezer kunt u rechtstreeks in de bronbibliotheek opgeslagen elementen selecteren.

NOTE
Als u Adobe Experience Manager als Cloud Services hebt ingericht, hebt u toegang tot de opslagruimten voor zowel Marketo Engage Design Studio als Adobe Experience Manager Assets as a Cloud Service wanneer uw gebruikersaccount de vereiste machtigingen heeft. Deze opslagruimten zijn gescheiden en niet gesynchroniseerd. U kunt afbeeldingselementen uit beide bronnen gebruiken.
  • Voeg een nieuw element toe door het afbeeldingselement naar een structuurcomponent te slepen.

    belemmering een activa van Marketo Engage op het canvas en pas de montages {width="800" modal="regular"} aan

  • Vervang een bestaand afbeeldingselement door dit te selecteren op het canvas en op Select an asset te klikken in de brongereedschappen van de afbeelding.

    Uitgezocht een middel van de bronbibliotheek {width="600" modal="regular"}

Voor meer informatie over het gebruiken van activa van uw brontype, zie activa van het Gebruik voor inhoud creatie.

Aangezien u met de inhoud in de visuele ontwerper werkt, kunt u tot de lagen/containers en de elementen toegang hebben gebruikend de boom van de 1} Navigatie. Klik het pictogram van de Navigatie om de boom links van het canvas te tonen.

heb toegang tot de inhoudslagen {width="800" modal="regular"}

In het volgende voorbeeld worden stappen beschreven voor het aanpassen van opvulling en verticale uitlijning binnen een structuurcomponent die uit kolommen bestaat.

  1. Selecteer de kolom in de structuurcomponent direct in het canvas of gebruikend de boom van de Navigatie die bij de linkerzijde wordt getoond.

  2. Klik in de kolomwerkbalk op het gereedschap Select a column ​en kies het gereedschap dat u wilt bewerken.

    U kunt deze ook selecteren in de boomstructuur. De bewerkbare parameters voor die kolom worden weergegeven op de tabbladen Settings ​en​ Styles rechts.

    de componenten van de Kolom die in de visuele ontwerper {width="800" modal="regular"} worden getoond

  3. Als u de kolomeigenschappen wilt bewerken, klikt u op de tab Styles ​aan de rechterkant en wijzigt u deze naar wens:

    • Wijzig voor Background de achtergrondkleur zo nodig.

      Schakel het selectievakje voor een transparante achtergrond uit. Schakel de instelling Background image in om een afbeelding te gebruiken als achtergrond in plaats van als een effen kleur.

    • Voor Alignment, selecteer de Hoogste, Midden, of Onderste pictogram.

    • Definieer bij Padding de opvulling voor alle zijden.

      Selecteer Different padding for each side als u de opvulling wilt verfijnen. Klik het __ pictogram van het Slot {om synchronisatie te breken.

    • Vouw de sectie Advanced uit om inline stijlen voor de kolom te definiëren.

    verander de stijlen voor de geselecteerde kolom {width="700" modal="regular"}

  4. Herhaal indien nodig deze stappen om de uitlijning en opvulling voor de andere kolommen in de component aan te passen.

  5. Sla uw wijzigingen op.

Inhoud personaliseren

Journey Optimizer B2B edition gebruikt een inline eenvoudige syntaxis waarmee u expressies kunt maken met gepersonaliseerde inhoud die wordt ingesloten door dubbele accolades {} . U kunt meerdere expressies zonder beperkingen toevoegen in dezelfde inhoud of hetzelfde veld.

Voorbeelden:

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

Bij het verwerken van de inhoud vervangt Journey Optimizer B2B edition de expressie door de gegevens in de database van het Experience Platform. Zo, wordt het eerste voorbeeld Sint Smit van Hello.

In het volgende voorbeeld worden stappen beschreven voor het aanpassen van inhoud met behulp van lood-/accountkenmerken en systeemtokens.

  1. Selecteer de tekstcomponent en klik verpersoonlijking pictogram in de toolbar toevoegen.

    klik het Persoonlijke pictogram {width="600"}

    Deze actie opent geeft Personalization dialoog uit.

  2. Klik + of om een teken aan de lege ruimte toe te voegen.

    construeert gepersonaliseerde tekst gebruikend tokens {width="700" modal="regular"}

  3. Klik op Save.

Fragmentaanpassing inschakelen

Wanneer een auteur een fragment aan een e-mailof e-mailmalplaatjetoevoegt, wordt de fragmentinhoud gesloten door gebrek. Wijzigingen in het gepubliceerde fragment worden automatisch doorgegeven aan alle inhoudselementen waar het fragment wordt gebruikt. Wanneer u een parameter voor een component in het fragment toewijst als bewerkbaar, kan de auteur van de e-mail of sjabloon een aangepaste veldwaarde opgeven die specifiek is voor zijn of haar behoeften. Deze aanpassingsvlag is beperkt tot beeld, tekst, en knoop visuele componenten.

Als u bijvoorbeeld een herbruikbare banner ontwerpt die een klikbare knop bevat, kunt u de URL-parameter voor de knop instellen als bewerkbaar. E-mailauteurs kunnen vervolgens een URL gebruiken die specifieker is voor hun e-mailcampagne. Met deze aanpasbare velden kunnen marketers herbruikbare inhoud beheren en aanpassen zonder dat ze geheel nieuwe inhoudsblokken hoeven te maken of de overgeërfde updates van het oorspronkelijke fragment moeten onderbreken.

  1. Selecteer in de visuele inhoudeditor de afbeelding, tekst of knopelement waar u aanpassing wilt inschakelen.

  2. Selecteer de tab Editable fields in de componentdetails aan de rechterkant.

  3. Klik op de optie Enable edition om te schakelen en stel de bewerkbare velden in.

    laat editable gebieden voor een component van het fragmentbeeld {width="700" modal="regular"} toe

    U kunt aanpassingen inschakelen voor de weergegeven velden, afhankelijk van het componenttype en de parameters die in het fragment zijn gedefinieerd.

    Verander de knevel in toegelaten staat voor elk gebied waar u aanpassing wilt toestaan.

  4. Klik op Overview om alle bewerkbare velden en de bijbehorende standaardwaarden te bekijken.

    herzie de editable gebieden en hun standaardwaarden {width="700" modal="regular"}

  5. Sla uw wijzigingen op.

Gekoppelde URL-tracking bewerken

  1. Klik het Links ​pictogram ( toon het verbindingspictogram ) op de linkerzijde om alle verbonden URLs in uw te volgen inhoud te tonen.

  2. Indien nodig, klik uitgeven ( geef pictogram uit) pictogram en wijzig Tracking Type of Label.

    U kunt Markeringen voor een verbinding ook toevoegen.

klik het Edit pictogram om verbinding het volgen {width="500"} toegang te hebben

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0