img_5fc4d66466f81
img_5fc4d66466f81
img_5fc4d66466f81

WordPress WooCommerceショートコード:知っておくべきことすべてと便利なリスト

この記事をお楽しみいただけましたか?
ソーシャルメディアでシェアしましょう!
コンテンツ

WooCommerceショートコードは、プラットフォームの最も汎用性の高い機能の一つです。これにより、エンドユーザーにとってよりダイナミックなエクスペリエンスを実現できます。ショップにショートカットを追加することで、訪問者に可能な限りシームレスなエクスペリエンスを提供できます。そして、それが常に最終目標であり、訪問者にとってより使いやすくすることです。

ウェブサイト運営者なら誰もが抱える懸念の一つは、レイアウトの面でコンテンツが古臭く見えることです。オンラインストアを運営している場合、これはさらに懸念事項です。なぜなら、レイアウトが古臭く見えてしまうと、売上の低下に直結する可能性があるからです。しかし、優れたデザインに加え、ショートカットを追加することは、WooCommerceストアに彩りを添えるもう一つの方法です。

WooCommerce ショートコードとは何ですか?

ページのどこにでも配置できる小さなコードスニペットで、視覚的に魅力的なショートカットを提供します。これにより、ユーザーは以下の機能に簡単にアクセスできるようになります。

  • 行動喚起
  • ストア内のページ(ショッピングカートや注文追跡セクションなど)
  • 販売したい特定の製品

WooCommerceショートコードの追加

用語としては専門的に聞こえますが、WooCommerceショートコードの最大の利点は、追加が簡単だということです。コードの知識さえ必要ありません。Gutenbergのおかげで、ショートコードを「ショートコード」ブロックまたはページビルダーに挿入(つまり、コピー&ペースト)するだけです。

1 つのページに異なるショートコードを挿入し、複数のショートコードを互いに近づけて配置することができます。

必須プラグイン

WooCommerceには独自のショートコードセットが付属していますが、さらに多くのショートコードにアクセスできるプラグインがいくつかあります。WooCommerceの管理ダッシュボードにアクセスすると、 プラグイン > 新規追加 右側にあります。そこから以下のプラグインを追加できます。

  • WooCommerce クイックビュー プロ仕様。WordPressサイトにインストールすると、フロントエンドレイアウトに新しいクイックビューボタンが自動的に表示されます。これにより、訪問者は現在のページを離れることなく、属性やバリエーションなどの詳細情報にアクセスしたり、商品をカートに追加したりできるようになります。
  • WooCommerce 商品テーブル このプラグインでは、[product_table]ショートコードが使えるようになり、WooCommerceのデフォルトのグリッドレイアウト以外のレイアウトも利用できるようになります。1ページあたりに表示する商品数を増やしたい場合に最適です。
  • WooThemesのWooCommerceショートコード このプラグインをインストールして有効化すると、テキストエディターにTinyMCEのドロップダウンボタンが追加され、すべての組み込みショートコードに簡単にアクセスできるようになります。ショートコードを使用するたびにコピー&ペーストする必要がなくなるため、時間を大幅に節約できます。

以下に、ページ、製品表示、アクションの 3 つの主なカテゴリに分けて、最も便利なショートコードをいくつか示します。

WooThemesのWooCommerceショートコード

1. ページへのショートコード

顧客が現在閲覧中のページを離れることなく重要なページにアクセスできるようにすることで、顧客にとって利便性が高まります。

  • 私のアカウント ショートコードを使用して、サイトの任意の場所に WooCommerce マイ アカウントを追加します。
  • カート ショートコードを使用して、WordPress ページ、投稿、ウィジェット、サイドバーに顧客のパーソナライズされたショッピング カートを表示します。
  • チェックアウト ショートコードを使用して、チェックアウト ページを好きな場所 (製品テーブルの下など) に挿入します。
  • 注文追跡 注文追跡機能はWooCommerceには付属していませんが、新しいページを作成し、テキストエディタにショートカットを追加することで、自分で追加できます。また、他の場所に追加することも可能です。

ショートコードの例は次のとおりです。

WooCommerce ショートコードの例

2. 商品の展示

次の WooCommerce ショートコードを使用して、さまざまな基準で製品を紹介します。

カテゴリー サイトのどこにでも商品カテゴリー(商品ではなく)を記載します

商品表示WooCommerceショートコード

3. アクション

顧客が現在のページを離れることなく簡単にアクションを実行できるようにします。

  • カートに追加 特定の商品のボタンを好きな場所に挿入します。商品に適切なコード(例:
  • 製品検索 ショートコードを使用して、ページや投稿など、サイトの好きな場所にライブフィルタリング機能を備えたライブ検索を追加します。

カートに追加 WooCommerce ショートコード

トラブルシューティング

まれに、WooCommerce ショートコードをテキストエディタに正しく貼り付けたにもかかわらず、フロントエンドで正しく表示されないことがあります。このような場合は、HTML テキストエディタを開き、誤って <pre> タグを埋め込んでいないか確認してください。

結論は

Bright Vesselは、WordPressデザイン、特にWooCommerceに特化して約20年の経験があります。お客様のブランドに最適なeコマースソリューションを構築するなら、Bright Vesselが最適です。 お問い合わせ あなたのビジネスの特定のニーズに合わせた完璧な WooCommerce ストアの作成を当社がどのようにサポートできるかについて話し合います。

無料のSEO監査を受ける

無料のSEO監査フォーム

"*「必須項目」は必須項目です

このフィールドは検証目的のためであり、変更しないでください。
コンテンツ
この記事をお楽しみいただけましたか?
ソーシャルメディアでシェアしましょう!
無料のSEO監査を受ける

無料のSEO監査フォーム

"*「必須項目」は必須項目です

このフィールドは検証目的のためであり、変更しないでください。
無料のSEO監査を受ける

無料のSEO監査フォーム

"*「必須項目」は必須項目です

このフィールドは検証目的のためであり、変更しないでください。
この記事は気に入っていただけましたか?
ソーシャルメディアでシェアしましょう!

返信を残す

別のブログ投稿もチェックしてください!

すべてのブログ投稿に戻る
© 2024 Bright Vessel. All rights reserved.
xml バージョン = "1.0"? xml バージョン = "1.0"? 下向きシェブロン 左矢印