WordPressで商品カタログを作成すると、本格的なショッピングカートなしで商品やサービスを展示できます。
私たちが協力してきた多くの企業は、電話または対面で注文を管理しながら、自社の製品を表示するためにこのアプローチを好んでいます。
とはいえ、商品カタログの設定は常に簡単とは限りません。正しく設定しないと、カタログが乱雑でわかりにくくなり、訪問者をイライラさせて離れてしまう可能性があります。
良いニュースは？YITH WooCommerceプラグインを使用すると、商品を美しく表示し、顧客をリピートさせる、スムーズでユーザーフレンドリーなカタログを構築できます。
このガイドでは、WordPressで製品カタログを作成するステップバイステップのプロセスを説明します。
ショッピングカートなしで商品カタログを追加する理由
価格が未定のためオンラインで販売できない商品を持つビジネスがあります。これにより、ショッピングカートプラグインを使用することは不可能になりますが、それでもそれらの商品を展示し、潜在顧客を引き付けるためにWordPressウェブサイトを作成したいと考えています。
通常、人々はeコマースプラットフォームをオンラインショッピングと関連付けます。しかし、ショッピングカート機能を使用せずに製品を表示するためにも使用できます。
一方で、ワンクリック購入オプション付きの製品カタログを追加できます。顧客は製品を即座に購入し、チェックアウトプロセスをスキップできます。これにより、より良いショッピング体験が提供され、プロセス全体が迅速になります。
これを踏まえ、WordPressで商品カタログを簡単に作成する方法をステップごとにご案内します。
WordPressで商品カタログを始める
WordPressで商品カタログを作成する最良の方法は、WooCommerceを使用することです。これはWordPress向けの最高のeコマースプラグインであり、あらゆる種類のオンラインストアを作成するのに役立ちます。
さらに、複数のサードパーティ製プラグインや拡張機能をサポートしています。これらを使用して、新しい機能を追加したり、ストアをカスタマイズしたり、WooCommerceストアに新しい機能を紹介したりできます。
WordPressサイトがまだセットアップされていない場合は、オンラインストアの作成方法に関するガイドを参照して、WooCommerceでWordPressを迅速にセットアップしてください。
WooCommerceをインストールしたら、WordPressで製品カタログの作成に進むことができます。ショッピングカートなしで製品カタログを追加する方法と、ワンクリックチェックアウトで追加する方法の2つの方法を説明します。
- 方法1：ショッピングカートなしで商品カタログを作成する
- 方法2：ワンクリックチェックアウトで商品カタログを作成する
- よくある質問：WordPressで商品カタログを作成する
- 商品カタログの最適化に関する追加リソース
さあ、始めましょう！
方法1：ショッピングカートなしで商品カタログを作成する
デフォルトでは、WooCommerceはすべての製品の横にカートに追加または購入ボタンを表示します。これにより、ショッピングカート機能なしで製品カタログを作成するのが困難になります。
幸いなことに、この問題を解決する簡単な方法があります。
まず、YITH WooCommerce Catalog Modeプラグインをインストールしてアクティブ化する必要があります。多くのWooCommerceストアでテスト済みですので、詳細についてはYITH WooCommerce Catalog Modeレビューをご覧ください。
プラグインのインストールでお困りの場合は、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、YITH » カタログモードページにアクセスしてプラグインの設定を構成する必要があります。
このプラグインを使用すると、すべてのユーザーまたはゲストユーザーのみにカタログモードを有効にできます。特定の場所からのユーザーに製品カタログを表示するオプションもあります。
次に、下にスクロールしてその他の設定を表示できます。「ショップを無効にする」オプションをクリックしてください。
変更を保存し、設定を保存することを忘れないでください。
WordPress製品カタログに製品を追加する
次に、サイトに商品を追加し始めることができます。単に商品 » 新規追加ページにアクセスして、商品情報を入力してください。
商品画面では、商品タイトル、説明、短い説明、商品画像、および商品ギャラリーを提供できます。
「商品」データセクションの下に、価格オプションがあります。商品価格を表示したくない場合は、空白のままにしておくことができます。
完了したら、商品を発行してください。カタログを構築するために必要なだけ多くの商品を追加するには、このプロセスを繰り返します。
WooCommerceのショップページにアクセスして、デフォルトのカタログが機能していることを確認できます。通常、ショップページは次のようなURLにあります。
http://example.com/shop/
example.comを自分のURLに置き換えて、カタログモードでWooCommerceショップページを表示してください。
ショップページを使用しない場合は、任意のWordPressページに商品をディスプレイして、商品カタログとして使用することもできます。
新しいWordPressページを作成するか、既存のページを編集して、コンテンツエリアに次のショートコードを追加するだけです。
[products columns="4" limit="8" paginate="true"]
列数と1ページあたりの項目数を必要に応じて自由に調整してください。ショートコードを調整したら、ページを保存または公開してプレビューしてください。
商品ページに「カートに追加」ボタンや購入ボタンが表示されないことに気づくでしょう。
個々の商品をクリックすると、商品詳細ページが表示されます。商品情報、画像、説明、ギャラリーはすべて表示されますが、カートに追加または購入ボタンはありません。
商品説明を使用して、連絡先情報を含めることができることを忘れないでください。これにより、商品に興味のある顧客は、購入についてあなたに連絡することができます。
方法2：ワンクリックチェックアウトで商品カタログを作成する
商品カテゴリを表示する別の方法として、ワンクリック購入オプションがあります。これにより、お客様は標準のチェックアウトプロセスを経ずに、「今すぐ購入」ボタンをクリックするだけで商品を即座に購入できます。
まず、YITH WooCommerce One-Click Checkoutプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。
また、すべての機能を調べるために広範囲にテストしましたが、WordPressストアにとって素晴らしい選択肢だと考えています。
有効化したら、WordPressダッシュボードからYITH » One-Click Checkoutに移動して、一般設定を編集できます。
例えば、「ショップページで有効化」オプションを有効にすることができます。
次に、下にスクロールしてその他の設定を表示できます。このプラグインでは、特定の商品カテゴリを除外できます。
注文完了後、顧客をどこにリダイレクトするかを選択することもできます。製品ページ、支払いページ、サンキューページ、またはカスタムページにリダイレクトできます。
それ以外にも、ワンクリックボタンでさまざまなカスタマイズオプションを利用できます。
ボタンのラベル、背景、テキストの色、ホバー時の背景などを変更するための設定があります。
完了したら、「オプションを保存」ボタンをクリックします。
これで、ウェブサイトにアクセスして、ワンクリックまたは「今すぐ購入」ボタンを確認できます。
よくある質問：WordPressで商品カタログを作成する
WordPressで商品カタログを作成することについて、読者からよく寄せられる質問をいくつかご紹介します。
WooCommerceを使用せずに商品カタログを作成できますか？
はい、WooCommerceなしで商品カタログを作成できますが、WooCommerceを使用するとずっと簡単になります。
WooCommerceを使いたくない場合は、Ultimate Product Catalogのようなカタログ専用プラグインや、SeedProdのようなビジュアルページビルダーを使用して、静的なカタログレイアウトを作成することもできます。
ただし、WooCommerce はより柔軟性を提供します。プラグインを使用してカタログモードを有効にすると、カートとチェックアウト機能を非表示にできます。これにより、ユーザーに購入を強制することなく、WooCommerce の製品管理のすべての利点を得ることができます。
カタログの各商品に問い合わせフォームを追加できますか？
はい、カタログの各商品に問い合わせフォームを追加できます。これは、直接チェックアウトを使用していない場合に特に便利です。
カスタムフォームを作成し、各商品ページに埋め込むには、WPFormsの使用をお勧めします。
多くのカタログプラグインは、問い合わせボタンの組み込みサポートも提供しています。「見積もり依頼」または「お問い合わせ」をクリックすると、その特定の商品に関連付けられたフォームが開くため、パーソナライズされた詳細で簡単に返信できます。
製品カタログを作成すると、ウェブサイトの速度に影響しますか？
必ずしもそうではありませんが、追加する商品の数とサイトの最適化状況によって異なります。高速なパフォーマンスを確保するために、次のヒントに従ってください。
- WooCommerceまたは商品リストに最適化された軽量テーマを使用してください
- 商品画像をアップロードする前に圧縮してください
- WP Rocket のようなキャッシュプラグインを使用する
- 画像をより速く配信するためにコンテンツ配信ネットワーク（CDN）を検討する
適切に構築された商品カタログは、特にフルECチェックアウト機能を使用していない場合、サイトの速度を低下させるべきではありません。
商品カタログの最適化に関する追加リソース
商品カタログをさらに際立たせたいですか？これらの便利なガイドは、カタログを洗練させ、向上させ、より良いユーザーエクスペリエンスを提供するために役立ちます。
- WooCommerceのベスト商品グリッドプラグイン（無料＋有料）
- WordPressで単一の商品をオンラインで販売する方法
- WooCommerce商品ページで人気商品をどのように表示するか
- おすすめWordPress商品比較プラグイン（比較済み）
- WooCommerceの製品ページをカスタマイズする方法（コード不要）
この記事が、WordPressで商品カタログを簡単に作成する方法を学ぶのに役立ったことを願っています。また、商品カタログウェブサイトに使用できる最高のWooCommerceテーマのリストや、WooCommerce SEOを簡単にする方法に関するガイドも参照してください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
ラルフ
これは、妻がカスタムメイド家具を販売したいインテリアデザインブログに最適なソリューションのようです。すべてに固定価格を表示することはできませんが、何ができるかを示したいと考えています。素晴らしいシンプルなガイドです！
ジェームズ
これは完璧ですが、カタログモードの間は月額料金がかかりますか？
WPBeginnerサポート
この記事のプラグインは、価格プランが変更されない限り、年間料金がかかります。
管理者
Lorraine
支払いのために商品を他の場所にリンクできますか？すべてのコースをこのページに掲載し、支払いはThinkificに処理してもらいたいのですが。どうすればよいですか？
WPBeginnerサポート
そのようなものについては、この特定のプラグインは必要ないはずです。以下のAmazonに関するガイドと同様に、WooCommerceを外部ページにリンクするように設定できるはずです。
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-build-an-amazon-affiliate-store-using-wordpress/
管理者
Morgan
こんにちは、この方法は検索コンソールで価格が欠落するエラーにつながりますか？
WPBeginnerサポート
エラーがない限り、その問題に遭遇することはありません。
管理者
Ezeequiel
同じサイトに2つのカタログを作成する方法はありますか？つまり、ペンのカタログと本のカタログを持ちたいのです。
Lalit
この投稿、本当にありがとうございます！カートなしで商品カタログを表示することに心配していましたが、あなたが簡単にできるようにしてくれました！ご指導ありがとうございます！
hitesh
こんにちは、WordPressで小売業者向けの別のセクションを追加し、そこで商品情報と写真を追加できるようにするプラグインはありますか？承認後に私のeコマースサイトにリストされますか？回答をお願いします。大変感謝いたします。
WPBeginnerサポート
そのような場合は、以下のガイドをご覧ください。
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-create-an-online-marketplace-using-wordpress/
管理者
Denise Ellis
ありがとうございます。製品ページにボタンを追加して、クリックすると別のURL/ウェブサイトにリダイレクトさせるために何が使えるか、何かおすすめはありますか？
WPBeginnerサポート
そのような場合は、以下の記事をご覧ください。
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-build-an-amazon-affiliate-store-using-wordpress/
管理者
Denise Ellis
素晴らしい記事、ありがとうございます。カートに追加が無効になった後、カートに追加を「今すぐ購入」のコールトゥアクションボタンに置き換えて、ユーザーを直接製品ページに誘導し、そこで「カートに追加」して注文を完了できるようにしますか？
WPBeginnerサポート
いいえ、このガイドの目的は、サイトから購入するオプションを削除することです。
管理者
Rahul Bera
どうもありがとうございます、このチュートリアルは本当に役に立ちました
WPBeginnerサポート
You’re welcome
管理者
デビッド
こんにちは。素晴らしいブログをありがとうございます。とても参考になります。お伺いしたいのですが。製品ではなく、カテゴリーを表示するためのショートコードはありますか？よろしくお願いします。
WPBeginnerサポート
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
eコマース、ドロップシッピング、アフィリエイト商品をすべて1つのプラットフォームで構築することは可能ですか
WPBeginnerサポート
If you wanted to you could certainly do that
管理者
mike
私の会社では、価格表示が不要なカタログが1つあります。別のセクションでは価格表示が必要です。これを解決するための簡単な提案はありますか？
WooCommerceなどが複数必要になりますか？
WPBeginnerサポート
プラグインのサポートに問い合わせる必要がありますが、それはおそらくプラグインのプロバージョンで対応されるでしょう。
管理者
Peter
数ヶ月後に顧客が気が変わった場合、カートアイコンなどのすべての購入オプションを有効にしてWooCommerceを使い続けることはできますか？それとも、最初からすべての商品を設定し直す必要がありますか？
WPBeginnerサポート
カタログモードを無効にすると、通常のWooCommerceストアとして機能するようになります
管理者
ニコラ
こんにちは。これは素晴らしいです、ありがとうございます。特定のカテゴリにリストされている商品をウェブサイトの特定のページに表示するだけでよいように、ショートコードに何かを追加する方法はありますか？
WPBeginnerサポート
You would want to reach out to the plugin’s support and they would let you know what customizations are available
管理者
デビッド
ニコラさん、こんにちは。もうお分かりになったかもしれませんが、この方法でできることを発見しました。
[products columns="4" limit="8" paginate="true" category="YOUR CATEGORY"]
お役に立てば幸いです
スージー・ナップ
オンラインでアートを調達する方法についての次の投稿で、さまざまなソースからのアート（アフィリエイトリンク付き）を展示したいと考えています。このプラグインはそれに役立ちますか？
ご協力ありがとうございます！
WPBeginnerサポート
コンテンツをどのように表示したいかによりますが、この方法はあなたが望んでいるように機能するはずです
管理者
Sonali
カタログモードで商品画像をアップロードする際に問題が発生しています。99個の商品制限を大幅に下回っているのですが、何が問題なのか誰か教えていただけますか？
WPBeginnerサポート
You would want to first reach out to the plugin’s support for assistance with it
管理者
Farhan Muntaqo
実は、カートに追加または購入ボタンをWhatsAppボタンに置き換えたいのですが、何か助けていただけると幸いです。ありがとうございます。
WPBeginnerサポート
それに組み込みのオプションがあるかどうか、または設定するための推奨される方法については、プラグインのサポートに問い合わせる必要があります。
管理者
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