WooCommerceログインショートコードを作成して使用する方法

多くのWooCommerceストアの所有者は、WooCommerceログインショートコードを使用して自分のサイトにログインページを作成したいと考えています。 ただし、WooCommerceは、さまざまなページを簡単に作成するためのショートコードを提供していますが、WooCommerceストアにログインページを作成できる直接のショートコードは提供していません。

そして、これもプラグインがあなたの助けになるところです。 最高の登録およびログインフォームプラグインであるプロファイルビルダーを簡単に使用して、WooCommerceログインショートコードを作成および使用できます。

WooCommerceログインショートコードを作成する必要性

他のページのショートコードと同様に、WooCommerceログインショートコードを使用すると、WooCommerceログインページを作成できます。

WooCommerceログインショートコードを作成するために信頼できるプラグインが必要ないくつかの重要な理由は次のとおりです。

• ユーザーが自分のアカウントにログインして、すべての情報を1か所で見つけることができるようにします。
• ログインしたユーザーのみがアクセスできる制限区域を作成します。
• ログイン機能を提供することは、ストアに忠実な顧客ベースを構築するために重要です。
• ユーザーはチェックアウトする前にログインできるため、購入の過程がはるかに簡単になり、戻ってきたときに購入の詳細をすべて入力し直す必要がなくなります。
• また、ユーザーはカートに商品を追加して、後でアカウントに再度ログインしたときにチェックアウトできるため、ストアでのコンバージョン率も向上します。

他にも多くの理由がありますが、あなたはすでにその考えを理解していると確信しています。 それでは、プロファイルビルダーを使用してWooCommerceログインフォームのショートコードを作成する方法について説明します。

プロファイルビルダープロ

WooCommerceストアで完全にカスタマイズされたログイン、登録、およびその他の重要なページを作成するのは、プロファイルビルダーで簡単です。

プラグインを入手する

または無料版をダウンロード

WooCommerceログインページのショートコードの作成

プロファイルビルダーを使用してWooCommerceログインフォームのショートコードを作成するのは簡単です。 いくつかの簡単な手順に従って、完全にカスタマイズ可能なログインフォームを作成し、WooCommerceストアの好きな場所に配置する必要があります。

カスタマイズ可能なWooCommerceログインフォームを作成できるWooCommerceログインショートコードを作成するには、ProfileBuilderのProバージョンの1つを購入する必要があります。 プラグインのProバージョンには、 WooCommerce Syncアドオンが付属しており、登録フォームとプロファイル編集フォームに顧客の請求フィールドと配送フィールドが自動的に追加されます。

Profile Builder Proを使用すると、WooCommerce Webサイトで完全にカスタマイズ可能な登録、ログイン、およびその他のユーザー関連フォームを作成したり、ユーザー管理の他の領域をシームレスに管理したりできます。 それはあなたがあなたのウェブサイトのユーザー管理に行うことができる最高の投資です。

さあ、ここで購入してください。 次に、Cozmoslabsアカウントにログインし、下の画像に示すように、ProfileBuilderProのプラグインファイルをダウンロードします。

次に、他のオプションであるアドオンのダウンロードをクリックします。 最初のオプション自体がPbAddOn WooCommerceであることがわかります。これは、WooCommerceストアにダウンロードする必要があるものです。

次に、WordPressダッシュボードに移動し、[プラグイン]の下の[新規追加]オプションをクリックします。 次に、上部にある[プラグインのアップロード]ボタンをクリックし、ダウンロードしたプラグインファイルをドロップまたは参照してアップロードします。

最後に、[今すぐインストール]ボタンをクリックし、インストールしたら、[アクティブ化]ボタンをクリックします。 これで、ProfileBuilderProがサイトで稼働しています。

同じプロセスを繰り返して、WooCommerceSyncアドオンもインストールします。

プロファイルビルダーは、登録、ログイン、およびその他のユーザー関連のページを自動的に作成しますが、これらの各ページのショートコードも取得します。

