トップランキング｜Shopper App

「トップランキング」ページを使用すると、アプリ上でストアの売上が高い商品やプロモーション商品をランキング形式で強調表示でき、売上を促進し、より多くの購入を促すことができます。

この記事では以下の内容をカバーします：

• トップランキングページの作成
• 表示要素の設定

1. トップランキングページの作成

ステップ 1

SHOPLINE 管理画面に移動し、[Shopper App 管理] > [アプリデザイン]をクリックし、トップランキングタブをクリックします。

ステップ 2

トップランキングページを設定するために「作成」をクリックします。最大で 5 ページを作成できます。

ステップ 3

以下の指示に従って設定を完了します。

i. 表示数量

システムはデフォルトで 10 商品を表示し、最大 50 商品を設定できます。

ii. スタイルの選択

商品ランキングスタイルを選択するためにクリックし、プレビューエリアで実際の表示効果を確認できます。

*Note: 商品が 3 未満の場合、すべての商品がスタイルの区別なく上から下に表示されます。

• スタイル 1

  

   

• スタイル 2

  

iii. 商品の選択

• 商品を選択：左側の商品リストで商品をチェックします。右側の選択された商品リストで順序を調整したり、選択を削除したりできます。最大 50 商品を選択できます。

  

   

• カテゴリを選択：表示したい商品カテゴリをチェックします。各カテゴリの最初の 50 商品のみがサポートされています。商品順序を調整するには、[商品 & カテゴリ] > [カテゴリ]に移動します。

  

iv. おすすめ商品

このトグルを有効にすると、顧客が最近閲覧した上位 50 商品が商品ランキングの最後に表示されます。

ステップ 4

右上の更新して使用をクリックします。

ステップ 5

「トップランキング」ページには、作成したページが表示され、設定を編集したり削除したりできます。

*Note: トップページに表示するように設定されたページは削除できません。

2. 表示要素の設定

SHOPLINE 管理画面に移動し、[Shopper App 管理] > [アプリデザイン] > [現在のテンプレート]をクリックします。「設定」をクリックしてアプリエディターページに入ります。以下の 3 つの要素が「トップランキング」ページの設定をサポートしており、必要に応じて設定できます：

i. メインタブ

カスタムタブを追加し、「トップランキング」リダイレクトページを選択します。

ii. サイドバーナビゲーション

• 上部セクション

  

   

• 中部セクション：カスタムグループを追加し、「リダイレクトリンク」を有効にして「トップランキング」を選択します。

  

iii. 下部ナビゲーション

続きを読む

• メインタブ設定｜Shopper App
• サイドバーナビゲーション｜Shopper App
• ボトムナビゲーション｜Shopper App