# メール文内に商品詳細リンクを設置する方法について

**URL:** <https://community.shopify.com/t/topic/141729>\
**Category:** 技術的なQ＆A\
**Created:** [August 9, 2022, 12:08pm UTC](https://community.shopify.com/t/topic/141729 "2022-08-09T12:08:33Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

返金通知メール本文に、対象商品の詳細ページへ遷移するクリック可能なリンクを挿入したいという要件。参考情報を基に{{ product.content }}を使ったが、リンクとして機能せず。 

- 中心課題: 通知メール内で正しい商品情報を参照し、詳細ページURLをリンク化する方法。
- 提案: 通知メールでは注文の各明細（line item）から商品情報を取得する必要があるため、リンク先は{{ line.product.url }}を使用。リンクテキストは{{ line.product.content }}（商品説明）にもできるが、長文になる場合は任意の短文を使う。
- 技術補足: 「line」は注文内の単一商品の文脈を指し、通知テンプレートではline経由でproductにアクセスするのが適切。

- 実装結果: hrefに{{ line.product.url }}を用いてリンク掲載に成功。メールの可読性のため、テキストは「商品の詳細」のまま採用。
- 添付: lineコンテキストの説明を補足するスクリーンショットあり。

結論/状態: 解決済み。具体的な修正（{{ line.product.url }}の使用）で目的を達成。

<div class="post-metadata">

**Author:** ![marutomo](https://avatars.discourse-cdn.com/v4/letter/m/d2c977/32.png) [@marutomo](https://community.shopify.com/u/marutomo)\
**Post date:** [August 9, 2022, 12:08pm UTC](https://community.shopify.com/t/topic/141729/1 "2022-08-09T12:08:33Z")

</div>

返金時にユーザーに送信されるメール本文内にて、返金対象となった該当商品の商品の詳細・説明テキストを

クリック可能なリンクとして設置したく思います。

下記のサイトでは「商品の詳細・説明テキスト」は{{ product.content }}で指定できると記載されていたので、下記のコードのように記述をしてみたのですが、テストメールを送信してみたところリンクとして機能しませんでした…。

▼参考にしたサイト

[https://ec-penguin.com/blogs/shopify/product-object-summarry](https://ec-penguin.com/blogs/shopify/product-object-summarry)

> 管理画面で入力した商品の説明部分を表示。 product.descriptionも同じ。\> \> {{ product.content }}

▼実際記述したコード

```css

{% if line.image %}
 
 商品の詳細
{% endif %}

```

上記の要件がShopifyで実現できるようにするためには、どのようにしたら良いでしょうか？

Shopify初心者のためご教示頂けますと幸いです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [August 10, 2022, 12:52am UTC](https://community.shopify.com/t/topic/141729/2 "2022-08-10T00:52:43Z")

</div>

Marutomoさま

商品詳細ページへのリンクを挿入したい認識であってますでしょうか？

そのようでしたら、{{ product.content }}の部分を{{ line.product.url }}に変更し、"商品の詳細"を{{ line.product.content }}に変更されると良いかと思います。

少し難しいですが、productの前にlineが入る理由としては、注文した全商品の中からlineという単体商品の情報を取得するコードが通知メール内で記載されているためです。(下記添付)

 ![スクリーンショット 0004-08-10 9.49.37.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/9/7/4/97422b5544d17e80a205163bbca1c2a21cbd9c9f.png)

一度お試しいただけますと幸いです。

フルバランス 園畑

---

<div class="post-metadata">

**Author:** ![marutomo](https://avatars.discourse-cdn.com/v4/letter/m/d2c977/32.png) [@marutomo](https://community.shopify.com/u/marutomo)\
**Post date:** [August 12, 2022, 4:28am UTC](https://community.shopify.com/t/topic/141729/3 "2022-08-12T04:28:45Z")

</div>

フルバランス 園畑様

お世話になっております。

丸王の清水です。

この度は本件にご返答頂きまして誠にありがとうございます。

ご教示頂いた通り、下記の方法で実際に試してみたところ、無事にリンク掲載が実現できました。

> {{ line.product.url }}に変更し

実際のhref部分のコードは下記の通りです。

```markup
[商品の詳細](https://marufoods.net{{ line.product.url }})

```

> "商品の詳細"を{{ line.product.content }}に変更

上記の部分に関しては、実際試してみたところ、文章量が多くなりメール内のスペースが逼迫されてしまったため、今回は現行どおり”商品の詳細”のままとさせて頂きました。

この度はご親切にどうもありがとうございました。
