WooCommerce 教程：从插件安装到 B2B 产品展示

WooCommerce 到底适合做什么网站？

WooCommerce 是 WordPress 生态里最常用的电商插件。它可以做标准 B2C 在线商城，也可以只保留产品管理和展示能力，用在外贸 B2B 产品站、企业产品目录站、样品展示站和询盘型独立站。

很多新手一开始会把问题想复杂：是不是一定要买 Elementor Pro 重做产品页？是不是 B2B 网站不能用 WooCommerce？是不是不在线收款就没必要安装？实际操作里，先用 WooCommerce 默认能力把„产品分类、产品详情页、产品列表页、图片和参数”跑通，通常比一开始改模板更稳。

1. WooCommerce プラグインのインストール

WooCommerce は本質的に WordPress のプラグインであるため、インストール方法は通常のプラグインと同じです。WordPress 管理画面にアクセスし、プラグインインストールページを開き、WooCommerce を検索してインストールし、有効化します。有効化すると、WooCommerce、商品、注文などの管理メニューが表示されます。

WooCommerce を初めて有効化した後、プラグインが店舗の地域、業種、商品タイプ、支払い方法の入力を促す場合があります。B2C オンラインストアはウィザードに従って基本設定を完了できます。B2B 展示サイトで当面支払いや注文機能が不要な場合は、不要なビジネス設定をスキップし、後で WooCommerce 設定に戻って補完することもできます。

2. まず商品カテゴリを作成し、商品を急いで追加しない

商品カテゴリはユーザーのブラウジング方法を決定し、検索エンジンが製品構造を理解する方法も決定します。特に B2B サイトでは、カテゴリ階層を事前に明確に考える必要があります。製品シリーズ、用途、素材、業界、型番などで分類します。カテゴリが乱雑だと、後で商品が増えるほど管理が難しくなります。

• カテゴリ名は顧客が一目で理解できるようにし、内部コードだけを書かないでください。
• カテゴリ階層は深すぎないようにし、初心者は通常 1〜2 階層に抑えると管理が容易です。
• 主要なカテゴリには、適用シーンや製品範囲を説明する短い説明を追加できます。
• カテゴリページは後でナビゲーションメニューに追加し、顧客がトップページから直接製品カタログにアクセスできるようにします。

3. 最初の商品を追加する際は、基本フィールドをすべて入力する

商品カテゴリを作成したら、最初の商品を追加します。初心者はタイトルと画像だけを入力して公開せず、少なくとも商品タイトル、本文説明、簡単な説明、商品カテゴリ、商品画像、商品ギャラリーなどの基本情報を確認してください。B2B 製品サイトでは、パラメータ、用途シーン、パッケージ、カスタマイズ能力、問い合わせ通知も追加する必要があります。

4. B2B 展示サイトでは価格とカートをどう扱うか？

B2B 製品サイトでは通常、オンラインで直接取引は行われず、価格は数量、仕様、地域、取引条件によって個別に見積もる必要があります。この場合、WooCommerce を完全なカートシステムとしてではなく、製品コンテンツ管理ツールとして扱うことができます。

一般的な方法は、製品に価格を入力せず、フロントエンドで「カートに追加」ボタンを非表示または弱め、製品詳細ページに問い合わせボタン、お問い合わせフォーム、WhatsApp、メール、資料ダウンロードを配置することです。これにより、WooCommerce の製品カテゴリと詳細ページ構造を維持しつつ、ユーザーが誤ってオンライン注文が必要だと誤解することを防ぎます。

• WooCommerce の「カートに追加」ボタンを削除・非表示にするいくつかの方法
• WooCommerce の買い物ボタンの下に問い合わせボタンを追加する方法
• WooCommerce の商品価格表示を削除または非表示にする方法

5. ストアページと商品カテゴリページをユーザーに見せるには？

多くの初心者はWooCommerceをインストールした後、製品一覧ページが見つからず、ページエディターで製品リストを新たに作成しなければならないと誤解しています。実際にはWooCommerceにはショップページがあり、製品カテゴリーのアーカイブページも自動生成されます。本当にすべきことは、ショップページの設定が正しいことを確認し、ショップページや主要な製品カテゴリーをサイトのナビゲーションに追加することです。

1. WooCommerceの設定で„ショップページ“がどのWordPressページに対応しているかを確認します。
2. ショップページにアクセスし、製品リスト、並び順、ページネーション、カテゴリーフィルターが正常に動作するか確認します。
3. 製品カテゴリー管理画面で、カテゴリー名にマウスを合わせると、対応するカテゴリーのリンクを開いたりコピーしたりできます。
4. ショップページ、主要カテゴリーページ、重点製品ページをメインナビゲーション、トップページのエントリー、関連記事の内部リンクに追加します。

6. 最初からWooCommerceテンプレートを再作成しない

Elementor Proやコードで製品ページを再作成することは可能ですが、それはデフォルトのフローが正常に動作した後に行うべきです。初心者が最初からテンプレートを再作成すると、製品フィールド、カートボタン、バリエーション、レビュー、関連製品、構造化データ、モバイルスタイルに影響が及び、最終的にメンテナンスコストが高くなることがよくあります。

より安定した順序は、まずデフォルトの製品ページが70%のニーズを満たせるか確認し、その後テーマのスタイル、少量のテンプレート調整、プラグインで不足を補うことです。製品表示ロジックが非常に特殊な場合にのみ、完全なカスタム製品テンプレートを検討します。

7. よくあるB2B製品ページの強化項目