# HubspotｘShopify 特定のタグが付いた注文があった場合にその注文情報を含んだメールを送信する方法

**URL:** <https://community.hubspot.com/t/hubspot-shopify/68870>\
**Category:** Tips, Tricks & Best Practices\
**Tags:** html\
**Created:** [November 9, 2022, 7:56am UTC](https://community.hubspot.com/t/hubspot-shopify/68870 "2022-11-09T07:56:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anonymous\_06db87a5432790979daf3dc85ffe5780](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@Anonymous\_06db87a5432790979daf3dc85ffe5780](https://community.hubspot.com/u/Anonymous_06db87a5432790979daf3dc85ffe5780)\
**Post date:** [November 9, 2022, 7:56am UTC](https://community.hubspot.com/t/hubspot-shopify/68870/1 "2022-11-09T07:56:47Z")

</div>

Shopifyで発送ができなかった注文に対してerrorという注文タグを付けています。

Hubspotのワークフローで、もし注文にerrorというタグがついていたらメールを送信するというフローを作成しました。

さらにメールのコンテンツにその注文の詳細（購入商品、購入点数、各商品の金額、注文全体の合計金額）を載せたいのですが、苦戦しています。

HTMLとHubLを応用して出来そうな気がしているのですが、いまいち書き方がわからず、ご存知の方いらっしゃいましたらご教授いただきたいです。

以下のようなコードを書きたいです（liquidの場合）

{% for tag in order.tags %}  
{% if tag contains ‘error’ %}  
{{ line\_item.title }}  
{{ line\_item.quantity }}  
{{ line\_item.unit\_price }}  
{% endif %}  
{% endfor %}

---

<div class="post-metadata">

**Author:** ![marykashima](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/marykashima/32/13515_2.png) [@marykashima](https://community.hubspot.com/u/marykashima)\
**Post date:** [November 9, 2022, 8:27am UTC](https://community.hubspot.com/t/hubspot-shopify/68870/2 "2022-11-09T08:27:58Z")

</div>

メールコンテンツにHubLは用いることができません。

代わりに関連するプロパティをパーソナライズトークンで呼び出せます。

> **[パーソナライズトークンを使用する](https://knowledge.hubspot.com/ja/marketing-email/use-personalization-tokens)**
>
> HubSpotのパーソナライズトークンを使用して特定のコンタクトのカスタムプロパティー値を表示する方法についてご紹介します。

パッとおもいつくのは以下です。

1. APIかなにかしら（すみませんShopifyのこのあたりはよくわかりません）で「その注文の詳細（購入商品、購入点数、各商品の金額、注文全体の合計金額）」の情報を該当Contactのカスタムプロパティに自動記載する（あくまでもメール送信用の情報と徹する）
2. 上記情報をパーソナライズトークンで設置した自動送信メールをWF経由で送信する

参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![KMurota](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kmurota/32/61991_2.png) [@KMurota](https://community.hubspot.com/u/KMurota)\
**Post date:** [November 10, 2022, 2:30am UTC](https://community.hubspot.com/t/hubspot-shopify/68870/3 "2022-11-10T02:30:49Z")

</div>

[@茜渡邉](https://community.hubspot.com/t5/user/viewprofilepage/user-id/466433)

```lia-code-sample
{% for tag in order.tags %}
{% if tag contains 'error' %}

{% for line_item in order.line_items %}
{{ line_item.title }}
{{ line_item.quantity }}
{{ line_item.unit_price }}
{% endfor %}

{% endif %}
{% endfor %}

```

でしょうか？  
ShopifyのHubSpotのアプリをご使用と拝察します。

メールで利用できるHublは[こちらに一覧が載っております](https://developers.hubspot.com/docs/cms/hubl/variables)が、Sales Hub Professional以上であればパーソナライズトークンに取引やチケットなども、対応するオブジェクトのトリガーのワークフロー上において利用可能です。  
以下、[英語版コミュニティの回答](https://community.hubspot.com/t5/Email-Marketing-Tool/Show-deal-line-items-in-an-email/m-p/414594)と少々の調査を元にご案内させていただきます。

1. Line Itemのパーソナライズトークンは取引ベースのトリガーでしか使えない  
これはクリアかと思います。
2. しかも接続されたアプリ→Shopify→自動化→「顧客がカートを放棄した場合」で作成したワークフローでしかLine Itemは使えない  
これがネックなのかと想像しています。
3. それも、ecommerce連携から作成されたLine Itemにしか使用できない  
これもクリアなのかと想像します。

**克服方法**  
カスタムモジュールを作成し、メールに配置すること、だそうです。テストしてみたところこれは取引ベースのワークフローであれば、Shopifyのカート廃棄ワークフローでなくとも商品項目がメールに表示されました。

特にこれらのHublの説明のページが見つからず、作成された方もShopifyの連携で作成されたカート廃棄商品メールモジュールなどを参考にされたようです。基本的にはliquidと同じく小文字のオブジェクト名に、ドットノーテーションでそれ以下のプロパティにアクセスする形になります。

❶以下の記述（＋HTMLの装飾はお任せします）でEメール用のモジュールをデザインツールで作成し公開してください

```lia-code-sample
<span style="font-family: Georgia; font-size: 14px;">
{% email_each list="deal.line_items" item="line_item" %}
{{ personalization_token('line_item.name', '---') }} ... <small>x</small> {{personalization_token('line_item.quantity', '0')}}個 ... ￥ {{ personalization_token('line_item.price', '0') }}
<br>
{% endemail_each %}</span>

```

❷こちらのモジュールを配置したテンプレートメールをワークフロー用に作成してください

❸ワークフローでのメール送信に❷で作成されたテンプレートを選択ください

ShopifyのOrder UpdateのWebhookを利用しAPIで通常のメールもしくは[HubSpotメールを送信する方法](https://legacydocs.hubspot.com/docs/methods/email/transactional_email/single-send-overview)（[トランザクションメールのアドオンが必要](https://www.hubspot.com/products/marketing/transactional-email)）もございます。どんな組み合わせかは、開発費用とランニングコストを見極めて判断する必要があるかと存じます。
