DocumentatieJourney Optimizer B2BDocumentatie voor de B2B-editie van Journey Optimizer

E-mailsjabloonontwerp

Last update: Tue Nov 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Nadat u een e-mailmalplaatjecreeert, gebruik de visuele ontwerper aan auteur de structuur en inhoudscomponenten in uw e-mailmalplaatje.

Structuur en inhoud toevoegen structure-content

  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.

Fragmenten toevoegen

In de visuele inhoudsredacteur, wordt het pictogram van Fragmenten getoond op de linkerzijde. In het volgende voorbeeld worden de stappen beschreven die moeten worden uitgevoerd om fragmenten toe te voegen aan de sjablooninhoud.

  1. Om de fragmenten lijst te openen, selecteer het pictogram van Fragmenten ( pictogram van Fragmenten ).

    U kunt:

    • Sorteer de aanbieding.
    • Blader door de lijst, zoek de lijst of filter deze.
    • Schakelen tussen de miniatuur- en lijstweergave.
    • Vernieuw de lijst om een van de onlangs gemaakte fragmenten weer te geven.

    selecteer een fragment van de lijst {width="700" modal="regular"}

  2. Sleep een van de fragmenten naar de tijdelijke aanduiding voor het structurele onderdeel.

    De editor geeft het fragment weer binnen de sectie/het element van de e-mailstructuur.

De inhoud van het fragment wordt dynamisch bijgewerkt in de structuur om te tonen hoe de inhoud in de e-mail wordt weergegeven.

TIP
Als u wilt dat het fragment de volledige horizontale lay-out binnen de e-mail in beslag neemt, voegt u een 1:1-kolomstructuur toe en sleept u het fragment er vervolgens in.

Nadat het e-mailbericht is opgeslagen, wordt het weergegeven op de pagina met fragmentdetails wanneer u het tabblad Used By ​in het overzicht selecteert. Fragmenten die aan een e-mailsjabloon zijn toegevoegd, kunnen niet worden bewerkt in de sjabloon. Het bronfragment definieert de inhoud.

Elementen toevoegen

In de visuele inhoudsredacteur, selecteer het Assets pictogram ( toon Assets ) dat op de linkerzijde wordt getoond.

NOTE
Als u een abonnement voor Experience Manager Assets as a Cloud Service samen met het gebrek de Studio van het Ontwerp van Adobe Marketo Engage hebt, kiest u de beeldbronop het tijdstip van verwezenlijking voor een e-mail, e-mailmalplaatje, of visueel fragment. U kunt ook de afbeeldingsbron selecteren voordat u de visuele ontwerper opent voor bewerking.

In het volgende voorbeeld worden de stappen beschreven waarmee elementen aan de sjablooninhoud worden toegevoegd:

  1. Om de activa bibliotheek te openen, klik het Assets pictogram.

    Vanuit de elementenkiezer kunt u rechtstreeks in de bronbibliotheek opgeslagen elementen selecteren.

  2. Voeg een nieuw element toe door het afbeeldingselement naar een structuurcomponent te slepen.

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

    Voor meer informatie over het gebruiken van activa van uw brontype, zie activa aan uw inhoudtoevoegen.

  3. 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"}

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 het bericht (e-mail en SMS) 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.

Gekoppelde URL-tracking bewerken

  1. Klik op het pictogram Links ​aan de linkerkant om alle URL's weer te geven van de inhoud die u wilt bijhouden.

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

    U kunt Markeringen voor een verbinding ook toevoegen.

klik Meer om tot malplaatjeacties {width="500"} toegang te hebben

Weergaveopties

Gebruik de opties voor weergave- en inhoudsvalidatie die beschikbaar zijn in de visuele ontwerper.

  • Zoom in of uit op de inhoud met de vooraf ingestelde zoomopties.

  • Schakel de weergave van de inhoud in op Desktop, Mobiel of Alleen tekst/Onbewerkte tekst.

    • Klik het Oog pictogram voor inhoudsvoorproef over apparaten.
    • Selecteer een van de apparaten die buiten het vak vallen of voer aangepaste afmetingen in om een voorvertoning van de inhoud weer te geven.

Meer opties

Vanuit het menu More … ​boven aan de e-mailontwerper kunt u de volgende handelingen uitvoeren:

klik Meer om tot malplaatjeacties {width="500"} toegang te hebben

  • Reset template - Klik op deze optie om het canvas van de visuele ontwerper op een lege site te wissen en de bouwinhoud opnieuw te beginnen.
  • Save as fragment - Sla de sjabloon geheel of gedeeltelijk op als een fragment dat opnieuw moet worden gebruikt in meerdere e-mails of e-mailsjablonen. U geeft een naam en beschrijving voor het fragment op en slaat het op in de lijst met beschikbare fragmenten.
  • Change your design - terugkeer aan het Ontwerp uw malplaatje pagina. Vanaf dat punt kunt u een geheel nieuwe sjabloon ontwerpen of een bestaande sjabloon gebruiken om het ontwerpproces opnieuw te starten.
  • Export HTML - Download de inhoud in het visuele canvas naar uw lokale systeem in de HTML-indeling die is verpakt als een zip-bestand.
recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0