Personalization-gebruiksgeval: e-mail met winkelwagentje verlaten personalization-use-case-helper-functions

Maak een gebeurtenis waarvan het schema de array productListItems bevat.

Definieer alle velden in deze array als payload-velden voor deze gebeurtenis.

Leer meer over het gegevenstype van het productlijstpunt in ​ documentatie van Adobe Experience Platform ​.

Maak een reis die met deze gebeurtenis begint.

Voeg een E-mail activiteit aan de reis toe.

In de E-mail activiteit, klik Edit content, dan klik Email Designer.

Sleep in het linkerpalet van de homepage van E-mail Designer drie structuurcomponenten naar de hoofdtekst van het bericht.

Sleep een HTML-inhoudscomponent naar elke nieuwe structuurcomponent.

Klik op de homepage van Designer via e-mail op de HTML-component waar u de voornaam van de klant wilt toevoegen.

Klik op de contextafhankelijke werkbalk op Show the source code .

Voeg in het venster Edit HTML de tekenreeksfunctie upperCase toe:

1. Selecteer Helper functions in het linkermenu.

2. Gebruik het zoekveld om naar hoofdletters en kleine letters te zoeken.

3. Voeg uit de zoekresultaten de functie upperCase toe. Klik hiertoe op het plusteken (+) naast {%= upperCase(string) %}: string .

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {%= upperCase(string) %}

   

Verwijder de tijdelijke aanduiding "tekenreeks" uit de expressie.

Voeg de token voor de voornaam toe:

1. Selecteer Profile attributes in het linkermenu.

2. Selecteer Person > Full name .

3. Voeg het token First name toe aan de expressie.

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {%= upperCase(profile.person.name.firstName) %}

   

   Leer meer over het gegevenstype van de persoonnaam in ​ documentatie van Adobe Experience Platform ​.

Klik op Validate en vervolgens op Save .

Sla het bericht op.

Open de inhoud van het bericht opnieuw.

Klik op de startpagina van Designer e-mailen op de HTML-component waar u de inhoud van het winkelwagentje wilt weergeven.

Klik op de contextafhankelijke werkbalk op Show the source code .

Voeg in het Edit HTML -venster de each helper toe:

1. Selecteer Helper functions in het linkermenu.

2. Gebruik het zoekveld om "elk" te zoeken.

3. Voeg aan de hand van de zoekresultaten de hulplijn each toe.

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {{#each someArray as |variable|}} {{/each}}

   

Voeg de array productListItems toe aan de expressie:

1. Verwijder de tijdelijke aanduiding "someArray" uit de expressie.

2. Selecteer Contextual attributes in het linkermenu.

   Contextual attributes zijn alleen beschikbaar nadat de reiscontext aan het bericht is doorgegeven.

3. Selecteer Journey Optimizer > Events > *** event_name ​*** en vouw vervolgens het knooppunt productListItems uit.

   In dit voorbeeld, event_name vertegenwoordigt de naam van uw gebeurtenis.

4. Voeg het token Product toe aan de expressie.

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}

   In dit voorbeeld, event_ID vertegenwoordigt identiteitskaart van uw gebeurtenis.

   

5. De expressie wijzigen:

   1. Verwijder de tekenreeks ".product".
   2. Vervang de tijdelijke aanduiding "variabele" door "product".

   In dit voorbeeld wordt de gewijzigde expressie getoond:

   code language-handlebars
   {{#each context.journey.events.event_ID.productListItems as |product|}}

Plak deze code tussen de openingstag {{#each}} en de afsluitende tag {/each}} :

<table>
   <tbody>
      <tr>
         <td><b>#name</b></td>
         <td><b>#quantity</b></td>
         <td><b>$#priceTotal</b></td>
      </tr>
   </tbody>
</table>

Voeg de personalisatietokens voor de puntnaam, het aantal, en de prijs toe:

1. Verwijder de tijdelijke aanduiding "#name" uit de HTML-tabel.
2. Voeg uit de vorige zoekresultaten de token Name toe aan de expressie.

Herhaal deze stappen tweemaal:

• Vervang de tijdelijke aanduiding "#quantity" door de token Quantity .
• Vervang de tijdelijke aanduiding "#priceTotal" door de token Total price .

In dit voorbeeld wordt de gewijzigde expressie getoond:

{{#each context.journey.events.event_ID.productListItems as |product|}}
   <table>
      <tbody>
         <tr>
         <td><b>{{product.name}}</b></td>
         <td><b>{{product.quantity}}</b></td>
         <td><b>${{product.priceTotal}}</b></td>
         </tr>
      </tbody>
   </table>
{{/each}}

Klik op Validate en vervolgens op Save .

Klik op de homepage van Designer e-mailen op de HTML-component waar u de notitie wilt invoegen.

Klik op de contextafhankelijke werkbalk op Show the source code .

Voeg in het Edit HTML -venster de if helper toe:

1. Selecteer Helper functions in het linkermenu.

2. Gebruik het zoekveld om te zoeken naar "if".

3. Voeg aan de hand van de zoekresultaten de hulplijn if toe.

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {%#if condition1%} render_1 {%else if condition2%} render_2 {%else%} default_render {%/if%}

   

Deze voorwaarde verwijderen uit de expressie:

{%else if condition2%} render_2

In dit voorbeeld wordt de gewijzigde expressie getoond:

{%#if condition1%} render_1
   {%else%} default_render
{%/if%}

Voeg de token voor de productnaam toe aan de voorwaarde:

1. Verwijder de tijdelijke aanduiding "condition1" uit de expressie.

2. Selecteer Contextual attributes in het linkermenu.

3. Selecteer Journey Orchestration > Events > *** event_name ​*** en vouw vervolgens het knooppunt productListItems uit.

   In dit voorbeeld, event_name vertegenwoordigt de naam van uw gebeurtenis.

4. Voeg het token Name toe aan de expressie.

   De redacteur van de Uitdrukking toont deze uitdrukking:

   code language-handlebars
   {%#if context.journey.events.`event_ID`.productListItems.name%} render_1 {%else%} default_render {%/if%}

   

De expressie wijzigen:

1. Geef in de Expressieeditor de productnaam op na de token name .

   Gebruik deze syntaxis, waar product_name de naam van uw product vertegenwoordigt:

   code language-javascript
   = "product_name"

   In dit voorbeeld is de productnaam "Juno Jacket":

   code language-handlebars
   {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %} render_1 {%else%} default_render {%/if%}

2. Vervang de tijdelijke aanduiding "render_1" door de tekst van de notitie.

   Voorbeeld:

   code language-handlebars
   {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %} Due to longer than usual lead times on the Juno Jacket, please expect item to ship two weeks after purchase. {%else%} default_render {%/if%}

3. Verwijder de tijdelijke aanduiding "default_render" uit de expressie.

Klik op Validate en vervolgens op Save .

Sla het bericht op.

Schakel de Test -schakeloptie in en klik op Trigger an event .

Voer in het Event configuration -venster de invoerwaarden in en klik op Send .

De testmodus werkt alleen met testprofielen.

De e-mail wordt verzonden naar het adres van het testprofiel.

In dit voorbeeld bevat de e-mail de opmerking over de Juno-jasje, omdat dit product zich in de kar bevindt:

Controleer of er geen fout is en publiceer de reis.