Подключение Facebook к аккаунтам клиентов

Чтобы подключить Facebook к аккаунтам клиентов, вам необходимо выполнить следующие задачи по порядку. Во время настройки потребуется переключаться между вкладками браузера с панелью управления Meta for Developers и панелью администратора Shopify. Для подключения Facebook к аккаунтам клиентов у вас должен быть аккаунт Meta Developer. Узнайте, как зарегистрироваться в качестве Meta Developer.

Шаг 1. Откройте страницу Sign in with Facebook в панели администратора Shopify

  1. В панели администратора Shopify перейдите в раздел Настройки > Аккаунты клиентов.

  2. В разделе Аутентификация нажмите Управлять.

  3. Нажмите Подключить рядом с Facebook, чтобы открыть страницу Sign in with Facebook.

Шаг 2. Создайте приложение в панели управления Meta for Developers

  1. На отдельной вкладке браузера перейдите в панель управления Meta for Developers и нажмите Login для входа. Если вы еще не настроили аккаунт Meta Developer, вам необходимо создать новый аккаунт на странице входа, прежде чем переходить к следующему шагу.
  2. Нажмите Apps.
  3. Нажмите Create App.
  4. Заполните поля App name и App contact email, а затем нажмите Next.
  5. На странице Add use cases выберите Authenticate and request data from users with Facebook Login, а затем нажмите Next.
  6. На странице Which business portfolio do you want to connect to this app выберите бизнес-портфолио или вариант I don't want to connect a business portfolio yet., а затем нажмите Next.
  7. Ознакомьтесь со страницей Publishing requirements и нажмите Next.
  8. Ознакомьтесь со страницей Overview и нажмите Go to dashboard.

Шаг 3. Настройте параметры приложения Meta

  1. После создания приложения в панели управления Meta for Developers нажмите Use cases.
  2. Для сценария Authenticate and request data from users with Facebook Login нажмите Customize.
  3. Чтобы обеспечить сбор информации о клиентах при входе, в разделе Permissions and features нажмите Add рядом с email.
  4. Нажмите Settings, а затем перейдите в раздел Client OAuth settings.
  5. На странице Sign in with Facebook в панели администратора Shopify скопируйте URL-адрес перенаправления из раздела URL-адреса перенаправления.
  6. На странице Settings в панели управления Meta for Developers вставьте URL-адрес перенаправления в поле Valid OAuth Redirect URIs.
  7. Если в разделе URL-адреса перенаправления в панели администратора Shopify указано несколько URL-адресов перенаправления, повторите эти действия для остальных адресов.
  8. На странице Вход через Facebook в панели администратора Shopify скопируйте URL-адрес из раздела URL-адрес отмены авторизации.
  9. На странице Настройки в панели управления Meta for Developers вставьте URL-адрес в поле URL-адрес обратного вызова для отмены авторизации.
  10. На странице Настройки в панели управления Meta for Developers нажмите Сохранить изменения.

Шаг 4. Настройте реквизиты для входа в панели администратора Shopify

  1. Вернитесь в панель управления Meta for Developers и нажмите Настройки приложения > Основные.
  2. Скопируйте ID приложения в панели управления Meta for Developers.
  3. На странице Вход через Facebook в панели администратора Shopify вставьте ID приложения в поле ID приложения в разделе Реквизиты для входа.
  4. В панели управления Meta for Developers нажмите Показать рядом с пунктом Секрет приложения, а затем скопируйте Секрет приложения.
  5. На странице Вход через Facebook в панели администратора Shopify вставьте секрет приложения в поле Секрет приложения, а затем нажмите Сохранить.
  6. В панели администратора Shopify нажмите Сохранить изменения.

Шаг 5. Протестируйте и активируйте вход через Facebook

  1. На странице Вход через Facebook в панели администратора Shopify выберите Дополнительные действия > Предварительный просмотр, а затем протестируйте процесс аутентификации через Facebook так, как если бы вы были клиентом, входящим в магазин.
  2. Нажмите Включить.

После включения входа через Facebook вы можете протестировать клиентский опыт: перейдите в свой интернет-магазин и войдите в аккаунт клиента через Facebook.