Shopify で2点目以降の購入を自動割引できるアプリを徹底解説｜ご利用ガイド

株式会社UnReact

2026/05/27

はじめに

Shopify は、誰でも簡単にオンラインストアを開設・運営できる EC プラットフォームです。Shopify アプリを導入することで、ストアにさまざまな機能を追加できます。

「シンプル2点目購入割引｜2点目以降自動セール設定」は、同じ商品を2点以上購入すると自動的に割引が適用されるアプリです。管理画面から割引設定を作成し、商品やコレクション単位で適用できます。商品ページには割引バッジが表示され、お客様に「2点目はお得」と一目で伝わります。割引はチェックアウト時に自動適用されるため、クーポンコードの入力は不要。コーディングなしでテーマに追加でき、21言語に対応しています。

料金

Basic Plan: $9.99/月または $99.99/年で17%お得
インストールから7日間、無料でアプリをお試しいただけます

アプリストア

シンプル2点目購入割引｜2点目以降自動セール設定

シンプル2点目購入割引アプリのメイン画像

「シンプル2点目購入割引」でできること

「シンプル2点目購入割引」は、まとめ買いを促進するための割引機能をストアに追加するアプリです。割引率・定額のどちらにも対応しており、管理画面から簡単に設定できます。商品ページに割引バッジを表示することでお客様にお得な情報を伝え、同じ割引グループの商品をカルーセルで表示して関連商品の回遊を促します。

シンプル2点目購入割引アプリのメイン画像

特徴

割引率・定額の両方に対応した2点目割引を設定できます。
商品ページに割引バッジを自動表示します。
割引対象の商品をカルーセルで一覧表示します。
チェックアウト時に割引が自動適用、クーポン入力不要です。
商品単位・コレクション単位で一括設定できます。

2点目割引設定の作成が簡単にできる！

管理画面から割引率や定額を選び、対象の商品やコレクションを指定するだけで、すぐに2点目割引を設定できます。

2点目割引設定の作成画面

商品ページで割引バッジをお客様に通知できる！

商品ページに割引バッジを表示して、お客様に「この商品は2点目がお得！」と一目で伝えることができます。バッジのテキストや色、サイズは自由にカスタマイズできます。

商品ページに表示された割引バッジ

割引対象の商品をカルーセルで一覧表示できる！

同じ割引グループに含まれる商品をカルーセル形式で一覧表示します。お客様が関連する割引対象商品を見つけやすくなり、まとめ買いを後押しします。

割引対象商品のカルーセル表示

割引設定を一覧で確認・編集・削除できる！

作成した割引設定は一覧で確認でき、いつでも編集や削除が可能です。複数の割引設定を管理しやすく、キャンペーンの切り替えもスムーズに行えます。

割引設定の一覧画面

アプリのインストール

アプリストア

シンプル2点目購入割引｜2点目以降自動セール設定

料金

Basic Plan: $9.99/月または $99.99/年で17%お得
インストールから7日間、無料でアプリをお試しいただけます

インストール手順

1. Shopify 管理画面の左下にある「設定」をクリックします。

2. 「アプリと販売チャネル」をクリックし、「Shopify App Store」へ移動します。

3. 検索窓に「シンプル2点目購入割引」と入力し、表示されたアプリをクリックします。

4. アプリ詳細画面で「インストール」をクリックします。

5. 権限の確認画面が表示されるので、内容を確認し「インストール」をクリックして完了です。

割引設定の作成

インストールが完了したら、まず割引設定を作成しましょう。割引設定では、割引の内容と対象商品を指定します。

1. アプリの管理画面を開き、「割引設定を追加」ボタンをクリックします。

2. 割引設定の各項目を入力します。

