WordPress WooCommerce 商品に追加情報を追加する方法

Last Updated: 2025 年 01 月 15 日 2のコメント

WordPress WooCommerce 店舗で製品情報を効果的に配信することは、ユーザーエクスペリエンスを向上させ、購入の決定を支援する上で重要な役割を果たします。 WooCommerceは柔軟で強力なeコマース(Eコマース)プラットフォームで、商品ページに追加情報を簡単に追加する機能を提供します。

この記事では、 WooCommerce 商品ページに追加情報を入力する方法を見てみましょう。注:カスタム商品タブを簡単に作成して管理したい場合は、この記事の下部にあるWooCommerce Product Tabsプラグインを使用できます。

WordPress WooCommerce 商品に追加情報を追加する方法

Naver カフェに商品ページの追加情報セクションに表示される情報を変更する方法に関する質問があり、ここでしばらく見てみましょう。

WooCommerce「追加情報」セクションは、商品ページに追加の詳細を表示するスペースです。このセクションでは、主に商品サイズ(サイズ)、色、素材など、製品の属性情報を表示します。店舗オペレータはこの機能を利用して、顧客が購入決定を下すのに役立つ特定の製品情報を提供できます。

WooCommerce 追加情報タブ

商品ページの[追加情報]タブに追加情報が表示されます。レイアウトはテーマによって少しずつ異なります。以下はベストセリングテーマです Avada(Avada)テーマの商品ページを表示します。

サイトの言語を英語に設定すると、下図のように 追加情報 タブが表示されます。

追加情報セクションでは、商品ページ編集画面で 배송 セクションと 属性 セクションに入力した情報が表示されます。

追加情報セクションに情報を入力する

詳細情報タブには、商品編集ページの配送セクションと属性セクションに入力する追加情報が表示されます。

配送セクションに入力された重量、サイズなどの情報が[追加情報]タブに表示されることを確認できます。さらに情報を表示したい場合は、[プロパティ]セクションでプロパティを追加できます。

属性 タブのプロパティの名前(たとえば、色、サイズなど)を入力し、 フィールドに属性値をパイプ記号(|)で区切って入力します(たとえば、革|人工皮革)。

商品ページに表示 オプションをチェックして プロパティを保存する ボタンをクリックすると、追加情報セクションにこのプロパティ情報が表示されます。

タブを削除する

商品ページに表示される説明、追加情報、および商品評価タブを削除できます。次のコード チャイルドテーマの関数ファイル(functions.php)に追加します。

/**
 * WooCommerce 상품 페이지의 상품 데이터 탭 제거하기
 */
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

    unset( $tabs['description'] );      	// 설명 탭 제거
    unset( $tabs['reviews'] ); 			// 상품평 탭 제거
    unset( $tabs['additional_information'] );  	// 추가 정보 탭 제거

    return $tabs;
}

上記のコードは、 WooCommerce 公ホームで提示するコードなので、うまく動作します。実際にテストしてみると、 WordPress バージョン(6.7.1)と WooCommerce バージョン(9.5.2)でうまく動作します。

説明、評価、追加情報タブの名前を変更する

商品データタブ(説明、商品名、追加情報タブ)の名前を変更したい場合は、次のコードを子テーマの関数ファイルに追加します。

/**
 * WooCommerce 상품 페이지의 상품 데이터 탭 이름 변경하기
 */
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

    // Description 탭을 "소개"로 변경
    $tabs['description']['title'] = __( '소개', 'woocommerce' );

    // Reviews 탭을 "리뷰"로 변경
    $tabs['reviews']['title'] = __( '리뷰', 'woocommerce' );

    // Additional Information 탭을 "제품 사양"으로 변경
    $tabs['additional_information']['title'] = __( '제품 사양', 'woocommerce' );

    return $tabs;
}

上記のコードを追加すると、タブ名がそれぞれ 紹介、レビュー、製品 仕様に変更されます。

タブの順序を変更する

必要に応じてタブの順序を変更することもできます。たとえば、商品評価を最初に表示したい場合は、次のコードをチャイルドテーマの関数ファイルに追加できます。

/**
 * WooCommerce 상품 데이터 탭의 순서 변경하기
 */
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

	$tabs['reviews']['priority'] = 5;			// 상품평 탭을 맨 앞에
	$tabs['description']['priority'] = 10;			// 설명 탭을 두 번째에
	$tabs['additional_information']['priority'] = 15;	// 추가 정보 탭을 맨 끝에 표시

	return $tabs;
}

カスタム商品タブプラグイン - WooCommerce Product Tabs

カスタム商品タブを簡単に追加して管理したい場合は、WooCommerce Product Tabsプラグインを使用できます。

このプラグインを使用して商品タブを簡単に管理できます。

  1. 商品タブを簡単に追加して並べ替える
  2. 独自のアイコンと名前でタブをパーソナライズできます。
  3. 全商品ページまたは特定 WooCommerce 商品、カテゴリ、タグに表示されるタブの作成

柔軟なタブコンテンツ:

  1. [商品ページ]タブにテキスト、画像、オーディオ、ビデオ(ビデオ)、ショートコードなど、さまざまなコンテンツを追加できます。
  2. 他のプラグインと組み合わせて、お問い合わせフォーム(コンタクトフォーム)、地図、ソーシャルメディアフィード、チャットウィンドウなどを簡単に挿入できます。
  3. このタブマネージャプラグインは エレメント(Elementor) など人気ページビルダーと完璧に連動します。

このプラグインは様々な利用が可能です。製品仕様(仕様)や使用方法、ギャラリー、サイズガイド、ダウンロード資料、FAQ(よくある質問)などを追加することで、商品情報をより豊富に提供することができます。

また、プロモーションや 観光案内を公​​開して追加購入を促し、 会社情報タブを通じて信頼を高める効果も期待できます。

このプラグインの詳細については、プラグインのホームページを参照してください。

参照


2のコメント

コメント

  1. この記事は、 WooCommerceで追加情報を入力する方法の説明ですね。私もショッピングモールを運営していて役に立つと思います。しかし、コード部分は少し難しいと思います。他の方々はよく理解されたのか気になりますね。 WooCommerceがこのように様々な機能を提供することは良い点だと思います。今後、商品ページをよりよく飾ってみることができると思います。

    応答
    • FTPに接続できる場合は、FTPに接続してチャイルドテーマの関数ファイルにコードを追加するだけです。少し慣れれば難しくないようになるでしょう。

      応答