WooCommerce: マイ アカウント ページをカスタマイズするには?

WooCommerce の「マイ アカウント」ページのカスタマイズは、デザイナーや開発者から最も要望の多かった機能の 1 つです。

e コマース Web サイトの「マイ アカウント」ページは、その運用を円滑に行うために絶対に不可欠です。ユーザーがアカウント管理を最大限に活用できるように適切に設計する必要があります。もちろん、変換するためにカスタマイズすることもできます。より多くの販売およびまたは返品ビジネスの誘因。

「マイ アカウント」ページは、WooCommerce ショートコードを含む実際の WordPress ページ (「ページ」の下にあります) です。 このようなショートコードは、デフォルトのアカウント管理タブとその固有のコンテンツを出力します。

「マイ アカウント」ページ (および「住所の編集」ページなどのすべてのサブページ) の外観、雰囲気、レイアウト、コンテンツ、およびデザインをカスタマイズするには、2 つの選択肢があります。 PHP のカスタマイズに慣れている場合は、カスタム タブの追加、タブの削除、タブのコンテンツの変更、タブの並べ替えなど、簡単なスニペットでほとんどすべてのことを実現できます。 これはすでに Business Bloomer で見たことがありますが、念のため、以下にいくつかの記事とチュートリアルにリンクします。

もう 1 つの洗練された方法は、プラグインを使用することです。 場合によっては、これが、コードを作成する必要なく、必要なものを迅速かつエラーなしで実現する方法である場合があります。 それはあなた次第です – したがって、この記事では両方の方法について説明します!

1. WooCommerce の「マイ アカウント」カスタマイズ スニペット

WooCommerce のフリーランサーとして、プラグインをインストールせずにコーディングして何かを成し遂げることが大好きです。 私もそうだったので、考え方が違うかもしれません。

挑戦したい場合は、PHP と WooCommerce フックを使用すると、「マイ アカウント」ページでほとんど何でも達成できます。

私が気に入っているスニペットをいくつか挙げる前に、私のWooCommerce の「マイ アカウント」ビジュアル フック ガイド(https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/) を読むことをお勧めします。アカウント管理ページのコーディング方法と、追加コンテンツを表示するために使用できる「フック」についてのアイデア。

それが済んだら、次の便利なスニペットを見ることができます (リンクは一目瞭然です)。

• https://businessbloomer.com/woocommerce-add-new-tab-account-page/
• https://businessbloomer.com/woocommerce-hide-rename-account-tab/
• https://businessbloomer.com/woocommerce-merge-account-tabs/
• https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
• https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
• https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
• https://businessbloomer.com/woocommerce-display-products-purchased-user/

楽しみ

2. WooCommerce の「マイ アカウント」カスタマイズ プラグイン

あなたの目標が優れた顧客サービスを提供することだとします。 その場合、マイ アカウント ページをカスタマイズして、顧客が探している情報を提供したり、FAQ で質問に答えたり、ユーザー ガイドや説明ガイドをダウンロードできるようにしたりできます。

標準の WooCommerce インストールには、多くのカスタマイズ機能や、追加のカスタム フィールドを追加するためのユーザー フレンドリーな方法はありませんが、カスタム WooCommerce マイ アカウント ページ プラグインを使用して簡単に実現できます。

顧客が質問への回答を得るためにストアを探し回ることは望ましくありません。その過程で顧客を苛立たせるだけです。 代わりに、マイ アカウント ページを顧客向けの包括的なハブにすることができます。ここでは、ユーザー ガイドや、保証、過去の注文、さらには特典に関する情報を見つけることができます。

WooCommerce のマイ アカウント ページをカスタマイズすることで、ストアにどのようなメリットがあるかを以下に示します。

• 製品返品の最小化:追加の製品情報、説明ガイド、またはマニュアルを追加することで、顧客は購入する製品について自信を持って購入できるようになり、返品の可能性が減少します。

• 顧客ロイヤルティの向上:マイ アカウント ページをカスタマイズすると、必要なすべての情報が見つけやすい場所に表示され、顧客サービスに連絡する必要がなくなり、生活が楽になります。 また、忠実な顧客になるための特別な割引やクーポンを見つける場所も提供します.

• 顧客維持率の最大化:マイ アカウント ページで追加のクーポンや割引を提供することで、顧客が何度も戻ってきて熱心になるようにすることができます。これにより、顧客は新しいセールやオファーを随時チェックすることができます。

• 顧客からの苦情や問い合わせの減少:顧客の 67% は、特定の担当者に電話するよりもセルフサービスを好みます。 ユーザー ガイドと、製品を表示して回答を探すためのオールインワンの場所を提供することで、同じ問い合わせや別の問い合わせについて問い合わせる可能性が低くなります。

