WooCommerceでカタログモードを有効にする方法

公開: 2021-04-10

WooCommerceストアでカタログモードを有効にしますか？ このガイドでは、販売を無効にし、eコマースショップをオンラインカタログに変える方法を段階的に説明します。

あなたがあなたのオンラインストアを成長させるのを助けることができる多くのマーケティングとビジネス戦略があります。 同様に、カタログモードを使用すると、販売する製品の種類によっては、状況によっては有益な場合があります。 カタログモードとは何か、そしてそれがサイトにもたらす主な利点をよりよく理解しましょう。

カタログモードとは何ですか？

カタログモードサイトは、顧客が製品の完全なリストを表示することはできても、すぐに購入することはできないオンラインストアです。

従来のeコマースWebサイトでは、訪問者と顧客はいつでも好きな製品を購入できます。 カートに商品を追加し、チェックアウトプロセスを経て、購入したい商品やサービスの料金を支払うだけです。 ただし、カタログモードストアでは、ユーザーは商品を購入できません。 これらのWebサイトは、「カートに追加」ボタンを非表示にし、カートおよびチェックアウトページへのアクセスを無効にして、顧客が製品を購入できないようにします。

何も買えないということですか？ いいえ。ほとんどの店舗では、登録ユーザーが購入するか、訪問者にWebサイトから連絡するように依頼することしかできません。

カタログモードは、卸売りおよび会員限定のeコマースWebサイトに広く普及していますが、他のストアが製品を事前にリリースしている場合や、マーケティング目的で製品の在庫を表示したいだけのWebサイトでも非常に役立ちます。

WooCommerceのカタログモードの利点

WooCommerceでカタログモードを有効にした後に得られるメリットは、一部のWebサイトにとって真のゲームチェンジャーになる可能性があります。 ストアをカタログに変え、ユーザーにあなたの製品についてもっと知るためにあなたに連絡させることは、あなたがよりパーソナライズされた体験を提供するのに役立ちます。 さらに、ユーザーエンゲージメントを高め、アップセルに役立てることもできます。

同様に、メンバー専用のeコマースサイトを運営している場合、カタログモードを使用すると、オーディエンスが製品を購入したい場合に利用できる唯一のオプションであるため、オーディエンスにサインアップを促すことができます。 このように、あなたはより少ない顧客を得るかもしれませんが、彼らはあなたが提供しなければならないことに本当に興味を持っている人々になります。 その上、サイトで限定版の商品を販売している場合は、カタログモードも効果的かもしれません。

最後に、カタログモードは、製品や新しいオンラインストアを事前に立ち上げている場合にも、誇大広告を生み出す可能性があります。 あなたのサイトにアイテムを表示し、ストアが稼働する前にそれらを使用して人気を得ることができます。

全体として、カタログモードの一般的な利点のいくつかは次のとおりです。

  • 顧客のタイプごとに異なる方法で製品を表示する
  • 登録ユーザーの数を増やします。これは、電子メールやニュースレターのマーケティングに役立ちます。
  • よりパーソナライズされたエクスペリエンスをユーザーに提供します
  • 顧客とのエンゲージメントを高め、製品に対する顧客の信頼と忠誠心を強化します
  • 特定のタイプのユーザーが製品を購入できないようにする
  • 製品を発売する前に誇大広告を作成する

メリットをよりよく理解できたので、WooCommerceでカタログモードを有効にするさまざまな方法を見てみましょう。

WooCommerceでカタログモードを有効にする方法

WooCommerceでカタログモードをアクティブにする方法は2つあります。

  1. プログラムで
  2. プラグインの使用

注：サイトですでにWooCommerceを使用していることを前提としています。 そうでない場合は、続行する前に、ストアにWooCommerceをインストールして適切にセットアップしていることを確認してください。

1.プログラムでWooCommerceのカタログモードを有効にする

コーディングのスキルがあれば、カタログモードの有効化は非常に簡単です。 基本的なコンセプトは、商品ページの価格と[カートに追加]ボタンを非表示にすることです。 その後、ストアはカタログとしてのみ機能します。

もう1つの方法は、[カートに追加]ボタンを非表示にして、カタログモードで価格を表示することです。 正しい選択も間違った選択もありませんので、自分に最適なアプローチを選択してください。

注：この方法では、いくつかのコアファイルを編集する必要があるため、何かを変更する前に、必ずWebサイトをバックアップして子テーマを作成してください。 テーマファイルには非常にデリケートな情報が含まれており、サイトが破損する可能性があるため、プロセス中に問題が発生した場合に備えて、元に戻す方法を用意しておくことをお勧めします。

