このモジュールを入手

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

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

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

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

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

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

• Google 開発者コンソールにアクセスします。 https://console.developers.google.com/ Google 開発者アカウントでサインアップ/ログインします。

• ソフトウェアの制限をクリック プロジェクトを作成します。 新しい Google Apps プロジェクトを作成します (下の画像を参照)。

• の下にプロジェクト名を入力します。 プロジェクト名 次に、 をクリックします。 作ります

• ここで、もう一度クリックしてください プロジェクトを選択してください (下の画像で強調表示されています)、前の手順で入力したプロジェクト名をクリックして、新しく作成したプロジェクトを選択します。

• に行く ナビゲーションメニュー APIとサービス Oauth同意画面。
• 選択 外部 Google アカウントを持つユーザー タイプとして。

• OAuth同意画面タブで Enter アプリケーション名 サイトのドメイン名を 許可されたドメイン セクション（miniOrange アプリによるソーシャル ログインより）。 基本的な連絡先情報も入力する必要があります。

• ソフトウェアの制限をクリック Credentials 次に、 をクリックします 資格情報を作成する ボタンをクリックして選択 OAuthクライアントID 提供されたオプションから。

• 選択 Webアプリケーション 以下のオプション アプリケーションタイプ.

• アプリケーション名を入力し、 リダイレクト/コールバック URI PrestaShop の miniOrange アプリによるソーシャル ログインから 承認されたリダイレクト URI フィールド。

• セットアップボタンをクリックすると、セットアップが開始されます 創造する ボタンをクリックして設定を保存します。
• あなたのコピー 顧客ID & クライアントシークレット PrestaShop の Social Login by miniOrange アプリに保存します (それぞれクライアント ID フィールドとクライアント シークレット フィールドの下)。

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

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

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

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

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

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

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

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

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

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

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

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



• 結論：
  miniorange ソーシャル ログイン モジュールを使用して Prestashop ストアの Google ソーシャル ログインを正常に設定しました。このソリューションにより、技術的な知識がなくても、miniorange ソーシャル ログイン モジュールを使用してストア サイトへの簡単かつ安全なアクセスを数分以内に展開する準備が整います。

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

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

その他のリソース

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

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