2026/05/25

ShopifyのサンクスページにLINE友だち追加ボタンを設置するできるアプリ6選を紹介！

@ 五条真一

今回の記事は Shopify App Store で提供されている、サンクスページに関連するアプリについての記事です。特に、購入完了後のサンクスページにLINEの友だち追加ボタンを設置し、リピーターを増やす施策に焦点を当てて解説します。

ECサイトを運営していると、「せっかく購入してくれたお客様と、もう一度つながりたい」と考える場面が多いはずです。そこで注目したいのが、購入直後にお客様の目に必ず触れるサンクスページです。このページにLINEの友だち追加ボタンを設置することで、再来店を促す強力な接点を作ることができます。

本記事では、サンクスページの基礎知識から、LINE友だち追加を導入する利点、アプリの選び方、おすすめアプリの紹介、そして実際にコーディングで実装する場合のサンプルコードまで、幅広く紹介していきます。

サンクスページとは

サンクスページとは、ECサイトでお客様が商品を購入し、決済を完了した直後に表示される「注文完了ページ」のことです。Shopifyでは「Thank You ページ」や「注文状況ページ（Order Status Page）」とも呼ばれ、注文番号や購入内容、配送状況などが表示されます。

このサンクスページは、お客様が購入を終えて最も安心感とポジティブな感情を抱いているタイミングで表示される、非常に重要なページです。にもかかわらず、多くのストアでは標準のまま放置され、活用されていないケースが少なくありません。

サンクスページは、購入完了の確認だけでなく、次のアクションへ誘導するためのマーケティング接点としても大きな価値を持っています。例えば、LINEの友だち追加を促したり、SNSのフォローをお願いしたり、アンケートに回答してもらったりと、さまざまな施策を展開できる場所なのです。

サンクスページにLINE友だち追加を導入する利点

サンクスページにLINEの友だち追加ボタンを設置することには、多くのメリットがあります。ここでは代表的な6つの利点を紹介します。

購入直後の高い関心度を活かせる
サンクスページは、お客様が購入を完了し、ブランドへの信頼や満足度が最も高まっているタイミングで表示されます。この瞬間に友だち追加を促すことで、自然な流れでLINE登録につなげることができます。
リピート購入を促進できる
LINEで友だちになってもらえれば、新商品の案内やセール情報、クーポンなどを直接届けられます。メールよりも開封率が高いとされるLINEは、リピート購入を生み出す強力なチャネルです。
顧客との継続的な関係を構築できる
一度きりの購入で終わらせず、LINEを通じて継続的にコミュニケーションを取ることで、ファンやリピーターを育てやすくなります。
低コストで集客チャネルを強化できる
広告費をかけて新規顧客を獲得するよりも、すでに購入してくれたお客様をLINEでつなぎとめる方が、はるかに低コストで効果的です。
お客様にとっても便利
LINEで友だちになっておけば、配送状況の確認や問い合わせ、サポートの受け取りがスムーズになります。お客様側にもメリットがある施策です。
ノーコードで簡単に導入できる
専用アプリを使えば、難しいコーディングをせずに、サンクスページへLINE友だち追加ボタンを設置できます。手軽に始められる点も大きな魅力です。

サンクスページ関連アプリの選び方

サンクスページに関連するアプリは数多く存在します。自分のストアに合ったアプリを選ぶために、以下のポイントを確認しましょう。

目的に合った機能があるか（LINE友だち追加、SNS連携、アップセル、レビュー収集など）
ノーコードで設置・カスタマイズできるか
日本語に対応しているか（管理画面・サポート）
価格設定が予算に合っているか
無料体験期間が用意されているか
サンクスページや注文状況ページに正しく表示されるか

特に、LINE友だち追加を目的とするなら、LINE公式アカウントの画像をそのまま使えて、見出しや表示位置を細かく調整できるアプリを選ぶと安心です。日本国内のお客様が中心であれば、日本語対応のアプリを選ぶことで導入後の運用もスムーズになります。

価格比較

各アプリの料金を比較すると、以下のようになります。

シンプルサンクスページLINE友だち追加：Basic Plan $1.99/月（年払い $19.99/年）、サンクスページへのLINE友だち追加ボタン設置に特化
シンプルサンクスページ編集｜お手軽チェックアウト拡張：$7.99/月（年払い $79.99/年）、サンクスページへのリンク付きバナー画像表示
Thankify: Smart Thank You Page：$14〜$99/月、ノーコードのサンクスページビルダー
Referral Program ‑ Shopjar：無料プランあり（Essential $7／Starter $12／Growth $29 月額）、紹介・友達紹介プログラム
Honeycomb Upsell & Cross Sell：無料プランあり（Silver $54.99／Gold $109.99／Platinum $169.99 月額）、購買フロー全体のアップセル
Trust.io ‑ Trustpilot Reviews：$7.99/月（年払い $79.99/年）、Trustpilotレビュー表示・収集

LINE友だち追加を目的とするなら、最も低コストで導入できる「シンプルサンクスページLINE友だち追加」が有力な選択肢です。

Shopifyアプリの日本語サポート

国内のお客様を中心に運営するストアにとって、管理画面やサポートが日本語に対応しているかどうかは重要なポイントです。今回紹介したアプリの日本語サポート状況は以下の通りです。

シンプルサンクスページLINE友だち追加：○（日本語対応）
シンプルサンクスページ編集｜お手軽チェックアウト拡張：○（日本語対応）
Thankify: Smart Thank You Page：×（日本語非対応）
Referral Program ‑ Shopjar：×（日本語非対応）
Honeycomb Upsell & Cross Sell：×（日本語非対応）
Trust.io ‑ Trustpilot Reviews：×（日本語非対応）

日本語でストレスなく運用したい場合は、日本製で日本語対応の「シンプルサンクスページLINE友だち追加」や「シンプルサンクスページ編集」が安心です。

サンクスページにLINE友だち追加を実装する場合のサンプルコード

アプリを使わず、自分でコーディングしてサンクスページにLINE友だち追加ボタンを設置することも可能です。ここでは、Shopifyの注文状況ページ（Order Status Page）にLINE友だち追加ボタンを表示する場合のサンプルコードを紹介します。

実装の流れ

Shopify管理画面の「設定」→「チェックアウト」を開く
「注文状況ページ」の「追加スクリプト」欄にHTML・CSS・JavaScriptを記述する
LINE公式アカウントの友だち追加URLを設定する
テスト注文を行い、サンクスページに正しく表示されるか確認する

なお、Liquidテンプレートを利用するテーマでは、order オブジェクトの情報を組み合わせて表示内容を出し分けることもできます。

HTML

注文状況ページの追加スクリプト欄に、以下のようなHTMLを記述します。LINE友だち追加ボタンの本体となる部分です。

<div class="line-add-friend">
  <p class="line-add-friend__heading">公式LINEで最新情報をお届けします</p>
  <a
    class="line-add-friend__button"
    href="https://lin.ee/xxxxxxx"
    target="_blank"
    rel="noopener"
  >
    <img
      src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png"
      alt="LINEで友だち追加"
      height="36"
      border="0"
    />
  </a>
</div>

Liquidを利用する場合は、注文情報を使って見出しをカスタマイズすることもできます。

<div class="line-add-friend">
  <p class="line-add-friend__heading">
    {{ checkout.customer.first_name | default: 'お客様' }}、ご注文ありがとうございます！
  </p>
  <a class="line-add-friend__button" href="https://lin.ee/xxxxxxx" target="_blank" rel="noopener">
    <img src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png" alt="LINEで友だち追加" height="36" border="0">
  </a>
</div>

CSS

ボタンを中央寄せにし、見やすく整えるためのCSSです。

.line-add-friend {
  margin: 24px 0;
  padding: 16px;
  text-align: center;
  border: 1px solid #06c755;
  border-radius: 8px;
}

.line-add-friend__heading {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.line-add-friend__button img {
  width: 200px;
  max-width: 100%;
  height: auto;
}

JavaScript

友だち追加ボタンがクリックされた際に、計測用のイベントを送信するサンプルです。クリック率を分析したい場合に役立ちます。

document.addEventListener("DOMContentLoaded", function () {
  var button = document.querySelector(".line-add-friend__button");
  if (!button) return;

  button.addEventListener("click", function () {
    // クリックイベントを計測ツールへ送信する例
    if (typeof window.gtag === "function") {
      window.gtag("event", "line_add_friend_click", {
        event_category: "thank_you_page",
        event_label: "line_friend",
      });
    }
  });
});

注意点

LINE友だち追加URL（https://lin.ee/xxxxxxx）は、ご自身のLINE公式アカウントの友だち追加URLに置き換えてください。
Shopify Plus以外のプランでは、チェックアウトページのカスタマイズに制限があり、注文状況ページの追加スクリプトを利用するのが基本となります。
追加スクリプトでの実装は、Shopifyの仕様変更によって動作しなくなる可能性があります。長期的に安定して運用するなら、専用アプリの利用がおすすめです。
コーディングに不安がある場合や、ノーコードで安全に設置したい場合は、「シンプルサンクスページLINE友だち追加」のようなアプリを使う方が確実です。

使いやすさ

今回紹介したアプリの中で、サンクスページにLINE友だち追加ボタンを設置することを目的とするなら、最もおすすめなのは「シンプルサンクスページLINE友だち追加」です。

このアプリは、LINE友だち追加に特化しているため、設定項目がシンプルで迷うことがありません。LINE友だち追加URLを入力し、8種類の画像から好みのデザインを選び、見出しや画像サイズを調整するだけで、すぐにサンクスページへ友だち追加ボタンを設置できます。

さらに、日本製で管理画面が日本語に対応しており、初期設定もガイド付きで進められるため、Shopify初心者の方でも安心して導入できます。月額 $1.99 という手頃な価格と7日間の無料体験も、まず試してみたい方にとって嬉しいポイントです。

終わりに

本記事では、ShopifyのサンクスページにLINEの友だち追加ボタンを設置する方法と、おすすめのアプリを紹介しました。

サンクスページは、お客様が購入を終えて最も満足度が高まっているタイミングで表示される、貴重なマーケティング接点です。ここにLINEの友だち追加ボタンを設置することで、リピーターの獲得や継続的な顧客関係の構築につなげることができます。

コーディングによる実装も可能ですが、安定性や手軽さを重視するなら専用アプリの活用がおすすめです。特に「シンプルサンクスページLINE友だち追加」は、低コストかつノーコードで、サンクスページへのLINE友だち追加ボタン設置を実現できる頼れるアプリです。ぜひこの機会に、サンクスページを活用したLINE集客を始めてみてください。

参考記事

@ 五条真一

Shopify

サイトTOP お問い合わせ

ShopifyのサンクスページにLINE友だち追加ボタンを設置するできるアプリ6選を紹介！

サンクスページとは

サンクスページにLINE友だち追加を導入する利点

サンクスページ関連アプリの選び方

おすすめのサンクスページ Shopify アプリ

シンプルサンクスページLINE友だち追加 ☆ 迷ったらこれ

特徴・機能

価格設定

シンプルサンクスページ編集｜お手軽チェックアウト拡張

特徴・機能

価格設定

Thankify: Smart Thank You Page

特徴・機能

価格設定

Referral Program ‑ Shopjar

特徴・機能

価格設定

Honeycomb Upsell & Cross Sell

特徴・機能

価格設定

Trust.io ‑ Trustpilot Reviews

特徴・機能

価格設定

価格比較

Shopifyアプリの日本語サポート

サンクスページにLINE友だち追加を実装する場合のサンプルコード

実装の流れ

HTML

CSS

JavaScript

注意点

使いやすさ

終わりに

参考記事

最新の記事

目次

関連タグ

Shopifyにコレクション一覧を設置できるアプリ6選を紹介！商品カテゴリー表示カルーセルでストアを魅力的に

Shopify に商品診断＆商品絞り込みを設置できるアプリ6選を紹介！コレクションフィルターで「探せる」ストアへ

Shopifyに縦型ショート動画ギャラリー・動画グリッドを設置できるアプリ6選を紹介！

ShopifyのサンクスページにLINE友だち追加ボタンを設置するできるアプリ6選を紹介！

Shopify にポイントプログラムを設置できる会員ポイントアプリ6選を紹介！

ShopifyでCSV注文作成・一括注文インポートができるアプリ6選を紹介！