オプション表で製品比較が簡単に!このユーザーフレンドリーなインターフェイスは、簡単に比較できる明確なビジュアルを提供し、顧客の信頼を高め、コンバージョンを増加させる可能性があります。
メタフィールドは、店舗の組織に影響を与える製品オプションとは異なり、比較基準に優れた柔軟性を提供します。
メタオブジェクトにより、製品情報が適切に構造化されます。たとえば、化粧品店がテーブルを使用して成分をわかりやすく表示していると想像してください。メタオブジェクトはこのデータを保存できるほか、上記のデモで見られるように、より直感的なユーザー エクスペリエンスのために画像やアイコンを追加することもできます。
このアプローチによりセットアップが合理化され、製品範囲全体での一貫性が確保されます。
要件
Be Yours バージョン 7.2.0 が必要です。以降。
ステップ
まず、メタオブジェクトを設定します。
新しいメタオブジェクトの作成
管理ダッシュボード> [設定] > [カスタム データ] > [メタオブジェクト定義] での定義の追加
メタオブジェクト ウィンドウでは、3 つの特定のフィールドに入力する必要があります。以下の指示に注意深く従ってください。
注:この例は「成分」メタオブジェクトを持つ化粧品に焦点を当てていますが、特定の製品情報に合わせて「名前」と「説明」をカスタマイズできます。
名称[1] -
Common ingredients
説明[2] -
Common ingredients
フィールドを追加[3] -単一行テキストとファイルを選択します
単一行テキスト: 3 つの必須アクションを完了します。
- 関数が正しく動作するには、名前[1]フィールドに
Label
単語を正確に入力する必要があります。 - これを表示名として使用するを有効にします[2] 。
- 必要に応じて、必須フィールド[3]を有効にします。
- 関数が正しく動作するには、名前[1]フィールドに
ファイル: 2 つの必須アクションを完了します。
- 関数が正しく動作するには、名前[1]フィールドに
Icon
という単語を正確に入力する必要があります。 - [特定のファイルの種類を受け入れる]で、 [画像[2]のみ] を選択します。
- 関数が正しく動作するには、名前[1]フィールドに
次に、 「保存」をクリックしてメタオブジェクトの作成を終了します。
メタオブジェクトを作成すると、それがリストに表示されます。
メタオブジェクトのエントリを追加
管理者ダッシュボード>コンテンツ1 >メタオブジェクト2 >共通成分3を選択 >エントリの追加4に移動します。
アイコンの画像を選択し、ラベルのテキストを入力します。
次に、 「保存」をクリックして、1 つのエントリーの追加を終了します。
さらにエントリを追加するには、この手順を繰り返すだけです。
たとえば、以下の画像のように 4 つのエントリを割り当てました。
次に、メタフィールドを設定します。
新しいメタフィールドの作成
管理ダッシュボード> [設定] > [カスタム データ] > [メタフィールド定義] の[製品] > [定義の追加]
メタフィールド ウィンドウでは、3 つの特定のフィールドに入力する必要があります。以下の指示に注意深く従ってください。
注:この例は「成分」メタフィールドを持つ化粧品に焦点を当てていますが、特定の製品情報に合わせて「名前」と「名前空間とキー」をカスタマイズできます。
名称[1] -
ingredients
名前空間とキー[2]
custom.ingredients
タイプ選択[3]
タイプ: メタオブジェクト
参考:共通成分
- エントリー一覧
次に、 「保存」をクリックしてメタフィールドの作成を完了します。
メタフィールドを作成すると、それがリストに表示されます。
メタフィールドに値を割り当てる
説明のために、値「レチノール」と「ヒアルロン酸」をアンチエイジング ボディ クリーム製品のメタフィールドに割り当てます。
[製品] > [アンチエイジング ボディ クリーム] に移動し、[メタフィールド] で成分を見つけます。
メタフィールドの成分で[レチノール]と[ヒアルロン酸]を選択します。
次に、 「保存」をクリックして終了します。
最後に、オプションテーブルセクションを設定します
オプションテーブルセクションをオンにします
[テーマ] ページで、 [Be Yours ] テーマを選択し、テーマの[カスタマイズ] ボタンをクリックします。
ホーム ページ(または他のページ テンプレート) > [テンプレートセクション] グループ > [セクションの追加] > [オプション テーブル] をクリックします。
このオプション テーブルセクションは、下の画像に示すように、プレースホルダーの日付とともに Web サイトの目立つように表示されます。最大 5 つの製品ブロックを追加して、お気に入りを紹介します。
オプションテーブルセクションの設定
オプションテーブルセクションの設定
メタフィールドを使用するには、 [条件] オプションにメタフィールドの名前空間とキーを正確に入力します。
たとえば、ここでは
custom.ingredients
と入力します。
Productブロックの設定
製品を選択し、表示するカスタム イメージを選択します。たとえば、 「アンチエイジング ボディ クリーム」製品。
このセクションには最大 5 つの製品を収容できます。以下の例では、4 つの製品を紹介しています。
最適に表示するには、すべての製品画像の背景が透明であることを確認してください。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
"