マイアカウントページをカスタマイズすることがあなたとあなたの顧客にどのように役立つかを見てきました.ストアの顧客体験を次のレベルに引き上げるために使用できるいくつかのプラグインを見てみましょう.

YITH – WooCommerce マイ アカウント ページのカスタマイズ

Yith の WooCommerce Customize My Account ページを使用すると、My Account ページに表示する内容をより適切に制御でき、使用しているテーマに関係なく、ページを顧客にとって魅力的で便利なものにする優れた方法です。

特筆すべき「マイ アカウント」ページのカスタマイズに関連する最大の機能は次のとおりです。

• 「サイドバー」または「タブ」表示モードを切り替えることができます
• アカウント管理タブのコンテンツを並べ替え、削除、追加、名前変更、変更できます
• 特定のタブを特定のユーザー ロールに表示できます
• 色やラベルを変更したり、アイコンを追加したりできます

説明、調査、ダウンロード可能なファイル、クーポン、ニュース、通知、ビデオ チュートリアルなどのコンテンツを含むメニューを無制限に追加できます。

また、製品を宣伝し、割引コードやプロモーションオファーに関連するメッセージを表示することもできます. また、コンテンツ、ラベル、およびダッシュボードや注文などのストアのデフォルト セクションの位置を簡単に編集できます。

主な機能:特定のユーザーのみに表示されるセクションを作成し、特定のユーザー ロールからそれらを制限できます。

価格: $59.99/年で、1 年間のサポートとアップデート、30 日間の返金保証が含まれます。

IconicWP – WooCommerce アカウント ページ

このプラグインは、WooCommerce と完全に統合されているため、最もシームレスなプラグインの 1 つです。適切にコーディングされたテーマとうまく連携し、別の WooCommerce 機能であるかのように機能し、インストールされたプラグインではありません。

このプラグインのユニークな点は、マイ アカウント ページに無制限のページを設定できるだけでなく、追加したページが自動的にタブ付きリンクとして表示されることです。

ページビルダーを使用している場合、ショートコードを使用してタブリンクを簡単にレンダリングできるため、ショートコードフレンドリーなプラグインでもあります. さらに、ページの順序付けを容易にします。オールインワンは、使い慣れたインターフェースを備えた、初心者に優しい優れたプラグインです。

主な機能:これは、Gutenberg エディターを使用できる唯一のプラグインです。カスタム レイアウトや動的レイアウトを簡単に作成し、画像ギャラリーやビデオなどのコンテンツをタブに追加できます。

価格: 1 サイトのプラグイン ライセンスは、年間 49 ドルです。

WooCommerce – WooCommerce のアカウントをカスタマイズする

このプラグインを使用すると、強力なカスタマイズ パネルを備えたライブ カスタマイザーを介してカスタム マイ アカウント エンドポイント (タブ) を追加できます。

無制限のアカウント エンドポイントの作成に加えて、タブのカスタマイズ (新しいタブの追加または既定のタブの非表示)、ラベルの変更、カスタム コンテンツ (テキスト、フォーム、またはメディア) の表示、およびアイコンの追加も簡単になります。

また、特定のユーザー ロールへのエンドポイント アクセスを提供し、フォント、フォントの色、サイズ、背景の画像と色、パディング、マージン、境界線を編集することもできます。

主な機能:このプラグインの最も優れた機能の 1 つは、エンドポイントをグループ化してタブを作成し、親タブの下にインデントされたサブページとしてタブを追加する機能です。 カスタム CSS コードを追加することもできます。

価格: $49.00 (毎年請求)

WooCommerce – マイ アカウント ページ エディター

このプラグインは、複数のエンドポイントを追加したり、デフォルトのエンドポイントを編集または削除したり、ドラッグ アンド ドロップでエンドポイントを並べ替えたりして、WooCommerce マイ アカウント ページをカスタマイズするもう 1 つの強力なオプションです。

WYSIWYG エディターを使用すると、製品ページ、カテゴリ、外部または内部リンク、またはコンテンツを追加できます。 ユーザーの役割を制限することもできます。 さらに、タブ スタイルの上部、左側、または右側にエンドポイントを表示し、任意の組み込みアイコンを使用してエンドポイントと共に表示するオプションも利用できます。

主な機能:シングル、ページ、リンク、およびグループの任意のエンドポイント タイプから選択でき、4 つの異なる色とレイアウト オプションから選択できます。

価格: $49.00 (毎年請求)

Codecanyon – WooCommerce カスタム マイ アカウント ページ

