お客様アカウント×Horizonテーマ：
LINE連携を促すサイト設計のアイデア3選
（おまけ付き）
Shopifyが標準機能として推進している「（新しい）お客様アカウント」。パスワードレスでログインできる利便性が魅力ですが、従来のマイページとは導線が異なるため、「LINE連携ボタンへの誘導がわかりにくくなったのでは？」と感じているストアオーナー様もいらっしゃるかもしれません。
「CRM PLUS on LINE」は新しいお客様アカウントに対応しており、プロフィールページ、サンクスページや注文状況ページにアプリブロックとしてLINE連携ボタンを設置できます。
この記事では、CRM PLUS on LINEが提供する公式機能の活用を基本に、さらに「まだ連携していないお客様だけに」LINE連携を促す補助的なカスタマイズのアイデア3つ（おまけ1つ）をご紹介します。
この記事について
本記事のスクリーンショットは、Shopify無料テーマ「Horizon」と「新しいお客様アカウント」を使用した環境で投稿しています。Dawnや有料テーマでも、カスタムLiquidセクションを使えば同様のことができる可能性がありますが、テーマによってファイル構造が異なるため、コード編集と動作検証が必要です。
あわせて読みたい：CRM PLUS on LINEが新お客様アカウント対応！設定箇所と従来版との違い
CRM PLUS on LINEの新しいお客様アカウント対応の詳細はこちらの記事で解説しています。
1. 前提：CRM PLUS on LINEの「line」タグとは？
今回の補助施策で活用するのが、Shopifyアプリ「CRM PLUS on LINE」の仕様です。
このアプリを通じてお客様がLINEのID連携（ShopifyアカウントとLINE IDの紐づけ）を完了すると、そのお客様のShopify顧客データに、自動的に「line」というタグが付与されます。
「line」タグでできること
この「line」タグの有無をテーマ（Liquid）側で判定することで、「未連携の人にだけバナーを出す」「連携済みの人には表示しない」といった出し分けが可能になります。既に連携済みのお客様に同じバナーを見せ続けることなく、未連携者にだけアプローチできます。
2. 基本：CRM PLUS on LINEのアプリブロックを活用する
カスタマイズ施策に入る前に、まずはCRM PLUS on LINEが公式に提供しているアプリブロック機能を活用することが基本です。これらはノーコードで設定できます。
▼プロフィールページのLINE連携ボタン
LINE連携ボタンを設置できる場所
| 設置場所 | 特徴・メリット |
|---|---|
| プロフィールページ | 新しいお客様アカウントのメインとなる連携導線。お客様が自分の情報を確認・編集するタイミングで自然にLINE連携を促せます。 |
| サンクスページ（注文完了画面） | 購入直後のタイミングで連携を促せます。「発送通知をLINEで受け取れます」といった訴求が効果的です。 |
| 注文状況ページ | お客様が注文状況を確認しに来るタイミングで連携を促せます。リピーターへのアプローチに有効です。 |
| LINE連携促進バナー | オンラインストアのトップページや商品ページなどに表示できるバナー。視認性が高く、認知拡大に役立ちます。 |
まずはここから始めよう
これらのアプリブロックは、Shopify管理画面のテーマエディタから簡単に設置できます。特にプロフィールページとサンクスページへの設置は、LINE連携の基本導線として設定しておくことをおすすめします。
また、プロフィールページやサンクスページをさらにカスタマイズしたい場合は、新しいお客様アカウントに対応した他のアプリを併用する方法もあります。
あわせて読みたい：Shopify「新しいお客様アカウント」カスタマイズアプリ3選
MFアカウント、AL CustomerMetaSync、Howdyなど、新しいお客様アカウントをカスタマイズできるアプリを比較しています。
3. 補助施策①：メニュー導線の改善
アプリブロックの設置に加えて、サイト全体のメニュー導線を改善することで、LINE連携画面（プロフィールページ）への到達率を高められる可能性があります。
ヘッダー・フッターへの「LINE連携」リンク設置
新しいお客様アカウントでは、連携ボタンは「プロフィール」ページに設置します。そのため、リンク先をプロフィールページに設定することで、連携画面への導線を短くできます。
「プロフィールページ」へのアクセスは、通常の場合には右上のお客様イニシャルアイコンをクリックして、開いた中の「プロフィール」を選択してプロフィールページにアクセスします。この動作が初見のお客様にはわかりにくい場合もあります。そのため、ヘッダーやフッターに「LINE連携」という見出しを作ることで、明確にどこでLINE連携ができるのかを表示することができます。
▼ヘッダーメニューに「LINE連携」を追加
新しいお客様アカウントのメニューへの追加
新しいお客様アカウントでは、ヘッダーメニューにアプリページへのリンクを追加できる場合があります。例えば「定期購買」アプリのように、独自のメニュー項目を追加している例があります。
これを参考に、「LINE連携」という見出しのメニューを追加し、遷移先をプロフィールページに設定することで、LINE連携への導線を追加できます。
▼お客様アカウント専用メニューに「LINE連携」を追加
注意事項
ヘッダーメニューへの「LINE連携」リンク追加は、アプリ開発会社から公式に推奨された方法ではありません。設定後は必ず動作確認を行い、各ストアの責任で運用してください。HorizonテーマやShopifyのアップデートによって、動作や表示が崩れる可能性があるため、定期的な確認をおすすめします。
4. 補助施策②：未連携ユーザー限定の「条件付きバナー」
CRM PLUS on LINEが提供する「LINE促進バナー」機能に加えて、Liquidの条件分岐を使った未連携時のみに表示させる「出し分けバナー」を設置する方法もあります。
すでに連携済みのお客様にまで「LINE連携しよう！」というバナーが出続けるのは、ノイズになる可能性があります。そこで、「lineタグを持っていない（＝未連携）」かつ「ログインしている」ユーザーにのみバナーを表示させる方法があります。
設置場所の例
- トップページ： ファーストビューやメインコンテンツの上部
- 商品ページ： 商品情報の下部など
- カートページ： カート内容の上部（次の施策③と組み合わせも可能）
この制御を入れることで、未連携のお客様には訴求しつつ、連携済みのお客様には表示しないという出し分けが可能になります。
▼トップページ
▼商品ページ
▼カートページ
5. 補助施策③：カートページでクーポン適用後の金額を表示
カートページで未連携ユーザーに対して、LINE連携時に配布しているクーポンを適用した場合の金額を表示するという方法があります。施策②のバナーと組み合わせることで、より具体的なメリットを伝えることができます。なお、クーポンの作成は予め「ディスカウント」で準備しておく必要があります。
▼カートページでのクーポン適用金額表示
*施策②のバナーとセットで表示するのもお勧めです
表示内容の例
- バナー： 「LINE連携で20%offクーポン配布中」などの訴求
- 金額表示： 「LINE連携時でクーポンを適用した場合の金額」として、割引後の合計金額を表示
- クーポンコード案内： 「次ページのチェックアウト時にコード『line-coupon』を入力してください」などの説明
- 導線ボタン： 「LINE連携はプロフィールページへ」でプロフィールページに遷移
この施策のポイント
単に「LINE連携でクーポンがもらえる」と伝えるだけでなく、「今のカート内容だと◯円お得になる」という具体的な金額を見せることで、お客様にとってのメリットがより明確になります。「お得に買いたい」というポジティブな動機でLINE連携を促せるため、購入意欲を損なわずに連携率向上が期待できます。
実装のポイント
この施策を実装するには、Liquidでカート内の小計金額を取得し、クーポンの割引率を適用した金額を計算して表示する必要があります。施策②と同様に「lineタグがない」かつ「ログインしている」ユーザーにのみ表示させます。
注意事項
この施策もアプリ開発会社の公式サポート対象外です。また、以下の点に注意してください。
- クーポンの割引率や条件が変更された場合、表示内容も更新が必要
- 実際のクーポン適用はチェックアウト画面で行うため、表示金額と最終金額に差異が出ないよう注意
- クーポンに最低購入金額などの条件がある場合は、その旨も表示することをおすすめ
6. おまけ：カートページでのポップアップ（要注意）
カートページで「チェックアウトボタンを押した瞬間に、未連携者へポップアップを出す」という方法もありますが、この施策は特に慎重な判断が必要です。
▼未連携の場合だけ表示させるポップアップ
ポップアップ施策のリスク
- カート落ちリスク： 顧客がいよいよ支払うという高揚感のある時に、LINE連携で躓くと売上に影響する可能性があります
- 顧客体験への影響： ポップアップは「煩わしい」「しつこい」というマイナスイメージを与える可能性があります
- 購入後でも連携可能： 購入前にLINE連携していなくても、サンクスページやプロフィールページで購入後に連携してもらうことは可能です
売上を重視する場合は特に慎重に
ポップアップは視認性が高い反面、決済直前にお客様の足を止めることになります。購入前にどうしてもLINE連携が必要な場合を除き、基本的にはあまりおすすめしません。
多くの場合、施策②のバナーや施策③のクーポン金額表示で十分な効果が期待できます。ポップアップを導入する場合は、必ずA/Bテストを行い、コンバージョン率への影響を確認してください。
おすすめのアプローチ
カートページでの強い訴求よりも、サンクスページ（注文完了画面）でのLINE連携訴求のほうが、購入を阻害するリスクなく連携を促せます。「ご注文ありがとうございます。発送通知をLINEで受け取りませんか？」といった自然な流れで連携を促すことができます。
7. よくある質問（FAQ）
Q1: CRM PLUS on LINEの「line」タグとは？
A: CRM PLUS on LINEを通じてお客様がLINEのID連携を完了すると、そのお客様のShopify顧客データに自動的に「line」というタグが付与されます。このタグを使って、未連携者と連携済みユーザーで表示を出し分けることができます。
Q2: LINE連携ボタンはどこに設置できますか？
A: CRM PLUS on LINEは、新しいお客様アカウントのプロフィールページ、サンクスページ（注文完了画面）、注文状況ページにアプリブロックとしてLINE連携ボタンを設置できます。これらはノーコードで設定可能で、アプリプランは無料プランから対象です。
Q3: カスタマイズ施策を導入する際の注意点は？
A: Liquidを使ったバナー出し分けやメニュー追加などのカスタマイズは、アプリ開発会社の公式サポート対象外となります。導入前後には必ず各ストアで動作確認を行い、責任を持って運用してください。また、過度な導線設計はカート落ちやページ離脱のリスクがあるため、バランスを考慮することが重要です。
Q4: Horizonテーマ以外でも使えますか？
A: Dawnや有料テーマでも、カスタムLiquidセクションを使えば同様のことができる可能性があります。ただし、テーマによってファイル構造が異なるため、コード編集と動作検証が必要です。
Q5: 連携後のクーポン配布はどうやって行いますか？
A: CRM PLUS on LINEの機能を使えば、LINE連携完了時に自動でメッセージを送信できます。このメッセージ内にクーポンコードを記載することで、連携のインセンティブとして活用できます。
Q6: カートページでの施策はどれを選べばよいですか？
A: まずは施策②のバナー表示から試してみることをおすすめします。より踏み込んだ訴求をしたい場合は施策③のクーポン金額表示を追加できます。おまけ施策のポップアップはカート落ちリスクがあるため、他の施策で効果が出ない場合にのみ検討し、必ずA/Bテストを行ってください。
8. まとめ
この記事では、Shopifyの「新しいお客様アカウント」環境でLINE連携を促すためのサイトデザインのアイデアをご紹介しました。
施策のまとめ
- 【基本】CRM PLUS on LINEのアプリブロックを活用： プロフィールページ、サンクスページ、注文状況ページへの連携ボタン設置が基本
- 【補助①】メニュー導線の改善： ヘッダー・フッター・アカウントメニューにプロフィールページへのリンクを追加する方法
- 【補助②】未連携者限定の条件付きバナー： 「line」タグを使った出し分けで、連携済みユーザーには表示しない
- 【補助③】カートでクーポン適用金額を表示： 具体的な割引金額を見せてポジティブな動機づけに
- 【おまけ】カートでのポップアップ（要注意）： カート落ちリスクがあるため、基本的には参考程度に
今回ご紹介した補助施策は、アプリ開発会社の公式サポート対象外となるため、導入には十分な検証が必要です。また、あまりにも多くの場所に導線を張ると、かえってページ離脱やカート落ちにつながる可能性もあります。
まずは公式アプリブロックの活用から始め、効果を見ながら必要に応じてカスタマイズを検討することをおすすめします。
アプリストア：CRM PLUS on LINE
ShopifyとLINEを連携し、ID連携やセグメント配信を実現するアプリです。
あわせて読みたい：Shopify LINE連携の「ID連携」と「友だち追加」の違い
LINE連携の基本である「ID連携」について、さらに詳しく知りたい方はこちらの記事をご覧ください。
次のステップへ：あなたのストアに合った導線設計を相談しませんか？
この記事で、タグを活用したデザイン施策のアイデアをご紹介しました。
しかし、「Liquidの編集に自信がない」「どの程度の導線が最適か分からない」「カート落ちを増やさずにLINE連携を促したい」といった、実装面での不安もあるかもしれません。
こんなお悩みはありませんか？
- 「Liquidの編集に自信がない」
- 「どこにバナーを設置すれば効果的か分からない」
- 「カート落ちを増やさずにLINE連携を促したい」
- 「新しいお客様アカウントへの移行を検討している」
ShopifyのテーマカスタマイズとLINE活用を専門とする私が、あなたのストアのデザインや顧客層に合わせて、LINE連携導線の設計についてご相談に乗ります。
- ✅ CRM PLUS on LINEのアプリブロック設置サポート
- ✅ 条件付きバナーのLiquidカスタマイズ相談
- ✅ Horizonテーマでの導線設計アドバイス
- ✅ 新しいお客様アカウントへの移行サポート
「LINE連携の導線を改善したい」「効果的な設計を相談したい」
そんな方は、無料相談会をご活用ください。
※無料相談会では、押し売りは一切ありません。
あなたのストアの現状をお聞きし、最適な施策を一緒に考えます。
0 comments