サンキューページを簡単カスタマイズできるShopifyアプリ『さんクス』

サンキューページを簡単カスタマイズできるShopifyアプリ『さんクス』

Shopifyアプリ「さんクス」とは

Shopifyアプリ「さんクス」

さんクスは、Shopifyストアのサンキューページをカスタマイズできるアプリです。アプリブロックを使って、テキストや画像・動画などを表示させることができ、さらには顧客情報や購入商品を条件によって出し分けも可能です。

購入直後の顧客は、「商品の発送時期はいつ頃なのか?」や「商品を使いこなせるか?」など、さまざまな不安を抱えています。購入直後に必ず訪問するサンキューページでのコミュニケーションによってこれらの不安を解消し安心感を与えることで、ストアの信頼度を高めることが期待できます。

サンキューページをカスタマイズすることで顧客ロイヤリティを向上させ、さらに、リピート購入や口コミなどでの認知拡大につなげましょう!

さんクスの特徴

ノーコードで実装可能(Checkout Extensibility対応)

ノーコードで実装可能(Checkout Extensibility対応)

さんクスは、アプリの管理画面とストアのエディタ機能で、簡単にサンキューページをカスタマイズすることができます。ストアへの表示設定はアプリブロックを利用するため、コードの編集は不要です(※Checkout Extensibilityに対応)。

各ブロック(パーツ)を条件によって出し分けできる

さんクスの条件項目

テキストや画像といった各ブロック(パーツ)は、注文の合計金額や、カートに入っている商品の情報・決済方法といった注文時の情報や、顧客の累計購入金額、指定の顧客タグの有無などの顧客の情報によって出し分けることができます。例えば、以下を実施することが可能です。

・化粧品などの消耗品を購入した顧客に定期購入プランへの変更案内
・代引決済をした顧客に注意事項をご案内
・ポイントを保有しているユーザーのみにポイントキャンペーン情報を案内

月払い・買切プランなど、ストアにあった最適なプランを選択できる

さんクスは、ストアに合った最適なプランを選べるように、「月払い」・「年払い」・「買切プラン」の3つの料金プランを用意しています。どのプランでもすべての標準機能をご利用いただけます。さらに、買切プランでは、機能アップデートがあった際に無料で利用することも可能です。

まずはテスト的に試したい場合は月払い、定期的なコストをかけたくない場合は年払いや買切プランをご利用ください。

さんクスはこんなストアにおすすめ

さんクスは、サンキューページで顧客とパーソナライズされたコミュニケーションを図ることを促進するアプリです。購入後の不安を取り除き安心感を与えることで、顧客のロイヤリティ向上が期待でき、再購入の可能性も高まります。さらに、定期購買の案内なども記載することができるため、リピート購入率を向上させたいストアに特にオススメです。

また、家具家電の注意事項や食材などの調理方法など、補足の情報が必要な商品を扱っているストアにもオススメです。

さんクスのおすすめ機能

SNSリンク/シェアの表示

さんクスのSNSアイコンの表示

ストアの公式のアカウントページのリンクを表示したり、購入した商品情報を簡単にシェアすることのできるリンクを表示したりできます。公式アカウントページのリンクは、顧客のアカウントのフォローを促進し、コミュニケーションチャネルを増やすことができます。シェアリンクは、顧客の周辺のネットワークの新規顧客への認知拡大が期待できます。

SNSは、XやFacebook、Instagram(※)、LINE、Pinterestに対応しています。

※ Instagramは、SNSリンクのみ対応。

特定の決済方法を出し分けの条件に指定できる

注文時にどの決済方法で決済したかによって、ブロック(パーツ)を表示させるかどうかの出し分けを行うことができます。これにより、コンビニ決済や代引き決済を選んだ場合の注意点や、クレジットカードを選んだ場合の返金処理の方法などを表示させることができます。

購入後に不安に感じやすい決済の補足情報を表示させることで、安心感を与えることが期待できます。

さんクスの料金プラン

どのプランでも、すべての標準機能をご利用いただけます。

プラン名 Basic(月額) Pay annually(年額) Pay onetime(1回きり)
料金 $5 / 月 $54 / 年 $200
その他 最大14日間の無料体験* 月払いより10%OFF
最大14日間の無料体験*
無料アップデート

*無料体験期間:インストールから7日間 + プラン選択後から7日間

さんクスのセットアップ方法

今回は、「代引き決済時に注意事項を案内」をサンキューページに表示するカスタマイズを紹介します。

ステップ1:アプリインストール

Shopifyのアプリストアで「さんクス」と検索、または以下のリンクからさんクスをインストールします。

ステップ2:ブロックを作成する

ダッシュボードのカスタマイズから、「新規ブロックを作成を選択」

ダッシュボードのカスタマイズから、「新規ブロックを作成を選択」。

ブロックのタイトルと説明を追加し、ウィジェットを追加でヘッダーを設定し、ヘッダーの設定を行います。文字サイズや配置を変更できます。

ブロックのタイトルと説明を追加し、ウィジェットを追加でヘッダーを設定し、ヘッダーの設定を行います。文字サイズや配置を変更できます。

次に、ウィジェットを追加でテキストを選択し、表示したい内容を設定します。文字サイズや配置を変更できます。

