顧客の関心を引き、商品の表示を最大限に活用するには、商品フィルタ＆カラーチップ アプリを使用してください。このアプリには、カラーチップ、フィルタ、ソートの3つの主要機能があり、これらは商品ページを大幅に向上させることができます。
この包括的なガイドに従って、設定プロセスを学び、これらの機能が商品の表示を改善し、ストアのコンバージョンを向上させる方法を発見してください。
目次
アプリのインストール
- SHOPLINEの管理画面から、アプリ > アプリストアに移動 します。
- 「商品フィルタ＆カラーチップ」を検索し、インストール をクリックします。
- オプションで、管理画面の アプリ セクションにアプリをピン留めして、簡単にアクセスできるようにします。
カラーチップの設定
カラーチップ は、入力した仕様に基づいてカラーチップを自動的にマッチングします。有効にすると、商品の詳細ページやリストページでプレーンテキストを鮮やかなカラーチップに置き換え、視覚的に魅力的で情報量の豊富なショッピング体験を提供します。
バリエーション属性の色のマッチング
異なる属性に対してカラーチップを作成できます。システムは、設定された属性タイプとオプションに基づいて、製品のバリエーションを特定のカラーチップに自動的に関連付けます。以下の手順に従ってください。
- アプリ内で、カラーパレット タブに移動し、オプションを選択 をクリックします。（初めてのユーザーは、商品カラーパレットを追加 をクリックしてください。）
- システムはすべてのバリエーションオプションと関連アイテム数を表示します。希望のオプションを選択して対応するカラーパレットを作成します。1つのオプションにつき1つのパレットを作成できます。
- 希望の一致方法を選択します。
-
- 精度：商品バリエーション属性は国際的な色の命名リストと完全に一致する必要があります。（たとえば、属性値は「Red」である必要があります。）
- ぼかし：バリエーションのテキスト情報に基づいて色を自動的に一致させます（複数の言語をサポート）。 （たとえば、「Light Red」は赤色とも一致します。）
-
スマートマッチング商品画像 をチェックすると、一致する色がないバリエーション値に自動的に商品バリエーションまたはSKU画像を適用するようにシステムに指示できます。
- 選択を完了したら、パレットを作成するために オプションを選択 をクリックします。
| Note: このアプリは、ドイツ語、ロシア語、フランス語、スペイン語、日本語、タイ語、繁体字中国語の自動翻訳一致をサポートしています。 |
- パレットリストで、作成したパレットを選択して特定の属性の表示ルールを調整できます。
-
特定の属性のスタイルをカスタマイズし、色または画像の表示を選択できます。
-
- 色を選択する場合、属性値に対応する色を調整できます。
- 画像を選択する場合、属性に対応する画像をアップロードできます。
-
手動構成が必要なアイテムをフィルタリングするには、手動構成が必要なアイテムを表示 をチェックしてください。
-
特定の商品に特別な表示ルールを設定したい場合は、カスタム をクリックしてください。
9.1 商品を選択し、商品の隣にある カスタム をクリックします。
9.2 ポップアップウィンドウで、異なる属性値の表示タイプとスタイルを定義します。
表示スタイルの構成
カラーパレットが設定されたら、カラーパレット タブに移動し、表示構成 をクリックして、商品詳細ページと商品リストページの表示スタイルを調整します。
設定ページで、以下の設定を構成します。
-
カラーパレットスタイル：
- デフォルトスタイル：ラウンド、スクエア、または角丸の3つのデフォルトスタイルから選択します。
-
カスタムスタイル：不透明度、角の半径、サイズ、太さを調整します。
Note: カスタマイズされたサイズと太さは、商品詳細ページにのみ適用され、商品リストページではサポートされていません。
- 特別なバリエーション：
-
- 3つのプリセットバブルスタイルを直接構成します。
- バブルの色をカスタマイズします。
- オプションで、商品詳細ページに特定のカラーパレットを別々の行で表示し、タイトル行をカスタマイズして必要に合わせます。
- 商品詳細ページ：カラーパレットをカートに追加プラグインで表示するかどうかを選択します。
- 商品リストページ：
-
- 在庫切れステータスの表示：有効にすると、在庫切れのバリエーションは「売り切れ」と表示されます。
- カラーパレットの表示制限：カラーパレットを1行、2行、または無制限の行（すべて表示）に表示するかを選択します。
- 制限を超えた場合の表示スタイル：制限を超えた場合、「その他」アイコンまたは残り数量を表示するかを選択します。
- 表示位置：カラーパレットを商品情報の上または下に表示するかを選択します。
- 商品画像切り替えスタイル：顧客がカラーパレットにカーソルを合わせるか、パレットオプションをクリックしたときに商品画像が変わるかを選択します。
- 商品画像の切り取りルール：テーマに従うか、デフォルトの切り取りスタイルを使用するかを選択します。
Notes：
|
カラーパレットが正常に設定されている場合、商品リストページの表示効果は次のようになります：
商品フィルターの設定
「フィルター」機能を使用すると、商品属性に基づいて商品を並べ替えるのに役立つフィルターを作成できます。設定すると、これらのフィルターがストアページに表示され、顧客が必要なバリエーションを迅速に見つけるのに役立ち、最終的にはコンバージョン率を向上させます。
- アプリの「フィルター」セクションに移動します。
- モバイルとPCのフィルターの表示位置を設定し、リアルタイムプレビューを行います：
-
- モバイル：「サイドからスライドアウト」または「下からスライドアウト」のいずれかを選択します。
- PC： 「左側に固定」または「上部に固定」のいずれかを選択します。
- フィルターの折りたたみ方法をカスタマイズします。
-
- 選択後： 顧客がフィルター値を選択すると、フィルターが自動的に折りたたまれます。
- アプリ確認後： 顧客がフィルター値を選択し、フィルター条件を確認すると、フィルターが折りたたまれます。
- サイズ、カラー、価格などのフィルターを製品に合わせてカスタマイズします。必要に応じて、追加のオプションを含めるために フィルターを追加 をクリックします。フィルタータイプを選択すると、アプリは自動的にストア内の商品に関連するフィルター値を取得します。
フィルターが設定されると、それらはストアの商品リストページに適用されます。以下は表示効果の例です。
- 上部に固定
- 左側に固定
| Note: Simpleテーマのサイドバーはメニューバーとして機能するため、最適なパフォーマンスのためにフィルターを上部に固定に設定することをお勧めします。それ以外の場合、フィルターが正常に機能しない可能性があります。 |
ソートオプションの設定
ソート 機能を使用すると、ストア内の商品のソートオプションを設定できます。ソートオプションを設定することで、顧客が商品リストを簡単にナビゲートし、ショッピング体験を向上させることができます。また、ストアのニーズに基づいてソートオプションの名前をカスタマイズする柔軟性もあります。
-
商品のソート：ソートオプションを有効または無効にし、以下のように名前をカスタマイズできます：
- おすすめ
- 人気順
- 最新更新順
- 価格：低い順
- 価格：高い順
- 作成日：新しい順
-
「おすすめ」ソートオプションの設定：
- 以下のソートオプションは、すべての商品リストとカテゴリページに適用されます：
- 人気順
- 高い順のコンバージョン率
- 高い順のページビュー
- 商品名 A-Z
- 商品名 Z-A
- 作成日：古い順
- 作成日：新しい順
- 更新日：古い順
- 更新日：新しい順
- 価格：高い順
- 価格：低い順
- 高い順のカートに追加率
- 高い順のカートに追加数量
- 単一商品カテゴリページの場合、以下のソートオプションも適用されます：
- 人気順
- 高い順のコンバージョン率
- 高い順のページビュー
- 高い順のカートに追加率
- 商品名 A-Z
- 商品名 Z-A
- 作成日：古い順
- 作成日：新しい順
- 更新日：古い順
- 更新日：新しい順
- 価格：高い順
- 価格：低い順
- 高い順のカートに追加数量
- カスタム
- 以下のソートオプションは、すべての商品リストとカテゴリページに適用されます：
コメント