WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法

WooCommerceショップを管理していると、新しいファイルを製品詳細(xì)ページに追加情報(bào)を追加するなどの狀況がある。製品仕様、特定の特性または技術(shù)的パラメータ.この記事では、WooCommerceに商品の仕様や屬性を追加する方法と、プラグインを使用してそれらを拡張する方法について詳しく説明します。

畫(huà)像[1] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|専門(mén)的なWordPress修理サービス、グローバルなリーチ、迅速な対応

なぜ製品の仕様や屬性を追加するのか?

製品情報(bào)を追加することには、いくつかの利點(diǎn)があります:

  1. ユーザーエクスペリエンスの向上製品の特性をより直感的に理解してもらう。
  2. SEOの強(qiáng)化リッチな商品ページは、SEOのパフォーマンスを向上させます。
  3. コンバージョン率の向上詳細(xì)な製品情報(bào)は、ユーザーがより良い購(gòu)買(mǎi)決定を下すのに役立ちます。
  4. 専門(mén)ディスプレイ: 技術(shù)製品(電子製品、機(jī)械裝置など)の場(chǎng)合、詳細(xì)な仕様を示すことが特に重要です。

I. WooCommerceの商品屬性機(jī)能を使う

WooCommerceには、各商品に追加の仕様や屬性を追加するために使用できる、シンプルで強(qiáng)力な屬性管理システムが付屬しています。

1.グローバル?プロパティの作成

グローバル?アトリビュートは複數(shù)の商品に適用することができ、特に類似した商品を數(shù)多く扱うショップに便利です。手順は以下の通りです:

  1. WordPressのバックエンドに移動(dòng)し、次の場(chǎng)所に移動(dòng)します。 製品情報(bào) > プロパティ.
畫(huà)像[2] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|専門(mén)家のWordPress修理サービス、グローバルなリーチ、速いレスポンス
  1. で "新しい屬性の追加"エリアに、プロパティ名(色、サイズなど)を入力します。
畫(huà)像[3] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応
  1. 屬性の可視性を設(shè)定し、製品のフィルタリングに使用するかどうかを選択します。
  2. 打點(diǎn) プロパティの追加すると、右側(cè)の物件リストにその物件が表示されていることがわかります。
畫(huà)像[4] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応
  1. の右にある新しく作成されたプロパティをクリックする。 設(shè)定用語(yǔ)を追加する。ピンクそしてそしてよりグリーン(など)。
畫(huà)像[5] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

2.個(gè)々の製品にカスタム屬性を追加する

特定の商品に関する追加情報(bào)のみを追加したい場(chǎng)合はカスタムプロパティ::

  1. 入り込むお飾り商品を編集するには、編集したい商品を見(jiàn)つけて コンパイラ.
畫(huà)像[6] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応
  1. スクロールダウンして "製品データ「セクションを"因果性タブ
畫(huà)像[7] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応
  1. 打點(diǎn) 増加 ボタンをクリックして、すでに作成されているグローバル?プロパティを選択するか、カスタム?プロパティを作成します。
畫(huà)像[8] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応
  1. 屬性値を入力し、" "にチェックを入れる。商品ページに表示".
畫(huà)像[9] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応
  1. 変更を保存して商品ページを表示すると、新しい屬性がすでに商品詳細(xì)セクションに表示されているはずです。

第二に、プラグインを使用して製品情報(bào)の表示を拡張することである。

WooCommerceに內(nèi)蔵されているプロパティ機(jī)能はシンプルですが、特に表示形式やレイアウトをカスタマイズする必要がある場(chǎng)合、柔軟性に欠けます。これらの機(jī)能はプラグインの助けを借りて簡(jiǎn)単に拡張することができます。

アドバンスドカスタムフィールド(ACF)による複雑なフィールドの追加

より強(qiáng)力なカスタムフィールド管理機(jī)能については アドバンスドカスタムフィールド(ACF) プラグインです。これは、テキストボックス、畫(huà)像、ドロップダウンボックス、チェックボックスなど、あらゆるタイプのカスタムフィールドを商品に追加できる非常に柔軟なツールです。

使用方法
  1. インストールとアクティベーション ACF プラグイン。
  2. カスタム?フィールド?グループを作成するには ACF > 新しいフィールドグループの追加.