次に、ウィジェットを追加でテキストを選択し、表示したい内容を設定します。文字サイズや配置を変更できます。

支払い方法の詳細など、別のURLのリンクを表示させたい場合は、ウィジェットを追加でリンクボタンを選択肢、URLとボタンのラベルを設定します。

支払い方法の詳細など、別のURLのリンクを表示させたい場合は、ウィジェットを追加でリンクボタンを選択し、URLとボタンのラベルを設定します。

ステップ3:ブロックの条件を設定する

出し分けしたい条件がある場合は、条件リストから条件を設定します。今回は、代引きを選択した顧客にのみ表示させたいため、以下の設定を実施します。  条件:特定の決済方法と一致する/一致しない 決済方法:「代金引換(Cash on Delivery(CDO))」「と一致する」

出し分けしたい条件がある場合は、条件リストから条件を設定します。今回は、代引きを選択した顧客にのみ表示させたいため、以下の設定を実施します。

条件:特定の決済方法と一致する/一致しない
決済方法:「代金引換(Cash on Delivery(CDO))」「と一致する」

保存をクリックし、ブロックの状態を公開にします。

保存をクリックし、ブロックの状態を公開にします。

ステップ4:サンキューページにアプリブロックを設置する

「ブロック一覧」よりサンキューページに反映させたいブロックの「ID」をコピーし、「サンキューページをカスタマイズする」より「チェックアウトエディタ」ボタンをクリックします。

「ブロック一覧」よりサンキューページに反映させたいブロックの「ID」をコピーし、「サンキューページをカスタマイズする」より「チェックアウトエディタ」ボタンをクリックします。

エディタの「+アプリブロックを追加」をクリックして、「さんクス」を選択します。

エディタの「+アプリブロックを追加」をクリックして、「さんクス」を選択します。

さんクスのブロック一覧からコピーしたIDを貼り付けて、保存してください。 ※ IDを貼り付けて、設定した条件に一致すると反映されて確認ができます

さんクスのブロック一覧からコピーしたIDを貼り付けて、保存してください。
※ IDを貼り付けて、設定した条件に一致すると反映されて確認ができます

アプリ開発のストーリー・裏側 

アプリを開発したきっかけは?

ECストアの成長には、既存顧客のリピート率向上が不可欠です。リピート率の向上には、商品の満足度を高めることはもちろんですが、顧客に対してさまざまなアプローチをすることで次回購入時にストアを一番に想起させたり、ストアのファンになってもらうことが重要だと考えます。

購入直後は顧客はさまざまな不安を感じやすいタイミングであるため、この時点で不安を解消することはストアへの信頼感を高めることは重要です。その絶好のタイミングはサンキューページだと考え、サンキューページをカスタマイズできるアプリ「さんクス」を開発しました。

サンキューページのカスタマイズは今までサンクスページカスタマイズ&チェックアウト拡張アプリの「あとプラ」を提供していましたが、2025年8月までにCheckout Extensibilityへの対応が必須であることを踏まえ、機能のアップデート、サポートの強化を重視して開発を進めました。

アプリ開発で最も力を入れていること

初めてアプリを利用する方でも直感的に操作できることを重視した管理画面の設計に注力しております。
また、弊社が推奨するカスタマイズを数ステップで実装できるように、簡単テンプレート機能の提供も実施予定です(2025年1月現在)。
機能に関しましては、定期的にユーザー様のニーズを確認し、細かい機能の改修も実施しています。

アプリの今後の展開や挑戦したいこと

外部アプリとの連携を検討しています。連携することで、例えば、弊社が提供するポイントアプリの「どこポイ」と連携して獲得予定ポイントを表示させたり、会員ランクアプリ「らんキィ」と連携してランク情報を表示させたりが可能になります。適切な情報を適切な顧客に提供することで、さらに顧客満足度の向上に繋がるアプリを目指します。

その他、よくある質問

問い合わせや導入サポートはありますか?

はい。カスタマーサポートが導入から日々の運用についてサポートしています。
サンキューページのカスタマイズをご検討されている場合も、ぜひお気軽にご相談ください。

途中でプランの変更はできますか?

はい。可能です。
Basic(月額)/Pay annually(年額)/Pay onetime(1回きり購入)の3プランがあります。
どのプランでも、すべての標準機能をご利用いただけます。

最後に 

「さんクス」を提供する株式会社リワイアでは、他にもポイントアプリの「どこポイ」や、カスタムアプリの開発など、顧客ロイヤリティに関わる分野を中心に、幅広くShopifyストアさまの支援を行っております。ロイヤリティ施策の相談はもちろん、お困り事がございましたらいつでもご相談ください。

ブログに戻る
1 6
  • Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

  • Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

  • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

  • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

  • Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説

    Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

    Shopify Admin API GraphiQLとは? 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう! https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう! Shopifyが作成した「Learn...

  • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPRや対応例など

    Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

    Shopifyの必須Webhooks (Mandatory Webhooks)とは? GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか?レビューで詰まらないためにも、ぜひご確認ください! Webhooksとは? Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは? 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは? GDPR(General Data Protection Regulation:一般データ保護規則)は、ヨーロッパ連合(EU)の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利(データ削除の権利)、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

1 6

編集プロセス

EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

掲載情報に関して

掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。