このプラグインを入手

WordPress ソーシャル ログイン プラグイン

Facebook セットアップビデオを見る

WordPress (WP) に Facebook ソーシャル ログインを設定する手順

ステップ 1: Facebook ソーシャル ログインを WordPress に設定する

WordPress で Facebook ログインを設定するには、以下の手順に従ってください。

 Facebook ソーシャル ログインを構成する

• 開始するには、Facebook 開発者コンソールに移動して、 こちら Facebook 開発者アカウントでサインアップ/ログインします。

• Facebook Developers アプリのページに移動し、ボタンをクリックして 新しいアプリを追加します。

• それからを選択してください Facebook アカウントでのログインを許可する ユースケースとしてオプションを選択して押します Next.

• 入力する アプリ名 & 連絡先メールアドレスを追加 Facebook アプリの場合はそれぞれをクリックし、 アプリを作成する ボタンをクリックして設定を保存します。

• に行く アプリ設定 -> 基本 アプリ ID とアプリ シークレットを表示します。 の アプリケーションID あなたです 顧客ID と アプリシークレット あなたです クライアントシークレット、これらの値は、後で miniOrange ソーシャル ログイン プラグインを設定するために必要になるため、手元に置いておいてください (以下の画像を参照)。
• アプリドメイン: そこにウェブサイトのドメインを書き込みます。
• プライバシーポリシーのURL: このボックスに、Web サイトのプライバシー ポリシー ページの URL を入力します。
• 利用規約： このボックスに、Web サイトのサービス利用規約ページにリンクされている URL を入力します。
• ユーザーデータの削除:ドロップダウンで、[データ削除手順 URL] を選択します (ユーザーがサイト上でアカウントを削除する方法についての手順が記載されたページの URL を入力します)。
• 選択する カテゴリ カテゴリフィールドのドロップダウンから、 アプリの目的 アプリを最もよく説明するオプションを選択して、 を押します 変更を保存 構成を保存します。

• 下にスクロールしてクリックします プラットフォームの追加 ボタン。 を選択 ウェブサイト Facebook ログインを Web サイトと統合しようとしている場合は、オプションを選択してください。 クリック Next.

• 次に、 ウェブサイトのURL (miniOrange ソーシャル ログイン プラグイン WordPress から) をクリックし Save。 次に、をクリックします。 Continue.

• セットアップボタンをクリックすると、セットアップが開始されます ユースケース 左側のタブをクリックし、 カスタマイズ の横に表示されるボタン 認証とアカウントの作成 項目。

• 以下 権限 セクション、 email 許可して、 Add

デフォルトでは、アプリケーションには「public_profile」および「email」権限に対する標準アクセス権しかありません。つまり、そのアプリケーションでログインできるのは自分だけです。 アドバンスト アクセスを取得するには、ビジネス認証を通過する必要があります。 Verification 左側のタブ。



• 下 Facebookログイン >> 設定 セクションをクリック 設定に移動 ボタンをクリックしてリダイレクト/コールバック URL を追加します。

• 〜に 有効な OAuth リダイレクト URI フィールドに追加 リダイレクト/コールバック URL これは、miniOrange ソーシャル ログイン プラグインから取得します。 クリック 変更を保存します

• 現在、アプリは開発モードになっています。これは、社外の人がアプリを使用できないことを意味します。 認証が完了したら、 稼働する タブをクリックしてアプリを公開します。 稼働する 右下隅のボタン。 すべてを正しく設定している場合は、これを押す前に、「ライブ開始」ページにリストされている手順を確認することをお勧めします。

2. miniOrange ソーシャル ログイン プラグインで資格情報を設定する

• に行く miniOrange ソーシャル ログイン プラグイン → [アプリの設定] をクリック → Facebook ログイン アイコンをクリック:

• コピー クライアントID & クライアントシークレット 上記の設定フォームを入力し、Facebook ログイン手順のフィールドに貼り付けます。

• 次にクリック 構成を保存してテストする
• 新しいウィンドウが表示され、Facebook アカウントにログインするように求められます。 Facebook for Developerのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
• テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。

• これで、WordPress ウェブサイトで Facebook ソーシャル ログイン ボタンがアクティブになっていることがわかります。
• Facebook ログイン ボタンは、WordPress では次の画像のように表示されます。


• Web サイトのカスタム ログイン/登録ページにソーシャル ログイン アイコンを追加できない場合は、 ショート ガイド。

WordPress Web サイトの Facebook ソーシャル ログインが正常に設定されました。

魅力的なソーシャル ログイン アイコン

• また、ソーシャル ログイン プラグインの最新バージョンでは、丸、丸いアイコン、四角、長いボタンの 4 種類のソーシャル ログイン アイコンの形状を備えた魅力的なソーシャル ログイン アイコンも提供しています。 デフォルト、白背景、カスタム背景、ホバー、カスタムホバー、スマートを含む XNUMX つのテーマ。 あらゆるタイプのテーマとボタンの変換エフェクトも提供します。

人気のある統合

WooCommerce統合

Woocommerce 統合を使用すると、Woocommerce ページにソーシャル ログイン ボタンを表示し、請求書や請求書にユーザーの詳細を事前入力できます。
チェックアウトフィールド

もっと詳しく→

不和の統合

Discord Integration アドオンを使用すると、ログイン/登録を制限できます
に基づくユーザーの
ユーザーが存在するかどうか
Discordサーバー内で

もっと詳しく→

HubSpot統合

Hubspot アドオンは Hubspot の統合を提供します
ユーザーの連絡先は Hubspot の連絡先リストに自動的に追加されます。
経由で登録が成功しました
ソーシャルログインアプリケーション

もっと詳しく→

カスタム登録フォーム

カスタム登録フォーム アドオンを使用すると、新規ユーザーと既存ユーザーの詳細を統合できます。 登録時にソーシャル サイトから返されたフィールドを含む複数のフィールドを追加します

もっと詳しく→

BuddyPressの統合

Buddypress 統合アドオンは、buddypress 表示オプションの両方の機能を提供します
そしてバディプレス
拡張属性マッピング

もっと詳しく→

MailChimp統合

Mailchimp アドオンは次のことに役立ちます
新規ユーザーと既存ユーザーの詳細を統合します。 Mailchimp は、美しくブランド化された電子メールで視聴者を魅了するのに役立ちます。

もっと詳しく→

その他のリソース

• Facebookについて
• Discord WordPress ソーシャル ログイン
• Google WordPress ソーシャル ログイン
• Apple WordPress ソーシャル ログイン
• Twitch WordPress ソーシャル ログイン
• Discord WordPress 統合アドオン
• WooCommerce WordPress 統合アドオン
• Discord WordPress 統合セットアップガイド
• ソーシャルログインの詳細

見つからないものをお探しの場合は、メールでお問い合わせください。 socialloginsupport@xecurify.com