オンラインストア用のWooCommerceログインポップアップを作成するための3つの簡単な手順

オンラインストアのログインポップアップの作成をお探しの場合、この記事は単なるチケットです。

ストアの所有者として、あなたは確かにチェックアウトプロセスの複雑さを取り除き、ユーザーエクスペリエンスを最適化するよう努めます。

この記事では、WooCommerceのログインポップアップをサイトに追加することで、顧客に快適なエクスペリエンスを提供するための最も簡単な方法を紹介します。 この投稿では、ログインポップアップを表示することの利点と、このアイデアを実行に移すための3つの簡単な手順を詳しく説明します。

この記事の終わりまでに、あなたは知っているでしょう：

• ストアにWooCommerceログインポップアップを含める必要がある理由
• ログインポップアップを作成する3つのステップ
• 簡単ログインWooCommerceAlternatives

ストアにWooCommerceログインポップアップを含める必要がある理由

WooCommerceログインポップアップを使用すると、購入者を別のログインページにリダイレクトせずにログインフォームを表示できます。 これは、ユーザーエクスペリエンスを向上させるという点で非常に便利です。

通常のログイン方法を振り返ります。 顧客はログインリンクをクリックする必要があります。これにより、ログインまたはサインアップのためだけに新しいページに移動します。 正常にログインすると、顧客は再び、以前に閲覧したページにリダイレクトされます。

オンラインサービスでは、顧客体験が最優先事項です。 オンライン購入者は常に迅速さと便利さを切望しています。 ほんの一瞬でポップアップするログインページは、彼らに莫大な時間を節約することができます。

それ以上に、店のオーナーとして、顧客がほぼ1ページでシームレスに購入、アカウントの管理、取引を完了できるようにするのはあなたの義務です。 これは、顧客体験の最適化に貢献するだけでなく、カートの放棄を減らし、コンバージョンを増やし、売り上げを一段と高めます。

さらに、画像とロゴを使用してカスタムログインポップアップを作成すると、サイトやオファーに対するユーザーの興味を刺激し、刺激することができます。

そうは言っても、ログインポップアップを含めることがすべてのサイトに必須であるという意味ではありません。 以下は、ログインポップアップを必要とするWooCommerceストアのいくつかの典型的なタイプです。

• 必須のユーザーアカウントを持つパブリックストア：誰でもこのストアを閲覧できますが、購入できるのはログインまたは登録されたユーザーのみです。
• ゲストチェックアウトのあるパブリックストア：このストアは、保護されたコンテンツやメンバー限定の製品を提供していません。 つまり、誰でもログインや登録をしなくても、すべての製品を閲覧して購入できます。
• 会員限定商品を提供する店舗：このタイプの店舗では、会員のみが閲覧/購入できる商品が制限されています。
• 完全にプライベートなWooCommerceストア：バイヤーはショップにアクセスするためにログインする必要があります。
• WooCommerece自動ログインリンク：ユーザー名とパスワードを入力する代わりに、顧客はリンクをクリックしてログインまたは登録できます。

ログインポップアップの利点を知っているので、このアイデアを実行に移す時が来ました。 次のセクションでは、WooCommerceログインポップアップを作成するための3つの簡単な手順を示します。

WooCommerceログインポップアップを作成するための3つのステップ

世界中のユーザーからの5つ星のレビューがたくさんある20,000以上のアクティブなインストールを獲得している、Easy Login WooComcerce、別名Login / Signup（Inline Form + Woocommerce）は、WooCommerceログインポップアップを作成するための最も信頼できるプラグインです。

この無料で軽量のプラグインを使用すると、登録、ログイン、パスワードのリセットのプロセスを一瞬でスムーズに行うことができます。 その上、その非常に直感的なユーザーインターフェイスは人々の心をつかみます。 ポップアップのほかに、ショートコードを使用してインラインフォームを作成することもできます。

以下は、Easy LoginWooCommerceでログイン/登録ポップアップを作成する方法のステップバイステップガイドです。

ステップ1：Easy LoginWooCommerceをインストールしてアクティブ化する

1. WordPressダッシュボードで、 [プラグイン]> [新規追加]に移動します。
   
2. プラグインの検索バーに「ログイン/サインアップポップアップ」と入力して入力すると、プラグインが表示されます。 [今すぐインストール]、[アクティブ化]の順にクリックします。
   

ステップ2：設定を構成する

プラグインをアクティブにすると、ダッシュボードに新しい[ログイン/サインアップポップアップ]タブが表示されます。 その設定を変更する時が来ました。

1. [ログイン/サインアップポップアップ]> [設定]に移動します。これにより、全体的なポップアップ設定を含む新しい画面が開きます。
   
2. [全般]タブで下にスクロールすると、[ポップアップを自動開く]セクションが表示されます。
   [ポップアップの自動開く]オプションを有効にします。 「ページ上」ボックスに希望のページURLを貼り付けます。 「保存」をクリックします。
   
3. ポップアップの外観を微調整したい場合は、[スタイル]タブに切り替えます。 ポップアップの位置、幅、テキストの色を設定したり、好みのサイドバー画像を挿入したりすることもできます。

「保存」をクリックして設定を更新します。

ステップ3：フォームをポップアップさせる

フォームをポップアップさせるには、手順2で「ページ上」にすでに追加したURLの最後に#loginまたは#registerを追加するだけです。

例：<a href=”wwww.mywebsite.com#login” </a>

このチュートリアルでは、次のようになります：https：//ymeser.com/marketing/abc-text/#login

1. ログインポップアップを追加するページを開きます。
2. このページのURLの最後に#loginまたは#registerを挿入します。
3. リンク全体をコピーして、新しいブラウザに貼り付けます。 ログインフォームのポップアップが表示されます。

それでおしまい！ WooCommerceストアのログインポップアップを作成するプロセスは終了しました。

簡単ログインWooCommerceAlternatives

Yithによって開発されたYithEasy Login＆Register Popup for WooCommerceは、マルチメンバーシップサイト用のWooCommerceログインポップアップを作成する際の新星として登場します。

このプレミアムプラグインは、チェックアウト中のログイン、登録、およびパスワードのリセットプロセスを簡素化するのに役立ちます。 その時点で、これはカートの放棄率を大幅に減らすのに役立ちます。

ソーシャルログイン、登録、およびパスワードリカバリを有効にすることで、顧客はチェックアウトページを離れることなく購入を完了することができます。

価格：

• 単一サイト：€79,99 /年

• 6サイト：€479,94 /年

結論

Easy LoginWooCommerceを使用してログイン/登録ポップアップを作成するための3つの簡単な手順を説明しました。 また、WooCommerceのログインポップアップを表示するメリットについても詳しく説明します。

オンラインストアではログインや登録は必須ではありませんが、顧客体験の向上と売り上げの増加に一定の利点があります。

上記の手順で行き詰まった場合は、下にコメントを投稿してお気軽にお問い合わせください。 できるだけ早くご連絡いたします。