次に、いくつかのスニペットを見ていきます。 あなたがする必要があるのは、 functions.phpタブにそれらを追加することです。 WordPressダッシュボードの[外観]> [テーマエディター]> [テーマ関数]からアクセスできます。 使用するWordPressテーマによってテーマファイルが異なる場合がありますが、問題なくガイドに従うことができるはずです。

テーマエディターは、woocommerceでカタログモードを有効にします

テーマファイルにアクセスできない場合、またはファイルを直接編集することに抵抗がある場合は、テーマにコードを追加するか、コードスニペットやヘッダーとフッターの挿入などの専用プラグインを使用できます。

1.1。 「カートに追加」ボタンを非表示にする

WooCommerceストアでカタログモードを有効にする最初のステップは、[カートに追加]ボタンを非表示にすることです。 ボタンを削除するには、次のコードスニペットを使用するだけです。

 remove_action（ 'woocommerce_after_shop_loop_item'、 'woocommerce_template_loop_add_to_cart'）;
 remove_action（ 'woocommerce_single_product_summary'、 'woocommerce_template_single_add_to_cart'、30）;

最初のremove_action（）は、製品ページの[カートに追加]ボタンを無効にし、2番目の関数はショップページに対して同じことを行います。

また、商品を購入できないようにし、顧客がカートに商品を追加できないようにすることもできます。 これを行うには、次のスニペットを追加します。

 add_filter（ 'woocommerce_is_purchasable'、 '__ return_false'）;

これにより、「カートに追加」が「続きを読む」ボタンに置​​き換えられます。

非登録ユーザーの場合は[カートに追加]を非表示にします

もう1つの興味深い方法は、ログインしていないユーザーのためだけに[カートに追加]ボタンを非表示にすることです。 このように、登録されたユーザーのみが「カートに追加」ボタンを表示して製品を購入することができます。 これには、次のコードスニペットを使用します。

 / *ログインしていないユーザーのカートボタンへの追加を削除します* /
 if（！is_user_logged_in（））{
 //製品ページ
add_filter（ 'woocommerce_is_purchasable'、 '__ return_false'）;
 }

これらはほんの一例ですが、できることはもっとたくさんあります。 [カートに追加]ボタンを非表示にするための詳細とオプションについては、ガイドをご覧ください。

  • 「カートに追加」ボタンを削除する方法
  • WooCommerceで価格を隠す
  • WooCommerceの「カートに追加」ボタンをカスタマイズする方法

1.2。 ストアで価格を非表示にする

「カートに追加」ボタンを非表示にした後、次のステップは、価格を削除してWooCommerceでカタログモードを有効にすることです。 以前にボタンで行ったのと同様に、コードで価格を非表示にするプロセスは非常に簡単で、いくつかの方法で実行できます。

ストア内のすべての価格を非表示にする場合は、次のスニペットを使用できます。

 add_filter（ 'woocommerce_get_price_html'、 'QuadLayers_remove_price'）;
 関数QuadLayers_remove_price（$ price）{
 戻る ;
 }

ただし、管理者の価格を表示し、他のすべてのWebサイト訪問者からそれらを非表示にする場合は、次のスニペットを使用できます。

 add_filter（ 'woocommerce_get_price_html'、 'QuadLayers_remove_price'）;
 関数QuadLayers_remove_price（$ price）{
 if（is_admin（））return $ price;
 戻る ;
 }

さらに、次のスクリプトを使用して、ショップページでのみ商品の価格を非表示にすることもできます。

 add_filter（ 'woocommerce_after_shop_loop_item_title'、 'remove_woocommerce_loop_price'、2）;
 関数remove_woocommerce_loop_price（）{
 if（！is_shop（））return; //ショップページでのみ価格を非表示
remove_action（ 'woocommerce_after_shop_loop_item_title'、 'woocommerce_template_loop_price'、10）;
 }

さらに、あなたがあなたのウェブサイトから価格を取り除くことができる他の多くの方法があります。 詳細については、WooCommerceで価格を非表示にする方法に関するチュートリアルをご覧ください。

2.プラグインを使用してWooCommerceでカタログモードを有効にします

コーディングのスキルがなく、コアファイルの編集に慣れていない場合は、プラグインを使用してWooCommerceでカタログモードを有効にできます。 これは、WordPressWebサイトにあらゆる種類の機能を追加するための最も簡単な方法の1つです。

カタログモードを有効にするために使用できるプラグインはたくさんあります。 このセクションでは、いくつかの最高のものを見ていきます。

WooCommerceでカタログモードを有効にするための最良のプラグイン

1. YITHWooCommerceカタログモード

YITH woocommerceカタログモードは、woocommerceでカタログモードを有効にします

YITH WooCommerceカタログモードは、WooCommerceでカタログモードを有効にするためにWordPressリポジトリで最も人気のあるものの1つです。