WooCommerceのログインショートコードは[wppb-login]です。 このショートコードを使用して、WooCommerceサイトのどこにでもログインページを作成できます。 ページは次のようになります。

その他の重要なWooCommerceショートコードとページの作成

WooCommerceログインフォームのショートコードを使用してログインページを作成することは、ストアの強固なユーザーベースを構築するための重要なステップです。 ただし、WooCommerceストアで最高かつスムーズなユーザーエクスペリエンスを提供するためにできることは他にもたくさんあります。

WooCommerceRegisterショートコード

WooCommerceストアに、訪問者がサイトに登録できる登録ページがないと、ログインページを作成できません。 したがって、登録ページをまだ持っていない場合は、クレートするためにWooCommerceログイン登録ショートコードが必要になります。

つまり、WooCommerceサイトでログインページと登録ページの両方を作成するには、ショートコードが必要になります。

もちろん、Profile Builderを使用すると、登録ページも簡単に作成できます。WooCommerceの登録ショートコードは[wppb-register]です。

WooCommerceログイン登録ショートコードを使用してログインページと登録ページを作成できるだけでなく、登録ページを好きなようにカスタマイズすることもできます。

WooCommerce登録ページのカスタマイズ

プロファイルビルダーを使用して、WooCommerce登録ページを簡単にカスタマイズすることもできます。 プロファイルビルダーの下の[フォームフィールド]オプションをクリックすると、ログインフォームで使用されているすべてのフィールドが表示されます。

すべてのフィールドを編集できますが、ユーザー名やパスワードなど、一部の永続的なフィールドは削除できません。

利用可能な幅広い入力オプションと標準フィールドからフィールドオプションを選択し、必要な詳細を入力し、フィールドをカスタマイズしてから、[フィールドの追加]オプションをクリックして、新しいフィールドを追加することもできます。

また、上記で説明したように、WooCommerce Syncアドオンプラグインをダウンロードしてアクティブ化すると、デフォルトで請求フィールドと配送フィールドが登録フォームに追加されます。 このようにして、箱から出してすぐに完璧な標準のWooCommerce登録ページを取得し、後でニーズに合わせてカスタマイズすることができます。

WooCommerceパスワード回復ショートコード

現在、パスワードを忘れることは私たちの人間性であるため、ユーザーが必要な場合に備えてパスワードを回復する方法を常に作成することをお勧めします。

WooCommerceストアにパスワード回復ページを作成するには、 [wppb-recover-password]ショートコードを貼り付けて、フロントエンド回復パスワードフォームを空白のページに追加するだけです。

次のステップは、訪問者がログインフォームから直接このページに簡単にアクセスできるようにすることです。 このためには、次のように、最初のログインショートコード内でlostpassword_url引数を使用する必要があります。

[wppb-login lostpassword_url="/recover-password"]

コードの最初の部分がまだログインショートコードであり、その後にパスワードが失われた引数が続き、次にパスワード回復ページのURLが続くことに注意してください。

また、このトピックについて話しているので、WooCommerceログインページのもう1つのヒントは、新しいユーザーがログインページから直接登録ページにアクセスする方法を含めることです。 このために、 register_url引数を使用できます。 これで、WooCommerceのログインショートコードは次のようになります。

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

これをWooCommerceのログインページに貼り付けると、訪問者はここからログインできるだけでなく、パスワードを回復したり、新しいアカウントを登録したりできるようになります。

WooCommerceソーシャルログイン

ユーザーに自分の資格情報を使用してログインさせるには、ある程度の摩擦が伴います。 したがって、これがソーシャルログインの出番です。

Profile Builder Proには、WooCommerceストアにソーシャルログインを実装するのに役立つ機能も付属しています。 ユーザーは、Facebook、Google、Twitter、LinkedInなどのソーシャルメディアプロファイルの1つだけを使用して自分のアカウントにログインできます。