項目	説明
設定名	管理画面で識別するための名前です（例: 「夏セール割引」）。必須項目です。
割引ラベル	チェックアウト画面でお客様に表示されるメッセージです（例: 「2点目50%OFF」）。
割引タイプ	「割引率（%）」または「定額」から選択します。
割引値	割引率の場合はパーセンテージ（例: 50）、定額の場合はストア通貨での金額（例: 300）を入力します。
適用条件	何点目から割引を適用するかを指定します（例: 2点目）。「のみ」を選ぶとその点数目だけ、「以降」を選ぶとそれ以降すべてに適用されます。
割引適用対象	「最も高い商品」または「最も安い商品」のどちらに割引を適用するかを選択します。

3. 対象商品を選択します。

商品の選択方法は2つあります。

個別商品の選択

「商品を追加」ボタンをクリックすると、商品選択画面が表示されます。割引を適用したい商品を選択してください。すでに他の割引設定に紐づいている商品は選択できません。

コレクションからの一括追加

「コレクションから追加」ボタンをクリックすると、コレクション選択画面が表示されます。コレクションを選択すると、そのコレクションに含まれるすべての商品に割引が適用されます。個別商品とコレクションは併用できます。

注意: コレクションに後から追加された商品は、商品カルーセルには自動で表示されますが、割引バッジの表示には割引設定の再保存が必要です。

4. 「保存」ボタンをクリックして設定を保存します。

保存すると、対象商品にメタフィールドが自動的に設定され、テーマ上で割引バッジが表示されるようになります。

割引設定の一覧・管理

アプリの管理画面（ダッシュボード）では、作成した割引設定を一覧で確認できます。

ダッシュボード

一覧には各割引設定の以下の情報が表示されます。

設定名: 割引設定の名前
ラベル: チェックアウト画面に表示されるメッセージ
割引タイプ/値: 割引率または定額とその値（ストア通貨で表示）
商品数: 紐づいている商品の数

割引設定の編集

一覧で割引設定の行をクリックすると、編集画面が開きます。割引内容の変更や、対象商品の追加・削除が可能です。変更後は「保存」ボタンをクリックしてください。

割引設定の削除

一覧の各行にある削除ボタンをクリックすると、確認ダイアログが表示されます。確認後に割引設定が削除されます。削除すると、紐づいていた商品のメタフィールドも解除されます。

チェックアウト時の自動割引

割引設定を作成すると、チェックアウト時に自動的に割引が適用されます。お客様がクーポンコードを入力する必要はありません。

同じ割引設定の商品を複数カートに入れると、設定した条件に従って自動的に割引が計算されます
割引率・定額のどちらにも対応しています
「最も高い商品」または「最も安い商品」のどちらを割引対象にするか、設定に従って適用されます

アプリブロックをテーマに追加

自動でテーマに追加（1クリック追加）

アプリの管理画面から、ワンクリックでテーマにブロックを追加できます。

1. アプリの管理画面を開きます。

2. 「テーマを選択」で追加したいテーマを選び、「テーマに追加」をクリックします。

3. テーマエディタが開いたら、表示位置や設定を確認して「保存する」をクリックします。

手動でテーマに追加（任意ページに設置したい場合）

任意のページにブロックを追加したい場合は、手動でテーマエディタから設定できます。

1. Shopify 管理画面で「オンラインストア」→「テーマ」→「カスタマイズ」を開きます。

2. テーマエディタ上部のプルダウンから、追加したいページに移動します。

3. 「セクションを追加」または「ブロックを追加」をクリックします。

4. 「アプリ」タブからアプリブロックを選んで追加します。

5. 表示を確認し、問題なければ「保存する」をクリックします。

割引バッジブロックのカスタマイズ

「割引バッジ」ブロックは、商品ページに割引情報をバッジとして表示するブロックです。お客様に「2点目はお得！」と視覚的に伝えることができます。

コンテンツ設定