この予算にやさしいプラグインを使用すると、シンプルでクリーンで快適なマイ アカウント ページを作成してカスタマイズできます。

カスタムのマイ アカウント タブを作成できるだけでなく、直感的なインターフェイスでタブの名前変更、並べ替え、無効化を行うことができます。 興味深いことに、3 つの異なるレイアウト、背景色の変更、カスタム テキストなど、多くのスタイリング オプションが付属しており、WooCommerce マイ アカウント ページを完全に刷新します。

特定のユーザー ロールを制限したり、ショートコードを使用したり、カスタム ユーザー メタデータを追加したりすることもできますが、これは WooCommerce ではサポートされていません。

主な機能:このプラグインの魅力的な点は、リンク、エディター、関数、カートの表示、マイ アカウントの表示、連絡先 7 フォームなど、11 種類以上のコンテンツをサポートしていることです。

価格:通常のライセンスは 34 ドルです。

Codecanyon – WooCommerce マイ アカウント ページ プラグイン、アカウント ページの編集とカスタマイズ

この手頃な価格のプラグインを使用すると、マイ アカウント ページをカスタマイズしたり、カスタム タブを追加したり、コンテンツを完全に制御したり、全体的なエクスペリエンスをパーソナライズしたりできます。

ページまたはエンドポイントを簡単に追加し、コンテンツをカスタマイズし、エンドポイントをグループ化して、ページ レイアウトを強化し、より適切に整理できます。

さらに、HTML を許可するユーザーフレンドリーな WYSIWYG エディターが付属しており、すべてがストアのマイ アカウント ページのシームレスなカスタマイズ プラグインです。

主な機能:このプラグインを使用すると、タブまたはエンドポイントにリンクを添付することで、「新製品」などの特定のページに顧客の注意を引くことができます。

価格:通常のライセンスは 29 ドルです。

Codecanyon – SS WooCommerce Myaccount Ajax タブ

このシンプルで軽量なソリューションは、Web サイトのトラフィックが多く、サーバー全体の負荷を最小限に抑えるための優れたソリューションです。

デフォルト、クラシック、フラットの 3 つの独自のタブ スタイルを提供し、無制限のタブの追加、タブの削除、ドラッグ アンド ドロップを使用した並べ替え、カスタム コンテンツの追加を行うことができます。

このプラグインのユニークな点は、マイ アカウント ページのタブを Ajax タブに変換することです。これにより、顧客はタブ リンクと同じページのコンテンツをナビゲートできます。 したがって、顧客がタブのコンテンツを表示する必要があるたびにページを更新する必要がなくなります。

さらに、HTML、カスタム ショートコード、JavaScript、およびスライダー コンテンツをサポートします。

主な機能:垂直方向のタブの向きをサポートし、優れたカスタマー エクスペリエンスを提供します。ページの更新や遅延なしでタブのコンテンツを表示できます。

価格:通常のライセンスは 29 ドルです。

Pheoniixx Designs – WooCommerce のカスタム マイ アカウント

この機能満載のプラグインはマルチサイト ネットワークをサポートし、特定の要件に応じてマイ アカウント ページをカスタマイズするための複数のオプションを提供します。

無制限のメニュー オプションを作成し、サイドバーとタブの 2 つのメニュー スタイルまたはレイアウト オプションから選択できます。 さらに、顧客がプロフィール画像をアップロードするオプションも提供します。

さらに、メニュー アイテムのテキスト、メニュー アイテムの色、メニュー間のパディング、アイコンとテキストの間のマージンをパーソナライズするための広範なスタイル オプションを利用できます。 メニューにカスタム URL を簡単に追加して、各メニュー オプションのアイコン、ラベル、およびコンテンツを編集することもできます。

主な機能:ショートコードをサポートし、マイ アカウント ページのメニュー オプションを顧客、寄稿者、管理者などのユーザー ロールに基づいて制限できます。

価格:単一サイト ライセンスの価格は 35.18 ドルで、1 年間のサポート、ライフタイム アップデート、更新料は含まれません。

結論

WooCommerce のマイ アカウント ページをカスタマイズすることは、カスタマー エクスペリエンスとストアとのやり取りを改善するための優れた方法です。 必要なすべての詳細、ガイド、FAQ、および製品情報を 1 つのページに追加することで、顧客の不満、問い合わせに対するフォローアップの必要性を防ぎ、返品を減らし、ロイヤルティを高めます。

新しいことを学ばなくても、ページやタブをいくつでも作成できます。 上記の各プラグインには、独自の機能、長所、および短所があります。 したがって、要件を分析し、ストアに適したプラグインを選択して、すべての顧客のニーズに対応する 1 か所のソリューションを提供してください。