Shopify にセット販売を導入できるアプリについて徹底解説

この記事では、先日株式会社リテリアがリリースした「セット売り|リテリア セット販売」というアプリについて機能や使い方をご紹介していこうと思います。
今回この記事を作成するにあたって参考にした記事を以下に示します。

以下に添付した URL より、「リテリア セット販売」アプリのインストールページに移動できます。

セット売り|リテリア セット販売

それでは早速行ってみましょう。

セット販売とはなんなのか

セット販売とは、ある商品と他のある商品をセットで販売する機能のことです。
セットで販売することで、注文の単価の向上が期待できます。
また、セット割引を提供することでセット販売の効果をより高めることが可能です。
セット割引とは、ある商品とセット販売されている商品を同時に購入するとセット販売商品に対して割引が適用される仕組みのことです。
この機能を利用することにより、顧客のお得感を刺激して注文単価を向上することできます。

上記で説明した機能を簡単に Shopify ストアに導入できるのが、「リテリア セット販売」というアプリになります。

「リテリア セット販売」の使い方

アプリのインストール方法

まず、ストアの管理画面左側に表示されているメニューより『アプリ管理』をクリックして、右上の『ストアをカスタマイズ』にクリックします
スクリーンショット 2022-07-07 11.56.58.png

アプリストア内検索にて「セット売り|リテリア セット販売」と検索してください。
そうすると、一番上に「セット売り|リテリア セット販売」が表示されますのでクリックしてください。
スクリーンショット 2022-07-07 11.59.01.png

以下の画面が表示されたら、『アプリを追加する』をクリックしてください。
スクリーンショット 2022-07-07 12.00.06.png

以上でインストールが完了しました。

アプリインストール後、以下に示す管理画面のダッシュボードページが開きます。
image.png

「テーマに反映」という項目にて、アプリの有効化の設定を行なっていきます。
はじめに、「アプリをインストールするテーマを選択」のセレクターからアプリを有効化したいテーマを選択してください。
以下の例では、デフォルトの Dawn というテーマを選択しています。
image.png

テーマを選択したら、続いて「有効化」ボタンをクリックしてください。
image.png

しばらくすると、画面下部より「アプリを有効化しました」と表示されます。
以上でアプリの有効化は完了です。
image.png

アプリを有効化したテーマを開いて、商品詳細ページに移動してください。
移動すると、以下の通りアプリによってセクションが挿入されていることを確認できると思います。
こちらのセクションの設定を行うことで、見た目をカスタマイズすることが可能です。
image.png

セット販売設定

セット販売作成ページを開いてください。
以下の画面にて、セット販売の設定を行なっていきます。
image.png

まず、タイトルを入力してください。
image.png

こちらで入力いただいた文言は、ストアフロントでは以下の部分に対応しております。
image.png

続いて、「親商品選択」ボタンをクリックしてください。
こちらでは、セット販売のメイン商品を選択します。
image.png

以下のようなモーダルが開きますので、商品を選択してください。
image.png

続いて、「セット販売商品選択」ボタンをクリックしてください。
こちらでは、セット販売にてメイン商品に紐づけて販売したい商品を複数選択することが可能です。
image.png

商品を選択すると以下の通り、割引設定が開きます。
各設定項目についての説明は以下の通りです。
必要に応じて、設定してください。

  • 数量
    • 割引適用するのに必要な購入個数
  • 割引種別
    • 『割引率』もしくは『割引料』を選択してください。
    • 割引率の場合、パーセント割引が可能
    • 割引料の場合、定額割引が可能
  • 割引量
    • パーセント割引の具体的な数値の設定
    • 定額割引の具体的な価格の設定

image.png

今回の例では、タイトルの通り全ての商品に 10%のパーセント割引を設定しました。
image.png

以上の設定が完了したら、左下の『保存』ボタンをクリックしてください。
image.png

以上でセット販売の設定は完了です。

セット販売設定の確認

セット販売一覧ページを開いてください。
以下の画像に示した画面にて、設定したセット販売の詳細を確認・編集が可能です。
image.png

設定詳細の確認

セット販売設定の詳細を確認する場合には、『詳細』ボタンをクリックしてください。
image.png

