# 顧客タグに応じてメッセージ（こんにちは！など）を出す方法

**URL:** <https://community.shopify.com/t/topic/23866>\
**Category:** 技術的なQ＆A\
**Created:** [October 29, 2020, 7:18am UTC](https://community.shopify.com/t/topic/23866 "2020-10-29T07:18:31Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

顧客タグに応じて表示メッセージを切り替える方法について、ShopifyのLiquidで対応可能と案内された。中心となるのは customer.tags で、例として `VIP` タグを持つ顧客にだけメッセージを表示する条件分岐コードが示された。

- 実装方法: `customer.tags` をループし、`if tag == 'VIP'` で判定して表示を分岐する。
- 用語補足: Liquid はShopifyテーマで使うテンプレート言語、customer オブジェクトは顧客情報を扱うデータ。

その後、コードをどのファイルに入れるか、結果をどう確認するかという質問が出た。回答では、表示したいテンプレート・セクション・スニペットのLiquidファイル内で、実際にHTMLを出したい位置へコードを追加すると説明された。

結論として、技術的には実現可能で、次のアクションはテーマ構造を学びながら対象ファイルへ実装すること。詳細な確認手順までは議論されておらず、学習用資料の紹介で会話は一区切りしている。

<div class="post-metadata">

**Author:** ![THTHTHTH](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@THTHTHTH](https://community.shopify.com/u/THTHTHTH)\
**Post date:** [October 29, 2020, 7:18am UTC](https://community.shopify.com/t/topic/23866/1 "2020-10-29T07:18:31Z")

</div>

お世話になってます。初学者です。

顧客をタグで判別して、顧客ごとにメッセージ表示することは可能でしょうか？

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [October 29, 2020, 8:53am UTC](https://community.shopify.com/t/topic/23866/2 "2020-10-29T08:53:41Z")

</div>

**カスタマーオブジェクト** のタグで判定すれば表示を分岐させることができます。

```ruby
{% for tag in customer.tags %}
{% if tag == 'VIP' %}
（VIP会員向けのメッセージ）
{% endif %}
{% endfor %}

```

[https://shopify.dev/docs/themes/liquid/reference/objects/customer#customer-tags](https://shopify.dev/docs/themes/liquid/reference/objects/customer#customer-tags)

---

<div class="post-metadata">

**Author:** ![THTHTHTH](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@THTHTHTH](https://community.shopify.com/u/THTHTHTH)\
**Post date:** [October 30, 2020, 12:53am UTC](https://community.shopify.com/t/topic/23866/3 "2020-10-30T00:53:10Z")

</div>

ご回答ありがとうございます。

こちらのコードはどちらのファイルに入力すればよろしいでしょうか？

また、出力結果を確認する方法はありますでしょうか？

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [October 30, 2020, 1:37am UTC](https://community.shopify.com/t/topic/23866/4 "2020-10-30T01:37:57Z")

</div>

「 **どちらのファイルに** 」というのはテーマの作り方によりますが、  
表示したいテンプレート、セクション、スニペッドのLiquidファイルから、  
表示したいHTMLの場所にLiquidを追加します。

テーマのディレクトリやファイルの役割については  
色々な方が解説してくれているので、まずは構造を把握してみてください。

Shopifyテーマの構造解説。各ディレクトリとファイルの役割を知る

> **[Shopifyテーマの構造解説。各ディレクトリとファイルの役割を知る | non-standard world株式会社](https://www.non-standardworld.co.jp/23013/)**
>
> こんにちは、エンジニアの川島です。 先日の記事で、ECプラットフォームShopifyのテーマカスタマイズの始め方について述べました。 今回は、Shopfyテーマの構造に加えて、各ディレクトリとファイル

「Liquid」と「Shopify」テーマのフォルダ構造

> **[「Liquid」と「Shopify」テーマのフォルダ構造｜瞑想王子@懐かしい未来を半歩先にいきる](https://note.com/nirvana_lab/n/ned1a7b002a9f)**
>
> 今回はLiquidについての基本的な知識とShopifyテーマのフォルダ構造の基本について簡単に書いてみようと思います。 LiquidとShopifyテーマのフォルダ構造を理解することで、全体的にどのような構成になっているかざっくりと俯瞰して把握することが出来るかと思います。 実際にShopifyのテーマをカスタマイズしているうちに、少しずつ理解が進んでいきますので実際にテーマをコピーして、Theme kitを使っていつも自分が使っているVisual Studio...

Shopifyのコード構造を理解する

> **[Shopifyのコード構造を理解する｜YOSHIKI](https://note.com/tamosnote/n/n28346e8ac634)**
>
> Shopifyのテーマは独自⾔語Liquidで作られているため、コードを編集する際は一般的なhtmlサイトとは少々勝手が異なります。FTPは使えません。 プログラミングの知識がない人でも「カスタマイズ」から洗礼されたデザインのECサイトの構築ができる点がShopifyの魅力ですが、デザインの微調整をやりたい場合はコードを編集する必要があります。 テーマのコードの大枠の構造を把握していると修正がしやすくなります。 Shopifyのコード編集する手順 ...

【Shopify②】テーマのカスタマイズ（Liquidコード編集）  
[https://note.com/osamuiwasaki/n/n56e190b64f9a](https://note.com/osamuiwasaki/n/n56e190b64f9a)

---

<div class="post-metadata">

**Author:** ![THTHTHTH](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@THTHTHTH](https://community.shopify.com/u/THTHTHTH)\
**Post date:** [October 30, 2020, 5:02am UTC](https://community.shopify.com/t/topic/23866/5 "2020-10-30T05:02:30Z")

</div>

ありがとうございます。勉強させていただきます。
