Personalization-exempel: e-post om att kunden överger en varukorg personalization-use-case-helper-functions

Skapa en händelse vars schema innehåller arrayen productListItems.

Definiera alla fält från den här arrayen som nyttolastfält för den här händelsen.

Läs mer om datatypen för produktlisteobjektet i Adobe Experience Platform-dokumentationen.

Skapa en resa som börjar med det här evenemanget.

Lägg till en e-postaktivitet på resan.

Klicka på Edit content i aktiviteten E-post och sedan på Email Designer.

Dra och släpp tre strukturkomponenter på meddelandets brödtext från den vänstra paletten på e-post-Designer hemsida.

Dra och släpp en HTML-innehållskomponent på varje ny strukturkomponent.

Klicka på den HTML-komponent på Designer webbplats där du vill lägga till kundens förnamn.

Klicka på Show the source code i det sammanhangsberoende verktygsfältet.

Lägg till strängfunktionen upperCase i fönstret Edit HTML:

1. Välj Helper functions på den vänstra menyn.

2. Använd sökfältet för att hitta "versal case".

3. Lägg till funktionen upperCase från sökresultaten. Det gör du genom att klicka på plustecknet (+) bredvid {%= upperCase(string) %}: string.

   Uttrycksredigeraren visar följande uttryck:

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

   

Ta bort platshållaren för strängen från uttrycket.

Lägg till token för förnamn:

1. Välj Profile attributes på den vänstra menyn.

2. Välj Person > Full name.

3. Lägg till First name-token i uttrycket.

   Uttrycksredigeraren visar följande uttryck:

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

   

   Läs mer om personnamnets datatyp i Adobe Experience Platform-dokumentationen.

Klicka på Validate och sedan på Save.

Spara meddelandet.

Öppna meddelandeinnehållet igen.

På hemsidan för e-post till Designer klickar du på komponenten HTML där du vill visa kundvagnens innehåll.

Klicka på Show the source code i det sammanhangsberoende verktygsfältet.

Lägg till hjälpen för each i fönstret Edit HTML:

1. Välj Helper functions på den vänstra menyn.

2. Använd sökfältet för att hitta "each".

3. Lägg till hjälpen för each från sökresultaten.

   Uttrycksredigeraren visar följande uttryck:

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

   

Lägg till productListItems-arrayen i uttrycket:

1. Ta bort platshållaren "someArray" från uttrycket.

2. Välj Contextual attributes på den vänstra menyn.

   Contextual attributes är bara tillgängliga efter att resekontexten har skickats till meddelandet.

3. Välj Journey Optimizer > Events > event_name och expandera sedan noden productListItems.

   I det här exemplet representerar event_name namnet på din händelse.

4. Lägg till Product-token i uttrycket.

   Uttrycksredigeraren visar följande uttryck:

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

   I det här exemplet representerar event_ID händelsens ID.

   

5. Ändra uttrycket:

   1. Ta bort strängen ".product".
   2. Ersätt platshållaren "variable" med "product".

   I det här exemplet visas det ändrade uttrycket:

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

Klistra in koden mellan den inledande {{#each}}-taggen och den avslutande {/each}}-taggen:

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

Lägg till personaliseringstoken för artikelnamn, kvantitet och pris:

1. Ta bort platshållaren "#name" från tabellen HTML.
2. Lägg till Name-token i uttrycket från föregående sökresultat.

Upprepa dessa steg två gånger:

• Ersätt platshållaren #quantity med token Quantity.
• Ersätt platshållaren #priceTotal med token Total price.

I det här exemplet visas det ändrade uttrycket:

{{#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}}

Klicka på Validate och sedan på Save.

Klicka på den HTML-komponent på Designer hemsida för e-post där du vill infoga anteckningen.

Klicka på Show the source code i det sammanhangsberoende verktygsfältet.

Lägg till hjälpen för if i fönstret Edit HTML:

1. Välj Helper functions på den vänstra menyn.

2. Använd sökfältet för att hitta "if".

3. Lägg till hjälpen för if från sökresultaten.

   Uttrycksredigeraren visar följande uttryck:

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

   

Ta bort det här villkoret från uttrycket:

{%else if condition2%} render_2

I det här exemplet visas det ändrade uttrycket:

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

Lägg till produktnamnstoken i villkoret:

1. Ta bort platshållaren "condition1" från uttrycket.

2. Välj Contextual attributes på den vänstra menyn.

3. Välj Journey Orchestration > Events > event_name och expandera sedan noden productListItems.

   I det här exemplet representerar event_name namnet på din händelse.

4. Lägg till Name-token i uttrycket.

   Uttrycksredigeraren visar följande uttryck:

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

   

Ändra uttrycket:

1. Ange produktnamnet efter name-token i uttrycksredigeraren.

   Använd den här syntaxen, där product_name representerar namnet på din produkt:

   code language-javascript
   = "product_name"

   I det här exemplet är produktnamnet"Juno Jacket":

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

2. Ersätt platshållaren "render_1" med texten i anteckningen.

   Exempel:

   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. Ta bort platshållaren "default_render" från uttrycket.

Klicka på Validate och sedan på Save.

Spara meddelandet.

Aktivera växlingsknappen Test och klicka sedan på Trigger an event.

I fönstret Event configuration anger du indatavärdena och klickar sedan på Send.

Testläget fungerar bara med testprofiler.

E-postadressen skickas till testprofilens adress.

I det här exemplet innehåller e-postmeddelandet en anteckning om Juno Jacket eftersom den här produkten finns i varukorgen:

Kontrollera att det inte finns något fel och publicera sedan resan.