WooCommerce Syncと同じように、SocialConnectの高度なアドオンをダウンロードしてアクティブ化する必要があります。 WooCommerceソーシャルログインに関する投稿で、実行する必要のあるすべての手順を見つけることができます。

基本的には、これらのソーシャルプラットフォームでアカウントのAPIキーを取得し、SocialConnectアドオンに配置するだけです。 また、上記のリンク先の投稿から見つけることができる、この情報の取得に関する詳細なドキュメントもあります。

WooCommerceストアにソーシャルログインを実装することは、コンバージョンを促進し、ユーザーエクスペリエンスを向上させ、より良いレベルの顧客維持を確保するための優れた方法です。

WooCommerceログアウトショートコード

繰り返しになりますが、WooCommerceサイトに登録およびログインページがある場合は、ログアウトページも必要です。 Profile Builderには、WooCommerceのログインとログアウトの両方のショートコードがプリインストールされているため、ログアウトのショートコードを取得してページに配置するだけです。

WooCommerceのログアウトショートコードは[wppb-logout]です。 このショートコードを使用してページを作成すると、WooCommerceサイトにログインしているユーザーには、フロントエンドでログアウトするためのリンクが表示されます。

その他の重要なページ

プロファイルビルダーは、完全なユーザー管理プラグインです。 ログイン、登録、およびログアウトページに加えて、ここにある事前に作成されたショートコードを使用して、ユーザー編集プロファイルページと制限コンテンツページを作成することもできます。

カスタムメイドのWooCommerceログインショートコードを取得するためにProバージョンのProfileBuilderを入手すると仮定すると、機能的でカスタマイズされたメンバーディレクトリを作成するために使用できるユーザーディレクトリショートコードも入手できます。

ログイン後にユーザーをリダイレクトする

プロファイルビルダーのWooCommerceログインページショートコードを使用してサイトでログイン機能を起動して実行したら、ログイン後にユーザーをどこに配置するかを検討する必要があります。

結局のところ、単に彼らを彼らの「私のアカウント」ページに着陸させることはあなたに何の役にも立たないでしょう。 あなたはそれらがあなたが売り上げを増やすのを助けることができるあなたの店の製品に焦点を合わせたページにリダイレクトされることを確認する必要があります。

また、プロファイルビルダーはこの機能も提供します。 WordPressダッシュボードのプロファイルビルダーメニューからCustomRedirectsproアドオンをアクティブ化する必要があります。

これにより、ユーザー名またはユーザーID、ユーザーロール、および一般的にすべてのユーザーをリダイレクトするために設定されたグローバルリダイレクトに基づいてユーザーをリダイレクトできます。 WooCommerceにログインした後、ユーザーのリダイレクトに関するチュートリアルに従うことができます。

ユーザーを適切なページにリダイレクトすると、プロファイルビルダーのWooCommerceログインショートコードを使用して、サイトにログイン機能を実装することを最大限に活用できます。

今すぐWooCommerceログインショートコードを作成する

Profile Builder Proは、WooCommerceがデフォルトで残す多くのギャップを埋めるのに役立ちます。 WooCommerceログインショートコードを作成するだけでなく、ストアのフロントエンドログインページを作成することもできます。

WooCommerceログイン登録ショートコードを使用して完全にカスタマイズ可能な登録ページを含む他の重要なページを作成することもできます。

同様に、WooCommerceストアのプレミアムカテゴリを制限し、ログインと登録後にユーザーをリダイレクトし、ユーザーがプロファイルを管理し、メンバーディレクトリを構築し、ユーザーロールを管理し、サイトのユーザー管理のあらゆる側面を制御できるようにすることができます。

プロファイルビルダープロ

Profile Builder Proは、機能的なログインページと登録ページの作成を支援するだけでなく、WooCommerceストアのすべてのユーザー管理領域を管理するための最良のプラグインです。

プラグインを入手する

または無料版をダウンロード

WooCommerceログインショートコードを作成してストアで使用することについて、まだ質問がありますか？ コメントでお問い合わせください！