このツールを使用すると、ストアからすべての[カートに追加]ボタンを簡単に削除したり、ショップや商品のページでのみ非表示にしたりできます。 同様に、チェックアウトページへのアクセスを削除して、Webサイトを完全にカタログに変えることもできます。

主な機能
  • 管理者にカタログモードでストアを表示させるオプション
  • すべてのページまたは一部の特定のページで[カートに追加]ボタンを非表示にします
  • チェックアウトページへのアクセスを削除して、Webサイトが完全にカタログモードになるようにします
  • 十分に文書化された素晴らしいサポート
価格

YITHWooCommerceカタログモードはフリーミアムプラグインです。 基本機能を備えた無料バージョンと、年間79米ドルから始まるプレミアムプランがあります。

2.WooCommerceの高度なカタログモード

woocommerceの高度なカタログモードは、woocommerceのカタログモードを有効にします

その名前が示すように、WooCommerceの高度なカタログモードは、WooCommerceでカタログモードを有効にするプレミアムプラグインです。 これはWooCommerceの公式Webサイトで利用できる拡張機能であるため、WooCommerceとの完全なサポートと互換性を提供します。

このツールを使用すると、数回クリックするだけで[カートに追加]ボタンを削除することで、ストアをカタログに簡単に変えることができます。 または、特定の製品またはユーザーの役割ベースのカタログに設定することもできます。

主な機能
  • ゲストまたは未登録のユーザーに対してのみカタログモードを有効にする
  • テキストをカスタマイズし、「カートに追加」ボタンのリンクをリダイレクトします
  • 製品の価格を非表示にするか、特定のユーザーロールのカートとチェックアウトページを非表示にします
  • WooCommerceとの完全な互換性とサポート
価格

Advanced Catalog Modeは、79米ドルで利用できるプレミアムツールで、1年間のアップデートと30日間の返金保証が含まれています。

YITHカタログモードでカタログモードを有効にする方法

プラグインについて見てきたので、これらのツールの1つを使用してWooCommerceでカタログモードを有効にする方法を見てみましょう。 このチュートリアルでは、YITH WooCommerceカタログモードを使用します。これは、無料バージョンがあり、非常に使いやすいためです。

まず、このプラグインをインストールしてアクティブ化する必要があるため、WordPressダッシュボードで[プラグイン]> [新規追加]に移動し、プラグインを検索します。 次に、[今すぐインストール]をクリックしてプラグインをインストールし、アクティブ化します。

その後、ダッシュボードから[YITH]> [カタログモード]に移動します。 非常に簡単な設定ページが表示されます。

管理者のカタログモードを有効または無効にするオプションを選択したり、ショップページからカートを非表示にしたり、チェックアウトしたり、カートに追加したりできます。 [ショップを無効にする]を選択すると、カートとチェックアウトページとともにすべての場所で削除されます。 さらに、すべてのページ、ショップ、または製品ページから「カートに追加」ボタンを非表示にすることができます。

最後に、[カートに追加]を非表示にしている製品バリエーションを非表示にするかどうかを選択することもできます。

yithカタログモードは、woocommerceでカタログモードを有効にします

必要な変更をすべて行ったら、[変更を保存]をクリックします。

それでおしまい！ 以下に示すようにプレビューすると、カタログモードでWebサイトを表示できるようになります。

変更前のショップページ

カタログモードを有効にした後のショップページ

woocommerceでカタログモードを有効にしてから買い物

結論

要約すると、カタログモードは、登録ユーザー数を増やしたり、エンゲージメントを高めるためのよりパーソナライズされたショッピングエクスペリエンスをユーザーに提供したり、新製品を発売する前に誇大広告を作成したり、ログインのみからの購入を制限したりするストアに適しています。ユーザー。

このガイドでは、WooCommerceでカタログモードを有効にするいくつかの異なる方法を見てきました。

  • プログラムでコードスニペットを使用
  • プラグイン付き

どちらのオプションも効果的であるため、スキルとニーズに最も適したものを選択してください。 コーディングのスキルがある場合は、独自のコードを記述して、ストアに合わせたソリューションを作成できます。 コアファイルのコーディングと編集に慣れていない場合は、プラグインを使用できます。 無料とプレミアムの両方のオプションがあります。

最後に、この記事がお役に立てば、興味深いと思われる投稿がさらにいくつかあります。

  • WooCommerceページで在庫切れの商品を非表示にする方法
  • 「カートに追加」ボタンを削除する方法
  • WooCommerceの「カートに追加」ボタンをカスタマイズします
  • Diviショップページに[カートに追加]ボタンを追加する方法

ストアでカタログモードを有効にしましたか？ どの方法を使用しましたか？ 以下のコメントセクションでお知らせください。