外観
1. 初期設定
インストールしてから、ストアにランキングが表示されるまでの手順です。操作が必要なのは、テーマにブロックを追加して保存する手順だけで、残りは自動で進みます。
全体の流れ
- アプリをインストールして開く
- 注文データの同期とランキングの準備が終わるのを待つ（自動）
- テーマにランキングのブロックを追加して保存する
- ストアで表示を確認する
1. アプリをインストールして開く
- Shopify App Store で［インストール］をクリックします。
- 権限の確認画面で内容を確認し、インストールします。
- Shopify の管理画面でアプリ「まるっと売上ランキング」を開きます。
はじめて開いたとき、アプリは次の2つを自動で始めます。ボタンを押す必要はありません。
- 注文データの同期：過去の注文から売れ筋を集計します。
- ランキングの準備：ストアに出す最初のランキングを作ります。
ホームには「セットアップ」のカードが表示され、右上に「1 / 3 完了」のように進み具合が出ます。
2. 同期と準備が終わるのを待つ
「セットアップ」には、次の手順が並びます。終わった手順にはチェックが付きます。
| 手順 | 内容 |
|---|---|
| 注文データを同期する | 過去の注文から売れ筋を集計します。初回は数分かかる場合があります |
| ストアに出すランキングを準備する | 表示するランキングを作り、注文が入るたびに自動で更新されるようにします |
| テーマにランキングを追加する | 次の「3.」で行う操作です |
進んでいる間は「データを同期しています...」「ランキングを準備しています」と表示されます。待っている間に、次の「3. テーマにランキングのブロックを追加する」へ進んで構いません。
最初に作られるランキング
最初のランキングは「売上ランキング」という名前で、販売点数・過去30日間・売り切れは除外、の設定で作られます。番号は「ランキング 1」です。種類や期間は、あとからランキングを設定するで変更できます。
同期や準備が失敗したとき
- 「同期に失敗しました。」と表示されたら、［再試行］をクリックします。［スキップしてダッシュボードへ］をクリックすると、先にホームの画面へ進めます（手順はホームにも残ります）。
- 「前回のセットアップに失敗しました。しばらくしてから再度お試しください。」と表示されたら、少し待ってから［セットアップを再試行する］をクリックします。
何度か試しても進まないときは、support@pepin.studio までご連絡ください。
3. テーマにランキングのブロックを追加する
- 「セットアップ」の「テーマにランキングを追加する」にある［テーマエディタで追加する］をクリックします。
- テーマエディタが新しいタブで開きます。ホームページに、ランキングのブロックが追加された状態になっています。
- ブロックをドラッグして、表示したい位置に動かします。
- 右上の［保存］をクリックします。保存するまで、ストアには表示されません。
- アプリの画面に戻り、［保存後にもう一度確認する］をクリックします。手順にチェックが付きます。
公開中のテーマに追加してください
アプリが確認するのは、公開中のテーマです。下書きのテーマにブロックを追加した場合、そのテーマを公開するまで手順は完了になりません。
ホームページ以外に置きたいとき
［テーマエディタで追加する］は、ホームページにブロックを追加します。コレクションページなど、ほかのページに置くときは、テーマエディタで次のように追加します。
- テーマエディタの上部で、ブロックを置きたいページ（コレクションページなど）を選びます。
- ［セクションを追加］をクリックし、アプリの一覧から「売上ランキング」を選びます。
- ブロックの設定の「表示するランキング」で、表示するランキングの番号（「ランキング 1」など）を選びます。
- ［保存］をクリックします。
1つのテーマに、ブロックを複数置くこともできます。
テーマエディタに案内が表示されるとき
ランキングをまだ表示できないとき、テーマエディタのブロックには案内が表示されます。この案内はテーマエディタにだけ出るもので、ストアには表示されません。ストアでは、ランキングを表示できるようになるまでブロックそのものが表示されません。
| 案内 | 対応 |
|---|---|
| アプリの初期設定が完了していません。 | アプリを開き、同期と準備が終わるのを待ちます |
| 「ランキング ◯」はまだ作成されていません。 | ［ランキング管理］でランキングを追加するか、ブロックの「表示するランキング」を作成済みの番号に変えます |
| このコレクションの商品にはまだ注文がありません。 | そのコレクションの商品に注文が入ると表示されます |
4. ストアで表示を確認する
ストアを開き、ブロックを置いたページにランキングが表示されていることを確認します。
- ランキングの見た目（件数、レイアウト、色など）は、テーマエディタのブロックの設定で変えます（店頭での見せ方）。
- ランキングの中身（種類、集計期間、売り切れ商品の扱い）は、アプリの［ランキング管理］で変えます（ランキングを設定する）。
（任意）コレクション一覧に順位ラベルを出す
STANDARD 以上のプランでは、「セットアップ」に「コレクションにランキングラベルを出す」（任意）が加わります。
- ［ラベルを有効にする］をクリックします。テーマエディタのアプリ埋め込みの画面が開きます。
- 「コレクション一覧のランキングラベル」がオンになっていることを確認します。
- ［保存］をクリックします。
ラベルの設定は店頭での見せ方で説明しています。
注文が少ないストアの場合
集計期間のあいだに注文がない、または少ないときは、ホームに次の案内が出ます。どちらも、注文が入ると自動で切り替わります。
- 「直近◯日間に注文がないため、ランキングはまだ空です。注文が入ると自動で作られます。」
- 「直近◯日間の注文が少ないため、店頭には累計の売れ筋を暫定で表示しています。注文が増えると実際のランキングに切り替わります。」