こちらのボタンをクリックすると、セット販売の設定詳細が表示されます。
確認できる内容は、タイトルと親商品、バンドル商品(商品名、割引設定)になります。
確認が済んだら、右上の × ボタンをクリックしてください。
image.png

設定更新

セット販売の設定を更新したい場合には、『設定編集』ボタンをクリックしてください。
image.png

上記のボタンをクリックすると、「セット販売作成ページ」に移動します。
こちらの画面にて、設定項目を設定して左下の『更新』ボタンをクリックすることで設定を上書きすることが可能です。
image.png

設定削除

セット販売の設定が不要な場合は、削除することができます。
設定を削除する場合には、『削除』ボタンをクリックしてください。
image.png

ボタンクリック後、以下の画像に示した削除確認モーダルが開きますので、内容を確認して『削除実行』ボタンをクリックしてください。
しばらくすると、設定が削除されます。
image.png

お問い合わせ

アプリの導入・利用に関する疑問や要望があれば、弊社(株式会社リテリア)にお問い合わせください。
お問い合わせ方法は以下の手順で行いましょう。

  1. アプリ管理画面の『お問い合わせ』をクリック
  2. 株式会社リテリアのサポートページに移動
  3. お問い合わせ内容を記述して、送信

弊社のエンジニアが、365 日いつでも迅速に対応いたしますのでお気軽にお問い合わせください。

:::note warn
お問合せいただく場合には、ご使用いただいている Shopify テーマを入力いただけますと非常に助かります。
よろしくお願いいたします。
:::

日本語/英語の切り替え

管理画面は、日本語と英語の切り替えが可能です。
切り替え方法は、アプリ画面左側に表示されている『日本語/English』というボタンをクリックするだけになります。
デフォルトでは、日本語が設定されています。
image.png

ストアフロントをカスタマイズ

ストアフロント側のデフォルトの見た目は以下の通りです。
image.png

ストアフロント側の見た目の設定を行なっていきましょう。
設定画面を開くために、アプリによって挿入されたセクションをクリックしてください。
image.png

すると、以下の通り設定画面が開きます。
image.png

カラム数

image.png
デスクトップ時とモバイル時のカラム数を指定することが可能です。
カラム数に2を指定した場合と3を指定した場合の見た目の例を以下に示します。

● カラム数:2
image.png

● カラム数:3
image.png

カラム間の間隔

image.png

カラム間の間隔を調整することが可能です。

タイトルのフォント設定

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言のフォントサイズを変更することが可能です。
image.png

バンドル商品(セット販売商品)の設定

タイトルフォントサイズ

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言のフォントサイズを変更することが可能です。
image.png

数量・金額フォントサイズ

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言のフォントサイズを変更することが可能です。
image.png

割引タグ設定

テキスト

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言を変更することが可能です。
image.png

フォントサイズ

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言のフォントサイズを変更することが可能です。
image.png

ボタン

テキスト

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている文言を変更することが可能です。
image.png

フォントサイズ

image.png

この項目を設定すると、以下の画像にて赤枠で囲っている文言のフォントサイズを変更することが可能です。
image.png

ボタン上マージン

image.png
この項目を設定すると、以下の画像にて赤枠で囲っている部分の余白を変更することが可能です。
image.png

テキストの配色

プライマリー

image.png
テキストのプライマリカラーを設定できます。

セカンダリー

image.png
テキストのセカンダリーカラーを設定できます。
設定したカラーは、数量と割引前の価格のテキストに適用されます。

ボタン・割引タグ

テキスト

image.png
ボタンと割引タグのテキストの配色が設定可能です。

背景

image.png
ボタンと割引タグの背景色を設定できます。

ブロックの余白

image.png
セクション上下の余白を設定することが可能です。

終わりに

以上で、Shopify ストアにセット販売機能を導入できる「リテリア セット販売」アプリの使い方の解説は終了です。

アプリリストの URL を以下に掲載しておきますので、興味のある方は一度インストールしてみてください。

セット売り|リテリア セット販売

以下、今回の記事を作成するにあたって参考にした記事です。

最後までお付き合いいただき誠にありがとうございました。

おすすめ記事