日本語に完全対応したセット販売アプリ「セット売り|リテリア セット販売」について徹底解説

株式会社リテリアのアイコン
株式会社リテリア

はじめに

今回の記事は、Shopify アプリである「セット売り|リテリア セット販売」の解説記事になります。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「セット売り|リテリア セット販売」は、Shopify のストアにセット販売機能を導入することができるアプリです。
リテリア セット販売は日本語に完全対応しているかつ、管理画面が非常に使いやすいため、英語が苦手なマーチャントの方やShopifyストアの設定に不慣れなマーチャントの方にも安心してご利用いただけます。

興味のある方は、以下の URL よりアプリのインストールを行なってください。

https://apps.shopify.com/shopify-application-345?locale=ja&from=hp-guide

それでは、アプリをインストールすることでできること・インストール方法・使い方の解説を行なっていきます。

「セット売り|リテリア セット販売」にできること

Shopify アプリである、『セット売り|リテリア セット販売』は、Shopify ストアにノーコードでセット販売機能をストアに提供するアプリです。
セット販売とは、ある商品と他のある商品をセットで販売する機能になります。
セット購入時に割引を適用するセット割引機能も併せて使用することでストアの注文単価の向上が期待できます!

アプリの有効化

アプリインストール後、以下に示す管理画面のダッシュボードページが開きます。
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
セクション上下の余白を設定することが可能です。

終わりに

今回は、「セット売り|リテリア セット販売」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

ここまでお付き合い頂き、誠にありがとうございました。

https://apps.shopify.com/shopify-application-345?locale=ja&from=hp-guide

recommendおすすめ記事

らくらくお気に入りリスト | リテリア wishlistのアイコン
アプリ解説

Shopifyでお気に入り機能を実装するアプリ『リテリア wishlist』を解説

らくらく見出し挿入アプリ|リテリア Titleのアイコン
アプリ解説

Shopifyで高スタマイズタイトルを簡単に導入できるアプリ「リテリア Title」について解説

スマホナビゲーション|リテリア Navigationのアイコン
アプリ解説

Shopify ECサイトをスマホで利用しているユーザーのためのアプリ「スマホナビゲーション|リテリア Navigation」解説

よくある質問どこでも挿入|リテリア FAQのアイコン
アプリ解説

ShopifyストアにFAQ(よくある質問)を挿入できるアプリ『リテリア FAQ』の使い方を徹底解説

どこでもYouTube動画埋め込み|リテリア Videoのアイコン
アプリ解説

ShopifyストアにYouTube動画を埋め込む方法を徹底解説!

らくらくバナー設置アプリ|リテリア Bannerのアイコン
アプリ解説

Shopifyでリンク付き画像を簡単に設置できる「リテリア Banner」に付いて解説

追従購入ボタンらくらく挿入|リテリア Buy Buttonのアイコン
アプリ解説

商品ページに追従ボタンを簡単に導入できるShopifyアプリ | リテリア Buy Button について解説

送料無料キャンペーン|リテリア 告知のアイコン
アプリ解説

【公式解説】簡単に送料無料バーを設定できる Shopify アプリ「リテリア 告知」について解説!

スライドショー挿入アプリ|リテリア スライドショーのアイコン
アプリ解説

高カスタマイズ画像スライドショーを挿入できるShopifyアプリ「リテリア スライドショー」の使い方を徹底解説

クーポンコード 1クリックでコピー|リテリア Couponのアイコン
アプリ解説

画像をクリックするだけでクーポンコードをコピーできるShopifyアプリ「リテリア Coupon」の解説

離脱防止ポップアップバナー挿入アプリ|リテリア Popupのアイコン
アプリ解説

Shopifyで離脱防止ポップアップを設置できる「リテリア Popup」について徹底解説

らくらく日本語フォント設定|リテリア Font Pickerのアイコン
アプリ解説

Shopifyで日本語フォントを使えるアプリ『リテリア Font Picker』について徹底解説

商品ページ発売予告アプリ|リテリア Coming Soonのアイコン
アプリ解説

Shopifyの商品詳細ページに発売予告機能を追加できるアプリ「リテリア Coming Soon」について解説

どこでもカートに追加|リテリア ぽんぽんカートのアイコン
アプリ解説

【Shopifyアプリ】トップページやコレクションページから1クリックでカートに追加出来るアプリについての解説

らくらく商品レビュー|リテリア Reviewのアイコン
アプリ解説

日本製商品レビューShopifyアプリ「リテリア Review」の使い方を徹底解説

らくらくランキング表示アプリ|リテリア Rankingのアイコン
アプリ解説

Shopifyでコレクションをランキング表示するアプリ『リテリア Ranking』を徹底解説

らくらく余白調整|リテリア Marginのアイコン
アプリ解説

簡単に余白を調整できるShopifyアプリ「リテリア Margin」を使ってストアのデザイン性を向上させよう

Aboutページらくらく作成|リテリア About Usのアイコン
アプリ解説

ShopifyストアのAboutページに表を埋め込むことができるアプリ「リテリア About Us」を解説

LINE誘導ボタンらくらく設置|リテリア LINE誘導のアイコン
アプリ解説

LINE誘導ボタンを簡単に設置できるShopifyアプリ「リテリア LINE誘導」について徹底解説