• Topic 主题 トピック Topic Topic
  • Sign in

メタフィールド:テーマデザインでのメタフィールドの設定

製品の詳細や製品リストページを柔軟にカスタマイズし、フィールドを独自に拡張できるようにするために、SHOPLINE は Metafields 機能モジュールをアップグレードしました。テーマデザインでのビジュアル構成を通じて、このアップグレードはパーソナライズされた要件を容易にし、ストアの装飾の柔軟性、拡張性、カスタマイズ能力を大幅に向上させると同時に、ストアのカスタマイズに関連する技術コストを効果的に削減します。

注意: この機能は アンチクローラー設定 の最適化バージョンです。 アンチクローラー設定 にアンチクローラーページを入力している場合、システムは Robots.txt ファイルの末尾に対応するdisallow テキストを自動的に追加します。

 

目次

 


 

ユーザー通知の紹介

メタフィールド機能モジュールは、製品やカテゴリのための特定の拡張フィールドを作成し、ページに表示するのをサポートします。テキスト(単一行および複数行)、画像、URL、数字、色、JSON、参照製品などを追加して、ユーザーにメモを要約したり、使用方法を提供したり、製品の詳細をさらに紹介したりして、ストアがユーザーからより多くの好意と信頼を得るのを助けます。

機能効果

女性用衣料店を例に取ると、製品詳細ページでは、衣料品の主な画像、生地素材、詳細な色表示、洗濯推奨事項、ダウンロード可能なファイル、デザイン仕様など、いくつかの標準化された紹介詳細を表示する必要があります。メタフィールドを利用して標準化された手順を作成できます。情報を一貫して構成した後、異なる製品の紹介詳細を自動的に生成し、構成プロセスの複雑さを軽減できます。

  1. 製品管理ページの製品にメタフィールドを追加します。

    FAQ_MetafieldTheme_ProductPage.png

  2. ストアデザインページの製品詳細ページ画像とテキストモジュールに画像とテキストのメタフィールドを追加できます。追加すると、各製品に対応する画像と説明テキストが画像とテキストモジュールに表示されます。

    d6e6e6a0-3175-4cd9-a424-56407681b088


適用範囲

サポートされるページとコンポーネント:

所有リソース ページ コンポーネント

製品


製品詳細ページ/ ヘッダー/フッターや他の全画面コンポーネントを除く、製品詳細ページ内のすべてのデフォルト/オプションセクションを含みます。

ホームページ/ 製品リストページ/ カスタムページ

カテゴリページ/ ブログ/ ブログカテゴリ/ カートページ/ 404/ 検索ページ

単一製品のみ

カテゴリ


製品リストページ ヘッダー/フッターや他の全画面コンポーネントを除く、製品リストページ内のすべてのデフォルト/オプションセクションを含みます。

ホームページ/ 製品詳細ページ/ カスタムページ

カテゴリページ/ ブログ/ ブログコレクション/ カートページ、その他のページ-404/ 検索ページ

  • 注目製品コンポーネントのみ
  • 製品カテゴリ用のカテゴリブロック(設定を除く)

サポートされるテーマ:

  • Ariseテーマ
  • Alongテーマ
  • Impressテーマ
  • Brooklynテーマ
  • Blouseテーマ

注意: 現在、上記のテーマに加えて、メタフィールドを構成するためのエントリは、注目製品カテゴリブロックコンポーネントのみで利用可能です。


追加可能なコントロール

各コントロールに追加できる動的ソースとそれらのメタフィールド設定は、データ型と関連付けられています。以下の表は、現在のエディタでサポートされている各コントロールのデータ型を示しています。

コントロール名 サポートされているメタフィールドのデータ型 単一/複数選択
richtext/textarea

テキスト:単一行、複数行のテキスト

数値:整数、浮動小数点数

複数選択:1回ごとに1つの動的ソースを選択できますが、1つの入力ボックスに複数の動的ソースを追加できます。
text

テキスト:単一行

数値:整数、浮動小数点数

複数選択
color カラー 単一選択

url

 

URL 単一選択
image_picker 参照:ファイル 単一選択

page_picker

 

参照:カスタムページ 単一選択
product_picker 参照:商品 単一選択

 


 

手順

メタフィールドの設定には、4つのステップがあります:

  1. メタフィールドの作成
  2. メタフィールドへの値の割り当て
  3. 要件に応じてストアを装飾する際のメタフィールドの選択
  4. メタフィールドの修正

この記事では、参考のために女性用衣料品店を例に挙げています。

 