畫(huà)像[10] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|WordPressの専門(mén)修理サービス、グローバルリーチ、迅速な対応
  1. 必要なフィールドを追加し、選択する。適用性ページまたは商品タイプ(特定の商品カテゴリーを指定できます)の
畫(huà)像[11] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|WordPressの専門(mén)的な修理サービス、グローバルリーチ、迅速な対応
  1. ある製品の編集そうすると、新しく追加されたカスタムフィールドの入力ボックスが表示されます。
  2. 商品を保存すると、これらのフィールドがフロントエンドの商品詳細(xì)ページに表示されます。

ACFは、単純なテキスト?フィールドの追加だけでなく、以下のようなリッチ?コンテンツ?タイプの追加もサポートしています。ファイルアップロード、畫(huà)像、複雑なHTMLコンテンツなど、WooCommerceの商品ページの柔軟性を大幅に向上させます。

畫(huà)像[12] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|専門(mén)的なWordPress修理サービス、グローバルなリーチ、迅速な対応

第三に、商品詳細(xì)ページで表示をカスタマイズする。

WooCommerce組み込みの"追加情報(bào)"タブは通常、見(jiàn)せる場(chǎng)所である。製品仕様のような場(chǎng)所で、より美的に、あるいはブランドにふさわしい方法で情報(bào)を表示したいと思うこともある。

1.テーマのカスタマイズコードの使用

基本的なHTMLとCSSの知識(shí)があれば、テーマファイルを修正することで商品ページに表示される情報(bào)をカスタマイズすることができます?,F(xiàn)在のテーマの 単一製品.php ファイルで、商品の仕様と屬性を表示するコードのセクションを見(jiàn)つけ、必要に応じてカスタマイズする。

2.ページビルダーの使用(Elementorなど)

のようなページビルダー?プラグインの助けを借りれば、ページビルダーを使うことができる。 エレメンタElementor Proバージョンでは、商品詳細(xì)ページのあらゆる部分をカスタマイズし、屬性情報(bào)の追加や表示をデザインすることができます。

手順は以下の通り:

  1. ElementorとElementor Proをインストールし、有効化する。
  2. 入り込む テンプレートしんちくまたは既存のテンプレートを選択します。
畫(huà)像[13] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応
畫(huà)像[14] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|専門(mén)的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  1. エディタページに移動(dòng)し、Elementorのドラッグ&ドロップエディタを使ってWooCommerceの"追加情報(bào)「商品詳細(xì)ページレイアウトにドラッグ&ドロップするウィジェットです。
畫(huà)像[15] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|専門(mén)的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  1. 必要に応じてスタイルやレイアウトをカスタマイズできます。
  2. テンプレートを保存し、すべての商品ページまたは一部の商品ページに適用します。

第四に、商品ページの機(jī)能性を高めるための追加情報(bào)プラグインの使用である。

ACFによるカスタムフィールドに加えて、WooCommerceのために特別に設(shè)計(jì)されたプラグインが數(shù)多くあります。追加情報(bào)"タブまたはカスタムの場(chǎng)所に、より多くの製品詳細(xì)を表示します。

として: YITH WooCommerce 商品アドオン&追加オプション

このプラグインは、商品オプションを追加できるだけでなく、顧客が購(gòu)入時(shí)に特定の商品構(gòu)成を選択できるようにします(例ギフトラッピング、名入れ彫刻など)、ユーザー體験を大幅に向上させる。

畫(huà)像[16] - WooCommerceの商品詳細(xì)ページに商品の仕様と屬性を追加する方法 - Photon Flux.com|WordPressの専門(mén)修理サービス、グローバルリーチ、迅速な対応

概要

WooCommerceの商品詳細(xì)ページに商品の仕様や屬性を追加することは、ユーザーエクスペリエンスを向上させる素晴らしい方法です。WooCommerceのビルトイン屬性機(jī)能を使えば、基本的な情報(bào)を追加するのは簡(jiǎn)単です。より複雑なフィールドやカスタマイズされた表示が必要な場(chǎng)合は、ACFプラグインや専用のWooCommerce拡張プラグインを使用することで実現(xiàn)できます。これらの方法によって、商品の特性に合わせて柔軟に情報(bào)を表示することができ、コンバージョン率と顧客満足度を高めることができます。


お問(wèn)い合わせ
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書(shū)いた人: Xiesong
終わり
好きなら応援してください。
クドス2 分かち合う
おすすめ
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし