WPBeginner Sites»WPBeginner»ブログ»Plugins»WordPressで商品カタログを作成する方法（ステップバイステップ）

WordPressで商品カタログを作成する方法（ステップバイステップ）

By Editorial Staff | Reviewed by Syed Balkhi | 6月 5, 2024 | Reader Disclosure

シェアツイートシェア WhatsApp 電子メール

本格的なお買い物カゴを追加することなく、WordPressで商品カタログを作成したいですか？

サイト上に商品カタログを表示したまま電話での注文を受けたい場合や、購入手続きを経ずに個別クリックで素早く商品を購入してもらいたい場合もあるでしょう。

この投稿では、WordPressで商品カタログを簡単に作成する方法をご紹介します。

How to create a product catalog in WordPress

お買い物カゴなしで商品カタログを追加する理由

ビジネスによっては、価格が未定のためオンラインで販売できない商品がある。そのため、お買い物カゴプラグインを使用することはできないが、それでもWordPressサイトを作って商品を紹介し、見込み客を集めたいと考えている。

通常、eコマース・プラットフォームといえばオンライン・ショッピングを連想する人が多いだろう。しかし、お買い物カゴの機能を使わなくても、商品を陳列することは可能です。

一方、ワンクリック購入オプション付きの商品カタログを追加することもできます。カスタマイザーは即座に商品を購入し、購入手続きを回避することができます。これは、より良いショッピング体験を提供し、プロセス全体をより迅速にします。

ということで、WordPressで商品カタログを簡単に作成する方法を見ていきましょう。

WordPressで商品カタログを始めよう

WordPressで商品カタログを作成する最良の方法は、WooCommerceを使用することです。WordPressのための最高のeコマースプラグインであり、すべてのタイプのオンラインストアを作成するのに役立ちます。

さらに、複数のサードパーティプラグインと拡張機能をサポートしています。WooCommerceストアに新機能を追加したり、ストアをカスタマイズしたり、新機能を導入するためにそれらを使用することができます。

WordPressサイトをお持ちでない場合は、WooCommerceでWordPressを素早くセットアップするためのオンラインストアの作り方ガイドをご覧ください。

WooCommerceのインストールが完了したら、WordPressで商品カタログの作成に移ります。ここでは、お買い物カゴなしで商品カタログを追加する方法と、ワンクリック購入手続きで商品カタログを追加する方法の2つを取り上げます。

Method 1: Create a Product Catalog without a Shopping Cart
Method 2: Create a Product Catalog with One-Click Checkout
Additional Resources for Product Catalog

方法1：お買い物カゴなしで商品カタログを作成する

初期設定では、WooCommerceはすべての商品の横にカートに追加または購入ボタンを表示します。このため、お買い物カゴ機能なしで商品カタログを作成することは困難です。

幸い、この問題を解決する簡単な方法がある。

まず、YITH WooCommerce Catalog Modeプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、YITH ” Catalog Modeページにアクセスしてプラグイン設定を行う必要があります。

このプラグインは、すべてのユーザーまたはゲストユーザーのみカタログモードを有効化することができます。また、特定の場所からのユーザーに商品カタログを表示するオプションもあります。

次に、下にスクロールして、より多くの設定を表示することができます。ショップを無効化」オプションをクリックしてください。

変更を保存し、設定を保存することをお忘れなく。

WordPressの商品カタログに商品を追加する

次に、サイトに商品を追加します。商品 ” 新規追加ページで商品情報を入力してください。

商品画面では、商品タイトル、説明、簡単な説明、商品画像、商品ギャラリーを提供することができます。

商品」データセクションの下に、価格オプションがあります。商品価格を表示したくない場合は、空白のままにしておくことができます。

完成したら、商品を公開してください。この作業を繰り返し、必要な数の商品を追加してカタログを作り上げてください。

WooCommerceのショップページで初期設定のカタログを表示することができます。ショップページは通常このようなURLにあります：

http://example.com/shop/

WooCommerceのショップページをカタログモードで表示するには、example.comをあなた自身のURLに置き換えてください。

ショップページを使用したくない場合は、WordPressの任意のページに商品を表示し、商品カタログとして使用することもできます。

WordPressの新規ページを作成するか、既存のページを編集し、コンテンツエリアに以下のショートコードを追加するだけです：

[products columns="4" limit="8" paginate="true"]

カラム数やページあたりの項目数は、ご自身の必須項目に合わせて自由に変更してください。ショートコードを調整したら、ページを保存するか公開してプレビューしてください。

商品ページには、カートに入れるボタンやお買い物ボタンが表示されません。

個々の商品をクリックすると、商品詳細ページが表示されます。商品情報画像、説明、ギャラリーがすべて表示され、お買い物カゴや購入ボタンは表示されません。

商品説明にあなたの連絡先を記載することで、その商品に興味を持ったカスタマイザーが、その商品の購入についてあなたと連絡を取ることができます。

このプラグインについてさらに詳しく知りたい方は、YITH WooCommerce Catalog Modeのレビューをご覧ください。

方法2：ワンクリックチェックアウトで商品カタログを作成する

商品カテゴリーを表示できるもう一つの状況は、ワンクリック購入設定です。これにより、カスタマイザーは通常の購入手続きをすることなく、すぐに購入ボタンをクリックして商品を購入することができます。

まず、YITH WooCommerce One-Click Checkoutプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

有効化した後、WordPressダッシュボードからYITH ” One-Click Checkoutに向かい、一般設定を編集することができます。

例えば、「ショップページで有効化」オプションを有効化することができます。

次に、下にスクロールして、より多くの設定を表示することができます。このプラグインでは、特定の商品カテゴリーを除外することができます。

また、注文後のカスタマイザーへのリダイレクト先を選択することもできます。商品ページ、支払いページ、サンキューページ、またはカスタマイザーページにリダイレクトすることができます。

More general settings for one click checkout

その他にも、ワンクリックボタンで様々なカスタマイザー設定ができる。

ボタンのラベル、背景、テキストの色、マウスオーバー時の背景などを変更する設定があります。

設定が終わったら、「オプションを保存」ボタンをクリックします。

あなたのサイトを訪問して、ワンクリックまたは今すぐ購入ボタンを見ることができます。

製品カタログの追加リソース

ここでは、製品カタログを次のレベルに引き上げる、より役立つガイドをご紹介します。

この投稿が、WordPressで商品カタログを簡単に作成する方法を学ぶのにお役に立てば幸いです。また、商品カタログサイトに使用できる最高のWooCommerceテーマのリストや、WooCommerce SEOを簡単にするガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerで人気今すぐだ！

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源をご覧ください。3$編集プロセスをご覧ください。

について Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

35件のコメント返信を残す

Ralph

This looks like a great solution for my wife interior design blog where she wants to sell custom made furniture. We can’t really show fixed price for everything but still want to show, what we can do. Great and simple guide!

返信
James

this is perfect, is there a monthly fee while you are on catalog mode?

返信
- WPBeginner Support
  
  The plugins from this article charge on a yearly basis unless they change their pricing plan.
  
  返信
  
  管理者
Lorraine

Can I link the products for payment elsewhere? I want to put all my courses on this page and have payment handled by Thinkific. How do I do that?

返信
- WPBeginner Support
  
  For something like that, you shouldn’t need this specific plugin, you should be able to set up WooCommerce to link to the external page similar to our guide on Amazon below:
  
  https://www.wpbeginner.com/wp-tutorials/how-to-build-an-amazon-affiliate-store-using-wordpress/
  
  返信
  
  管理者
Morgan

Hello, does this practice will lead to error missing price on search console ?

返信
- WPBeginner Support
  
  Unless there is an error, you should not run into that issue.
  
  返信
  
  管理者
Ezeequiel

Is there a way to create two catalogues for the same site? I mean I want to have a catalogue of pens and a catalogue of books.

返信
Lalit

Thank you so much for this post! I was worried about displaying my product catalog without a cart but you made it easy for me! Thank you for guiding!

