Shopifyで商品のランキング（ベストセラー）表示が簡単にできるアプリについて解説
目次
- Shopify で商品のランキング表示が簡単にできるアプリについて解説
- 導入のきっかけ
- 「シンプルランキング表示｜お手軽ベストセラー」の使い方
- アプリをテーマに追加
- 事前にコレクションを作成する
- 最後に
- 参考記事
Shopify で商品のランキング表示が簡単にできるアプリについて解説
Shopify のストアのトップ画面に商品のランキング表示ができるアプリを見つけたので、使い心地を試してみた際の記録を備忘録として残したいと思います。
今回見ていくのは以下のアプリです。
今回は、以下の記事を参考にしています。
Shopify でランキング表示を行う方法について調べてみた
Shopify でランキングバッジを表示するメリット・表示方法について徹底解説
Shopifyでランキングを実装する方法について詳しく解説！
Shopifyにランキングバッジを導入するアプリについて徹底解説｜ご利用ガイド
導入のきっかけ
商品が売れ筋順に表示されていると、ストアの顧客は人気のある商品を一目で確認できます。売れ筋商品の訴求力を高めるためには、ランキング表示は欠かせない機能です。
ちなみに、Shopify では一応、コレクション機能でランキング表示ができます。
ストアの管理画面の商品管理をクリックし、コレクション＞コレクションを作成すると進んでいき、条件などの設定をすると、
以下のようなランキングコレクションを表示できます。
ただし、Shopify のコレクション機能では、ランキングコレクションの順位の表示がされませんでした（使用しているテーマによるかもしれません）。トップ画面からランキング画面に遷移してもらう必要があります。
順位が表示されないと、一目で売れ筋ランキングだとわからない可能性がありますし、売れ筋商品の訴求という面では少し微妙かもしれません。
そこで今回は、ストアのトップ画面にも商品のランキング表示を導入できる<を試しに使ってみました。シンプルランキング表示｜お手軽ベストセラーを試しに使ってみました。
アプリの特長は以下の通りです。
- あらかじめ作成したコレクションに「ノーコード」でランキングラベルを表示できます。
- ランキングラベルは 4 種類から選択できます。
- 文字やラベルの色を自由にカスタマイズできます。
- ストアのどのページにもランキングコレクションを挿入することができます。
アプリの月額料金は 5.99 ドルで、現時点では 7 日間の無料期間があります。
また、こちらの記事は以下のブログを参考に解説しています。
「シンプルランキング表示｜お手軽ベストセラー」の使い方
まずは、アプリのインストール方法から解説していきたいと思います。
アプリのインストール方法
それでは、実際にアプリのインストールしていきましょう。
ストア管理画面左下の「設定」をクリックします。
ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。
検索窓に、「シンプルランキング表示｜お手軽ベストセラー」と入力して、出てくるアプリをクリックしてください。
「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額$5.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。
「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「アプリをインストール」ボタンをクリックして、アプリのインストールしましょう。
以下の管理画面が表示されます。
アプリをテーマに追加
ランキング表示機能を追加したいテーマを選択し、「テーマに追加」ボタンをクリックすると、選択されたテーマにランキング表示機能が追加できます。
↓
事前にコレクションを作成する
新規コレクションの作成
事前にランキング表示したい商品で構成されているコレクションを準備します。
まずは管理画面で「商品管理」をクリックします。
次に直下の「コレクション」をクリックし、「コレクションを作成する」ボタンをクリックします。
コレクション作成画面で「タイトル」欄に適切なタイトルを記入し、保存します。
コレクションに商品を追加
コレクションを作成したら、商品を追加していきます。
「閲覧する」ボタンを押して、ランキング表示したい商品をコレクションに追加していきましょう。
商品をランキング表示したい順に並び替える
商品を追加したら並べ替えを「手動」に変更して、ランキングの順位に合うように商品を並べ替えましょう。
保存したらランキングコレクションの作成はこれでおしまいです。
ランキング表示の詳細設定
なお、ストア画面右の欄ではランキングコレクションの詳細設定ができます。
ランキングコレクションの詳細設定（主なもの）
- 順位ラベルの種類
- ラベルの色
- 順位ラベルの位置
- 商品表示の列数
- 余白
カスタマイズすると、印象が変わるので、いろいろ試してみるとよさそうです。
最後に
ここまでで、Shopify のストアに順位付きのランキング表示を簡単に導入できるアプリについての解説は終わりです。
アプリストアは以下になります。興味のある方はインストールしてみてください。
ここまでお読みいただき、ありがとうございました。
こちらのブログは、以下の記事を参考にしています。
参考記事
今回は、以下の記事を参考にしています。
Shopify でランキング表示を行う方法について調べてみた
Shopify でランキングバッジを表示するメリット・表示方法について徹底解説
