ドキュメントJourney OptimizerJourney Optimizer - 課題

注文確認メールの作成

Last update: Wed Jul 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • 初心者
  • ユーザー
課題
注文確認トランザクションメールの作成
ペルソナ
ジャーニーマネージャー
必要なスキル
ダウンロードするアセット
注文確認アセット

ストーリー

Luma はオンラインストアを立ち上げようとしており、優れたカスタマーエクスペリエンス（顧客体験）を実現したいと考えています。顧客が注文したら、顧客に注文確認メールを送信します。

課題

Luma の顧客がオンラインでの注文を完了したときに注文確認メールを送信するジャーニーを作成します。

タスク

  1. Luma - Order Confirmation という名前のジャーニーを作成します。

  2. イベント LumaOnlinePurchase を使用します。

  3. Luma - Order Confirmation という​ トランザクション ​メールを作成します。

    • 件名「FirstName 様、ご購入いただきありがとうございます。」

    • Luma - Order summary テンプレートを使用し、それを変更します。

      • You may also like セクションの削除

      • メールの下部への購読解除リンクの追加

メールは次のような構造にしてください。

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
ヘッダーセクション

  • luma_logo.png

  • Luma の web サイト https://.adobedemo.com/content/luma/us/en.html へのリンクが必要です。
注文確認セクション

テキスト

{firstName} 様

注文が完了しました。

パッケージが出荷されると、追跡番号が記載されたメールが送信されますので、注文を追跡できます。

出荷先セクション

  • 姓と名はプロファイルから取り込まれます。

  • テンプレートのハードコーディングされた住所を 出荷先住所 に置き換えます

  • 住所の詳細は、イベントから得られるコンテキスト属性（番地 1、市区町村、郵便番号、都道府県）です。

  • ディスカウント、合計、到着 の削除

出荷先：

{firstName} {lastName}
{Street 1}
{City}、{State}、{postalCode}

注文の詳細セクション

  • このセクションを 出荷先 セクションの下に追加します。

    ヒント：

  • このセクションには、構造コンポーネント 1:2 列左 を使用します

  • これは、コンテキストイベント情報です。

  • helper function の Each を使用します。

  • コードエディターの形式に切り替えて、コンテキストデータを追加します。

ヘッダー

注文：{purchaseOrderNumber}

注文された製品のリスト：

注文の各製品を、画像、価格、名前と共にリストします。

各項目のレイアウトは次のようになります。 順序

リンクを買い物かごに追加

URL 内の注文 ID を発注番号に置き換えます。 https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
note tip
TIP
ジャーニーのトラブルシューティングを可能にするベストプラクティスは、タイムアウトやエラーの場合に、すべてのメッセージアクションに代替パスを追加することです。
成功基準

テストモードで作成したジャーニーをトリガーし、自身にメールを送信します。

  1. テストモードに切り替える前に、テストメールに送信するメールパラメーターを上書きして、メールアドレスに送信します。

    1. メールの詳細表示を開きます。
    2. メールパラメーターセクションで、T 記号をクリックします（パラメーターの上書きを有効にする）
    3. 「アドレス」フィールドをクリック
    4. 次の画面で、式エディターの括弧内にメールアドレス "yourname@yourdomain" を入力し、「OK」をクリックします。

  2. ジャーニーをテストモードにする

  3. 次のパラメーターを使用してイベントをトリガーします。

    • プロファイル識別子の設定：ID 値：a8f14eab3b483c2b96171b575ecd90b1
    • イベントタイプ：commerce.purchases
    • Quantity: 1
    • Price Total: 69
    • Purchase Order Number: 90845952-c2ea-4872-8466-5289183e4607
    • SKU: LLMH09
    • City:サンノゼ
    • Postal Code: 95119
    • State：CA
    • Street: 245 Park Avenue

パーソナライズされた購入確認メールが届きます。

  • 件名には、テストプロファイルの名の Leora が含まれている必要があります。

  • メール本文は、次のようになります。

メール

作業内容の確認

ジャーニー

ジャーニー

メール

件名：

{{ profile.person.name.firstName }} 様、ご購入いただきありがとうございます。

出荷先セクション：

コードは、次のようになります。

code language-javascript 
{{ profile.person.name.firstName }} {{ profile.person.name.lastName }}
{{context.journey.events.454181416.commerce.shipping.address.street1}}
{{context.journey.events.454181416.commerce.shipping.address.city}}, {{context.journey.events.454181416.commerce.shipping.address.state}} {{context.journey.events.454181416.commerce.shipping.address.postalCode}}

event.45481416 は別の番号になります。

ヒント：各行を個別にパーソナライズする

注文詳細セクション:

コードは、次のようになります。

ヘッダー：

code language-javascript 
Order #: {{context.journey.events.1627840522.commerce.order.purchaseOrderNumber}}

製品のリスト：

ヘルパー関数「each」を使用して、製品のリストを作成します。テーブルに表示します。コードは、次のようになります（イベント ID などの特定の変数を 454181416 の代わりに使用し、techmarketingdemos の代わりに組織 I を使用します）。

code language-javascript 
{{#each context.journey.events.454181416.productListItems as |product|}}<tr> <th class="colspan33"><div class="acr-fragment acr-component image-container" data-component-id="image" style="width:100%;text-align:center;" contenteditable="false"><!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]--><img src="{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.imageUrl}}" style="height:auto;width:100%;" height="233" width="233"><!--[if mso]></td></tr></table><![endif]--></div></th> <th class="colspan66"><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p><span style="font-weight:700;">{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.name}}</span></p></div></div><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p>${{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.price}}.00</p></div></div></th></tr> {{/each}}

表示順序ボタン：

https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId={{context.journey.events.454181416.commerce.order.purchaseOrderNumber}}

価格合計：

合計：${{context.journey.events.1627840522.commerce.order.priceTotal}}.00

recommendation-more-help
04826c94-302b-4257-9125-eb84103f67d1