メタフィールドの作成

  1. ホームページに移動し、左下隅にある設定 > メタフィールドをクリックします。

    ecf542cc-bc5f-45ee-bbf6-5fac23464c95

  2. メタフィールドページで、商品商品カテゴリ商品規格ページユーザーブログブログカテゴリ注文のメタフィールドを定義できます。ここでは、商品を例に取り上げます。

    a1846761-892e-4389-a767-c10ded15f2c6

  3. フィールドを追加をクリックします。

    a267de7a-1002-4084-8560-bde4bf678719

  4. 商品メタフィールドの定義を追加します。
  • フィールド名: SHOPLINE管理パネルでメタフィールドを識別するために使用されます。例: カラー。
  • 名前空間とキー: メタフィールドのユニークな識別子です。名前空間を使用して類似のメタフィールドをグループ化できますが、各名前空間とキーは一意である必要があります。例: "custom.color"。
  • 説明(オプション): メタフィールドに入力する値などの説明情報を提供します。
  • データタイプ: メタフィールドが保存するデータのタイプです。テキスト、ドキュメント、またはURLなどがあります。単一または複数のデータタイプの構成がサポートされています。
  • アクセスオプション: 自動生成されたカテゴリを設定できます。

    a063e36c-7974-4b0a-83db-925c27254348

    たとえば、販売コピーなどを設定し、名前空間、キー、説明を入力します。データタイプを選択します。ここでは、テキストを選択します。さらに、必要に応じて色、ドキュメント、番号、URL、重量、サイズなどを選択することもできます。

    0bd2d66b-9e53-46d6-8f66-623a7c3a7fd4

    テキストを選択した後、1行テキストまたは複数行テキストの選択ボックスが表示されます。要件に基づいて、複数行テキストを選択し、コンテンツを入力して追加ボタンをクリックします。

    作成が完了すると、作成したことを確認するポップアップが表示され、リストページに自動的に戻ります。リストの先頭行には、新しく作成されたメタフィールド「販売コピー」が表示され、現在のフィールド値の数は0です。

    0147735d-7296-4aa6-a734-d249c98c2c28

メタフィールドへの値の割り当て

要件に応じて、製品のために詳細画像 - カラーディスプレイ、詳細画像 - 生地ディスプレイ、販売コピー、製品ケアガイドなど、複数のメタフィールドを作成できます。メタフィールドを作成した後は、製品管理ページに戻り、必要な製品のメタフィールドに対応する値を入力する必要があります。

  1. 製品 > 製品詳細ページに移動します。

  2. ページの一番下までスクロールすると、メタフィールドのテキストボックスが表示されます。関連するフィールドを入力したり、画像を追加したりした後、更新をクリックします。

    FAQ_MetafieldTheme_ProductMetafields.png

  3. 作業が完了したら、右上隅にある更新をクリックし、複数の製品に対して上記の手順を繰り返します。
  4. メタフィールド管理ページに戻ります。フィールド値の数が0から1に変更されており、これは販売コピーのメタフィールドに値が割り当てられた製品の数を示しています。

    a06ab92d-27b9-4f75-8920-1e21c48e6dad

要件に応じてストアを装飾する際のメタフィールドの選択

メタフィールドを作成し値を割り当てた後、ストアの装飾に統一された構成でメタフィールドを選択できます。

  1. 製品の詳細の下に画像とテキストコンポーネントを追加して、メイン画像と生地情報を表示します。
  2. 画像とテキストコンポーネントをクリックし、メタフィールドを追加するアイコンをクリックします。

    9ef8a460-d768-48eb-a77d-abe3b5bdfa25

  3. 画像とテキストを選択し、タイトルを選択し、右上のアイコンをクリックして、動的ソースを「商品タイトル」に変更し、最後に保存をクリックします。

    d29ae273-efc4-4f2b-bfc1-d7fbff1b5b3e

  4. テキストを選択し、右上のアイコンをクリックして、動的ソースを「販売コピー」に変更し、保存をクリックします。

    f1c63648-10e6-4b6c-ac7b-bbe98e6056e6


メタフィールドの変更

メタフィールドを変更し、値と表示方法を変更することもできます。

  1. メタフィールドの変更:ホームページの左下をクリックし、設定 > メタフィールド > 商品 > 商品メタフィールドに移動し、特定のメタフィールドをクリックします。

    6f0f4521-7db2-4314-84ca-0f5314789b8c

    この時点で、フィールド名説明のみを変更できます。

    e12e89df-752a-43b2-907e-b23d9171295c

  2. メタフィールドの値を変更: 商品に移動し、商品管理詳細ページに移動し、メタフィールドセクションをクリックし、メタフィールドをクリックして直接変更し、変更を保存します。

    93950494-850d-4adb-9fad-bbd3f70fc793

  3. 表示方法の変更:単純にメタフィールドをクリックし、値を編集動的ソースを変更動的ソースを削除から選択します。
  • 値を編集:商品管理インターフェースにリダイレクトされ、商品メタフィールドの値を直接変更できます。
  • 動的ソースを変更:別のメタフィールドに切り替えることができます。
  • 動的ソースを削除:直接削除するか、キーボードの削除キーを押して削除します。

 


 