返信
hitesh

hello there, is there any plugin in WordPress which adds another section for retailers where they can add their product description and photo and it will list in my e-commerce site after our approval? please answer, I will be very grateful to you.

返信
- WPBeginner Support
  
  For something like that you would want to take a look at our guide below:
  
  https://www.wpbeginner.com/wp-tutorials/how-to-create-an-online-marketplace-using-wordpress/
  
  返信
  
  管理者
Denise Ellis

Thank you, any recommendation what can be used to add a button on product page that when clicked redirects the user to another url/website.

返信
- WPBeginner Support
  
  For something like that, you would want to take a look at our article below:
  
  https://www.wpbeginner.com/wp-tutorials/how-to-build-an-amazon-affiliate-store-using-wordpress/
  
  返信
  
  管理者
Denise Ellis

Great article thank you. Once add to cart is disabled, will this allow me to then replace the add to cart with a “buy now” call-to-action button that directs the user to a shop direct product page where the user can “add the cart” and complete their order?

返信
- WPBeginner Support
  
  No, the goal of this guide would be to remove the option to purchase from your site.
  
  返信
  
  管理者
Rahul Bera

Thanks a lot , this tutorial really helped

返信
- WPBeginner Support
  
  You’re welcome
  
  返信
  
  管理者
David

Hello. Thanks for the great blog. Very useful. I was wondering. Is there a shortcode for showing categories rather than products? Thanks.

返信
- WPBeginner Support
  
  It would depend on how specifically you wanted them displayed, if you check WooCommerce’s shortcodes there are multiple display options you can take a look at
  
  返信
  
  管理者
Sanjeev

Is it possible to build a website for ecommerce, dropshipping and affilateed product in onesingle platform

返信
- WPBeginner Support
  
  If you wanted to you could certainly do that
  
  返信
  
  管理者
mike

At my company, we have one catalog that needs NO pricing. Then on another section, we need pricing. Any simple suggestions on how to resolve this?

Would I need to occurrences of WooCommerce or something?

返信
- WPBeginner Support
  
  You would want to reach out to the plugin’s support but that would likely be handled by the pro version of the plugin
  
  返信
  
  管理者
Peter

If my customer changes his mind in a few months, can i enable all the buying options such as cart icon etc. and continue use WooCommerce or I will have to set all the product from the beginning?

返信
- WPBeginner Support
  
  You would disable the catalog mode and it would start working as a normal WooCommerce store
  
  返信
  
  管理者
Nicola

Hi. This is great thank you. Is there a way of adding something to the short code so I just show products listed in a particular category on particular pages on my website?

返信
- WPBeginner Support
  
  You would want to reach out to the plugin’s support and they would let you know what customizations are available
  
  返信
  
  管理者
- David
  
  Hi Nicola, I don’t know if you already found this out but I just found out you can do it this way:
  
  [products columns=”4″ limit=”8″ paginate=”true” category=”YOUR CATEGORY”]
  
  Hope that helps
  
  返信
Suzy Knapp

I’m wanting to to showcase art from different sources (with affiliate links) on my upcoming post about sourcing art online. Would this plugin work for that?
Thanks for your help!

返信
- WPBeginner Support
  
  It would depend on how you want to display the content but this method should work for what it sounds like you’re wanting
  
  返信
  
  管理者
Sonali

I am facing an issue with uploading product images in the catalogue mode, can someone tell me what the problem might be? Because I am way below the 99 product limit

返信
- WPBeginner Support
  
  You would want to first reach out to the plugin’s support for assistance with it
  
  返信
  
  管理者
Farhan Muntaqo

Actually I want to replace the add to cart or buy button with WhatsApp button, any help I would apppreciate, Thanks.

返信
- WPBeginner Support
  
  You would want to reach out to the plugin’s support for if there is a built-in option for that or recommended method for setting that up.
  
  返信
  
  管理者
Styleloft Apparels

It is a super helpful article , I was trying to show product without cart & it just solved my problem in 2 minutes. Great thanks to the author

返信