このモジュールを入手

PrestaShop ソーシャル ログイン モジュール

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

PrestaShop への Facebook ソーシャル ログインを設定する手順

ステップ 1: PrestaShop にログインできるように Facebook アプリを設定します。

PrestaShop で Facebook ソーシャル ログインを設定するには、以下の手順に従ってください。

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

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

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

• AppID を作成する必要がある場合は、オプションを選択します。

• 入力する アプリの表示名 & 連絡先メールアドレスを追加 Facebook アプリの場合はそれぞれをクリックし、 アプリを作成する ボタンをクリックして設定を保存し、アプリのアプリ ID を作成して、完了します。 セキュリティーチェック。

• 選択 フェイスブックログイン をクリックすると セットアップ ボタンを押します。

• 現在地に最も近い ウエブサイト Facebook ログインを統合するオプション。

• 次に、 ウェブサイトのURL (ソーシャルログインアプリから) をクリックし 保存します。 次に、をクリックします。 続行します。

• に行く 設定 -> 基本 アプリ ID とアプリ シークレットを表示します (下の画像を参照)。
• アプリドメイン: ソーシャル ログイン アプリに指定されたドメインをコピーし、ここに貼り付けます。
• プライバシーポリシーのURL: ここにプライバシー ポリシーの URL を入力します。
• 利用規約： ここに利用規約の URL を入力します。
• ユーザーデータの削除:ドロップダウンで、[データ削除手順 URL] を選択します (ユーザーがアカウントを削除する方法についての手順が記載されたページの URL を入力します)。
• 選択する カテゴリ カテゴリフィールドのドロップダウンから、 アプリの目的 アプリまたはストアを最もよく説明するオプションを選択して、 を押します 変更を保存 構成を保存します。

• アプリのステータスを次から変更します 開発中 〜へ ライブ 下の画像に示すように、「オフ」をクリックしてください。 次に、 をクリックします 空室状況 ステータスの変更を確認します。

• コールバック/リダイレクト URL (ストアの miniOrange アプリによるソーシャル ログインから) を 有効な OAuth リダイレクト URI フィールド。 クリックしてください 変更を保存します 構成を保存します。
  
  注： 最も重要なことは、あなたの コールバック/リダイレクト URI でなければなりません HTTPS そうではない HTTP。 PrestaShop 用の miniOrange ソーシャル ログイン プラグインで Facebook ログインを設定する際には必須です。

• あなたのコピー アプリケーションID とは アプリシークレット PrestaShop のソーシャル ログイン アプリに保存します。 (それぞれクライアント ID フィールドとクライアント シークレット フィールドの下)。

ステップ 2: PrestaShop モジュールで Facebook ログインをセットアップします。

• miniOrange によるソーシャル ログイン モジュールをインストールします。 次に、モジュールマネージャーに移動します。
• インストールしたら、 をクリックします 構成 ソーシャル ログイン アプリケーションのダッシュボードに移動します。

• これにより、ソーシャル ログイン ダッシュボードが表示されます。 ここをクリックしてください Facebook.

• コピー クライアントID & クライアントシークレット Facebook 開発者から取得し、ソーシャル ログイン アプリの Facebook ログイン手順画面のフィールドに貼り付けます。

• セットアップボタンをクリックすると、セットアップが開始されます Save ボタンをクリックして認証情報を保存します。 次に、 テスト構成

• ウィンドウが表示され、Facebook アカウントへのログインを求められます。 これは Facebook の構成をテストするためのものです。 Facebook for Developerのアカウント登録に使用したアカウントでログインします。 を押します。 ボタンとして続行 をクリックしてログイン プロセスを完了します。
• テスト構成が成功したことを示すアプリからの通知がポップアップ表示されます。 これは、カスタム アプリが適切に設定されたことを意味します。

• アプリ ダッシュボードに移動し、Facebook アイコンのトグル ボタンをクリックして Facebook ログイン ボタンをアクティブにし、ユーザーが Connect with Facebook を使用してストアにサインインできるようにします。

• これで、PrestaShop ストアで Facebook ソーシャル ログイン ボタンが有効になっていることがわかります。 これにより、ユーザーは Facebook を使用してストアに接続できるようになります。

ステップ 3: ソーシャル ログイン アイコンの表示オプション:

• MFAデバイスに移動する 表示オプション ソーシャル ログイン アイコンを表示できるすべての表示オプションが表示されます。

• ソーシャル ログイン アイコンを表示するオプションをすべて選択します。

• 表示オプション セクションで有効になっているすべてのセクションに、ソーシャル ログイン アイコンが表示されます。



• 結論：
  miniorange ソーシャル ログイン モジュールを使用して Prestashop ストアの Facebook ソーシャル ログインを正常に設定しました。このソリューションにより、技術的な知識がなくても、miniorange ソーシャル ログイン モジュールを使用してストア サイトに簡単かつ安全にアクセスできるようになります。

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

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

その他のリソース

• PrestaShop 用の miniOrange ソーシャル ログイン モジュールをダウンロードします。
• プレスタショップについて
• Prestashop のインストール方法に関する完全ガイド。
• Prestashop の Google ソーシャル ログイン
• Prestashop の Discord ソーシャル ログイン
• miniOrange のソーシャル ログイン モジュールの詳細

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