設定名	説明
商品	バッジを表示する商品を指定します。商品ページ内で使用する場合は、自動的にその商品が選択されます。任意のページに設置する場合は、ここで対象の商品を選択してください。
バッジテキスト	バッジに表示するテキストのテンプレートです。以下の変数が使用できます。`[count]` = 適用条件（例: 2点目）、`[discount_number]` = 割引の数値、`[discount_unit]` = 割引の単位（%OFF など）、`[discount_value]` = 数値+単位。例えば「`[count] [discount_value]`」と設定すると「2点目 10%OFF」のように表示されます。
割引率の単位テキスト	割引率の場合に表示する単位テキストです。デフォルトは「%OFF」です。
定額割引の単位テキスト	定額割引の場合に表示する単位テキストです。デフォルトは「OFF」です。

スタイル設定

設定名	説明
文字サイズ	バッジのベースとなる文字サイズです（10〜24px）。
数値の文字サイズ	割引の数値部分の文字サイズです（10〜40px）。数値を大きく目立たせたい場合に便利です。
単位の文字サイズ	単位部分（%OFF など）の文字サイズです（10〜24px）。
文字の色	バッジのテキストの色です。
背景色	バッジの背景色です。ストアのデザインに合わせて調整してください。
テキスト配置	バッジの表示位置を「左揃え」「中央揃え」「右揃え」から選択できます。

余白設定

設定名	説明
上部余白	バッジの上側の余白です（0〜40px）。前後の要素との間隔を調整したい場合に使います。
下部余白	バッジの下側の余白です（0〜40px）。

カスタム CSS

「追加の CSS」欄に CSS を入力することで、バッジの見た目をさらに細かくカスタマイズできます。CSS の知識がある方向けの設定です。

割引対象の商品一覧ブロックのカスタマイズ

「割引対象の商品一覧」ブロックは、同じ割引グループに含まれる商品をカルーセルまたはページネーション形式で一覧表示するブロックです。商品ページに設置することで、お客様に関連する割引対象商品を提案し、まとめ買いを促進します。

レイアウト

設定名	説明
見出しテキスト	商品一覧の上に表示する見出しです。例えば「この商品と一緒に買うとお得！」のようなテキストを設定すると効果的です。
表示モード	「スクロール」または「ページネーション」から選択できます。商品数が多い場合はページネーションがおすすめです。
列数（スクロール）	スクロール表示の場合の1行あたりの列数です（1〜8列）。
スマホ時の列数（スクロール）	スマートフォンでのスクロール表示時の列数です（1〜4列）。
列数（ページネーション）	ページネーション表示の場合の1行あたりの列数です（1〜8列）。
行数（ページネーション）	ページネーション表示の場合の行数です（1〜4行）。
スマホ時の列数（ページネーション）	スマートフォンでのページネーション表示時の列数です（1〜4列）。
価格を表示	商品カードに価格を表示するかどうかを切り替えます。
カートに追加ボタンを表示	商品カードに「カートに追加」ボタンを表示するかどうかを切り替えます。まとめ買いを促進するにはオンがおすすめです。
カートに追加ボタンのテキスト	ボタンに表示するテキストを変更できます。デフォルトは「カートに追加」です。

スタイル

