Shopifyのクーポンコード入力欄はどこ?カートページへの設置方法も解説

Shopifyのクーポンコード入力欄はどこ?カートページへの設置方法も解説

Shopifyストアの販売促進において、割引クーポンの発行はとても効果的です。しかし、クーポン活用を検討する中で以下のような悩みを抱えている方もいるのではないでしょうか。

「クーポンコードの入力欄が見つからない」

「カートページにクーポンコードを表示させたいのにやり方がわからない」

このような悩みを解決するために、本記事ではShopifyのクーポンコード入力欄の表示場所や、表示されない場合の原因と対処法、カートページに入力欄を表示させる3つの方法について、わかりやすく解説します。

クーポン活用による購買率向上を目指す方は、ぜひ最後までご覧ください。

Shopifyのクーポンコード入力欄はチェックアウトページにある

Shopifyストアには割引クーポンの発行機能がデフォルトで備わっています。ユーザーは取得した割引コードを「チェックアウトページ」のクーポンコード入力欄に入力することで、割引が適用されます。

チェックアウトページとは、連絡先や届け先住所、支払い方法などをユーザーが入力する画面です。

実際の画面で確認してみましょう。画面右上の小計の上にクーポンコード入力欄が表示されます。

画面右上の小計の上にクーポンコード入力欄が表示されます。

ユーザーはこのクーポンコード入力欄にクーポンコードを入力後、「適用」をクリックすることで、割引が適用されます。

ユーザーはこのクーポンコード入力欄にクーポンコードを入力後、「適用」をクリックすることで、割引が適用されます。

クーポンコードの発行方法については、以下の記事も参考にしてください。

このチェックアウトページのクーポンコード入力欄は、Shopifyの全てのプランに含まれており、特別な設定をしなくても利用できます。ただし、チェックアウトページ自体のデザインや項目の編集はShopify Plusプランでのみ可能なため、Shopify Plus以外のプランでは位置や表示文言の変更はできません。

チェックアウトページにクーポンコード入力欄が表示されない場合の原因と対処法

チェックアウトページでクーポンコードの入力欄が表示されない場合、原因がいくつか考えられます。

クーポンコード入力欄が表示されない

原因1. ストアで有効なクーポンコードを発行していない

対処法:有効なクーポンコードを発行する

ストアで有効なクーポンを発行していない場合には、クーポンコードの入力欄は表示されません。有効なクーポンコードを発行して、再度確認してみましょう。

クーポンコードの発行方法は以下の記事を参考にしてください。

原因2. 下書き注文の請求書またはリンクからチェックアウトが行われる場合において、クーポンコードの入力を許可していない

対処法:下書き注文作成時にクーポンコードの入力を許可する

下書き注文の請求書を送信する際に、「クーポンコード」のスイッチをオンにしてから、「請求書を確認」をクリックしましょう。

下書き注文の請求書を送信する際に、「クーポンコード」のスイッチをオンにしてから、「請求書を確認」をクリック

画像出典:Shopify管理画面

原因3. 顧客がチェックアウト時にShop Payを使用している場合において、Shop Payにログインしていない

対処法:Shop Payにログインをしてもらう

ログインのアナウンスをする場合、Shopify Plusプラン以外ではチェックアウトページをカスタマイズできないため、チェックアウトページ以前のページでアナウンスしましょう。

原因4. 商品価格設定に影響を与えたり、チェックアウトの動作を変更したりする外部アプリがストアにインストールされている場合、そのアプリの影響でクーポンコード入力欄が表示されない

対処法:アプリの提供元に問い合わせる

多くのShopifyアプリは、Shopify管理画面より、提供元に連絡が取れます。「設定」 > 「アプリと販売チャネル」から該当のアプリを選択し、対処法について問い合わせてみましょう。

Shopifyのカートページにクーポンコード入力欄を表示する3つの方法

クーポンコード入力欄は、デフォルトではカートページに表示されません。しかし、ユーザーの中には購入前のタイミングでクーポンコードを入力し、「いくらになるか正確に把握しておきたい」というニーズを抱える方もいます。そこでカートページにクーポンコードの入力欄を表示して、顧客のショッピング体験を向上させることも可能です。

この章では、カートページにクーポンコード入力欄を表示する方法を3つ紹介します。

方法1. 表示機能を実装しているテーマを使用

クーポンコード入力欄を表示する機能がデフォルトで実装されているテーマを使用する方法です。例えば、2025年5月にリリースされた公式無料テーマの「Horizon」や「Vessel」などは、この機能が始めから備わっています。

テーマ編集画面にて「テーマ設定」 > 「カート」にある「カートでのディスカウントを許可する」のスイッチをオンにすれば、カートページにクーポンコード入力欄が表示されます。

テーマ編集画面にて「テーマ設定」 > 「カート」にある「カートでのディスカウントを許可する」のスイッチをオンにすれば、カートページにクーポンコード入力欄が表示されます。

画像出典:Shopify管理画面

なお、テーマのカートページに”クーポンコード入力欄を表示する機能”があるかどうかは、選んだテーマによって異なります。また、テーマにこの機能があった場合にも、設定箇所が異なる場合があります。それぞれのテーマをよく確認してみてください。

方法2. コードを編集して実装

使用しているテーマに“カートページにクーポン入力欄を表示する機能”がない場合、テーマのコードを編集することで対応可能です。

ただしこの方法はプログラミングのスキル(HTML・CSS・JavaScript・Liquidなど)が必要です。誤った記述をするとカートページが機能しなくなる恐れがあります。

自信のない方はプロに委託をするか、Shopifyアプリを活用する方法がオススメです。

方法3. Shopifyアプリで実装

Shopifyアプリを使って、カートページにクーポンコード入力欄を表示させることが可能です。たとえばShopifyのカートカスタマイズアプリ「UpCart」では、この機能を簡単に実装できます。

UpCart|Shopifyアプリストア

画像出典:UpCart|Shopifyアプリストア

このアプリは月額29.99ドルから利用可能です。「UpCart」については以下の記事で紹介しているので、参考にしてください。

ただし、UpCartをはじめ、日本語には対応していないアプリが多いため、英語に不慣れな方は注意が必要です。 ※本記載は2025年7月時点の情報を元にしています

割引施策を実施するなら「RuffRuff購入特典」がおすすめ

クーポンコードによる割引施策を実施する際、いくつか課題があります。

例えば、さまざまな対象顧客ごとにクーポンコードを発行すると、管理が煩雑になってしまいます。また、クーポンコードを所有していない顧客の中には「損している気がする」と感じ、購入をためらう方もいるでしょう。なかには、クーポンコードをSNSなどで不特定多数に向けて配布されてしまうことも。

そこでおすすめなのが、「RuffRuff購入特典」です。

このアプリは、「数量割引」「小計金額による割引」「VIP会員限定割引」「期間限定セール」などあらゆる割引施策を実施できます。これらの施策はクーポンコードの発行不要で実施できるため、クーポンコードの管理の手間が大幅に削減できるでしょう。また、ユーザーが割引対象になった場合に、自動適用されるため、顧客はクーポンコードを入力する手間が減り、快適なショッピング体験を得られます。

このアプリは月額9ドルで利用でき、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 で顧客総数を取得する

    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の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までご連絡をいただけますようお願いいたします。