実用的な提案

1. 製品詳細ページを柔軟にカスタマイズするためにフィールドを独立して拡張する

良い製品詳細ページは、ユーザーが購入の決定をするために必要な情報を提供できます。競争が激しいクロスボーダーEC市場では、詳細が成功を左右することがよくあります。売り手が製品詳細ページでユニークな詳細を顧客に見せることができれば、それは顧客の好意と信頼を得るのに役立ち、差別化された競争上の優位性を築き、競合他社を凌駕することができます。

 

例えば、ストアオーナーが製品の洗濯情報を追加したい場合、製品のために洗濯情報拡張フィールドを作成できます。これにより、顧客は製品詳細ページで洗濯情報のリマインダーを見ることができ、製品に対する信頼と好意が高まり、洗濯ミスによる返品の可能性が低下します。

 

洗濯情報に加えて、必要に応じて素材、原産地、サイズなどの情報をメタフィールドを通じて製品詳細ページに追加することができます。

 

2. シンプルなコードのカスタマイズ: パーソナライズされた機能要件の実装

 

注意: 開発者はメタフィールドの概要に進むことができます。

 

メタフィールドを使用すると、柔軟にさらなる情報を表示できるだけでなく、特定のビジネスシナリオに基づいてパーソナライズされた機能要件をカスタマイズすることもできます。これにより、ストアオーナーがストアをカスタマイズする過程で直面する技術的なコストと技術的な障壁を効果的に削減できます。

 

たとえば、商品説明のためのタブ切り替えの実装、関連資料のダウンロードセクションの追加、または関連商品の推奨セクションの追加などがあります。

 

  • 商品説明のためのタブ切り替え: 商品詳細ページには多くの情報を表示する必要がある場合があります。このすべての情報を商品詳細ページに配置すると、ごちゃごちゃして混雑して見え、お客様がすぐに探している情報を見つけるのが難しくなり、ショッピング体験が悪くなり、潜在的な顧客離れを引き起こす可能性があります。このような場合、ストアオーナーは情報をカテゴリ別に整理し、統一的に1つのコンテンツボックス内で表示するために、TAB切り替えテンプレートを使用できます。お客様はタブを切り替えることで異なるカテゴリの情報を閲覧できます。このアプローチにより、商品詳細ページに表示される情報が包括的でありながら視覚的な魅力を保ちます。以前は、この機能をページに追加したいストアオーナーは、開発のために追加の費用をかけて技術スタッフを雇う必要がありましたが、これは便利ではありませんでした。メタフィールド管理ツールを使用すると、ストアオーナーは独自に新しい拡張フィールドを作成し、基本的なTAB切り替えテンプレートのコードを簡単にコピーして貼り付けることができます。これにより、商品説明のTAB切り替えテンプレートを簡単に設定して、商品詳細ページに表示することができます。

 

  • 関連資料のダウンロードセクションの追加: すべての情報を直接商品詳細ページに表示することはできません。一部の必要な資料説明は、内容が広範であるため、インストールマニュアルや材料構成説明などの形式で顧客に提示するのが適しています。メタフィールドを使用すると、ストアオーナーは必要な商品に関連資料のダウンロードリンクを追加でき、顧客がクリックしてローカルで閲覧するためにダウンロードできるようにすることができます。

 

  • 関連商品の推奨セクションの追加: データによると、個々の商品詳細ページに関連商品の推奨を組み込むことは、顧客のページ上での閲覧時間を効果的に増やすだけでなく、ストアの平均取引価値を向上させます。以前は、関連商品の推奨を実装するためには特定のプラグインが必要でした。メタフィールド管理ツールを使用すると、ストアオーナーはいつでもどこでも簡単に関連商品の推奨モジュールを作成できます。商品、カテゴリ、顧客、注文、ブログ、ページ、ストアなどのリソース用に拡張フィールドを作成し、他のeコマースシステム(CRM/IMS/ERP)とのデータの送受信や相互作用を容易にすることができます。これにより、SHOPLINEストアは他のシステムとよりシームレスに統合でき、ストアオーナーはさまざまなデータを便利に管理および表示できます。

 

 

 
他にご質問がございましたら、リクエストを送信してください

コメント