設定名	説明
見出しの色	見出しテキストの色です。
見出しの文字サイズ	見出しテキストの文字サイズです（12〜28px）。
カードの背景	商品カードの背景色です。
カードの角丸	商品カードの角の丸みです（0〜20px）。0にすると角張ったデザインになります。
カードの枠線の太さ	商品カードの枠線の太さです（0〜3px）。0にすると枠線なしになります。
カードの枠線の色	商品カードの枠線の色です。
画像の表示方法	「カバー（トリミングして埋める）」または「コンテイン（全体を表示）」から選択できます。商品画像のサイズが統一されていない場合は「コンテイン」がおすすめです。
画像の比率	商品画像の縦横比を選択できます。「画像に合わせる」を選ぶと、元の画像比率がそのまま適用されます。統一感を出したい場合は固定比率（1:1、3:4 など）がおすすめです。
画像の角丸	商品画像の角の丸みです（0〜20px）。
画像の背景色	画像の背景色です。「コンテイン」表示で画像の余白部分に色を付けたい場合に便利です。
画像枠の内側余白	画像の内側の余白です（0〜24px）。画像の周囲にスペースを設けたい場合に使います。
商品名の色	商品名のテキストの色です。
商品名の文字サイズ	商品名のテキストの文字サイズです（10〜20px）。
価格の色	価格テキストの色です。
価格の文字サイズ	価格テキストの文字サイズです（10〜20px）。
ボタンの背景	「カートに追加」ボタンの背景色です。
ボタンの文字色	「カートに追加」ボタンの文字色です。
ボタンの文字サイズ	「カートに追加」ボタンの文字サイズです（10〜18px）。
ナビボタンの背景	ページネーションのナビゲーションボタンの背景色です。
ナビボタンの枠線	ナビゲーションボタンの枠線の色です。
ナビボタンの矢印	ナビゲーションボタンの矢印の色です。
インジケーターの色	ページネーションのインジケーター（ページ番号）の色です。
ナビボタンのサイズ	ナビゲーションボタンのサイズです（28〜48px）。
インジケーターの文字サイズ	ページ番号の文字サイズです（12〜22px）。

間隔

設定名	説明
上部余白	ブロック全体の上側の余白です（0〜60px）。
下部余白	ブロック全体の下側の余白です（0〜60px）。
商品一覧の上	見出しと商品一覧の間の余白です（0〜40px）。
カード間（横）	商品カード同士の横方向の間隔です（0〜32px）。
カード間（縦）	商品カード同士の縦方向の間隔です（0〜32px）。ページネーション表示で複数行の場合に適用されます。
カードの内側余白	商品カードの内側の余白です（0〜24px）。
コンテンツの内側余白	カード内のテキストエリアの内側余白です（0〜24px）。
商品名の上	商品画像と商品名の間の余白です（0〜24px）。
価格の上	商品名と価格の間の余白です（0〜24px）。
ボタンの上	価格と「カートに追加」ボタンの間の余白です（0〜24px）。
ボタン内余白（横）	ボタン内のテキスト左右の余白です（0〜24px）。
ボタン内余白（縦）	ボタン内のテキスト上下の余白です（0〜16px）。
ナビゲーションの上	商品一覧とナビゲーションボタンの間の余白です（0〜32px）。

カスタム CSS

「追加の CSS」欄に CSS を入力することで、商品一覧の見た目をさらに細かくカスタマイズできます。CSS の知識がある方向けの設定です。

割引対象の商品一覧セクションのカスタマイズ

「割引対象の商品一覧」は、ブロックとしてだけでなくセクションとしても利用できます。セクション版はトップページやランディングページなど、商品ページ以外の任意のページに割引対象商品の一覧を表示したい場合に便利です。

テーマエディタで「セクションを追加」→「アプリ」タブから「割引対象の商品一覧」を選択して追加してください。

コンテンツ設定

設定名	説明
見出しテキスト	セクションの上に表示する見出しです。
割引設定の番号	表示する割引設定の番号を指定します。0 が最初の設定、1 が2番目の設定に対応します。複数の割引設定を作成している場合に、どの設定の商品を表示するかを選べます。
1ページあたりの表示件数	1ページに表示する商品の件数です。
価格を表示	商品カードに価格を表示するかどうかを切り替えます。
カートに追加ボタンを表示	商品カードに「カートに追加」ボタンを表示するかどうかを切り替えます。
カートに追加ボタンのテキスト	ボタンに表示するテキストを変更できます。デフォルトは「カートに追加」です。

余白設定

設定名	説明
上部余白	セクション全体の上側の余白です。
下部余白	セクション全体の下側の余白です。
左右余白	セクション全体の左右の余白です。