Подключение Facebook к аккаунтам клиентов
Чтобы подключить Facebook к аккаунтам клиентов, вам необходимо выполнить следующие задачи по порядку. Во время настройки потребуется переключаться между вкладками браузера с панелью управления Meta for Developers и панелью администратора Shopify. Для подключения Facebook к аккаунтам клиентов у вас должен быть аккаунт Meta Developer. Узнайте, как зарегистрироваться в качестве Meta Developer.
На этой странице
- Шаг 1. Откройте страницу Sign in with Facebook в панели администратора Shopify
- Шаг 2. Создайте приложение в панели управления Meta for Developers
- Шаг 3. Настройте параметры приложения Meta
- Шаг 4. Настройте реквизиты для входа в панели администратора Shopify
- Шаг 5. Проверьте и активируйте Sign in with Facebook
Шаг 1. Откройте страницу Sign in with Facebook в панели администратора Shopify
В панели администратора Shopify перейдите в раздел Настройки > Аккаунты клиентов.
В разделе Аутентификация нажмите Управлять.
Нажмите Подключить рядом с Facebook, чтобы открыть страницу Sign in with Facebook.
Шаг 2. Создайте приложение в панели управления Meta for Developers
- На отдельной вкладке браузера перейдите в панель управления Meta for Developers и нажмите Login для входа. Если вы еще не настроили аккаунт Meta Developer, вам необходимо создать новый аккаунт на странице входа, прежде чем переходить к следующему шагу.
- Нажмите Apps.
- Нажмите Create App.
- Заполните поля App name и App contact email, а затем нажмите Next.
- На странице Add use cases выберите Authenticate and request data from users with Facebook Login, а затем нажмите Next.
- На странице Which business portfolio do you want to connect to this app выберите бизнес-портфолио или вариант I don't want to connect a business portfolio yet., а затем нажмите Next.
- Ознакомьтесь со страницей Publishing requirements и нажмите Next.
- Ознакомьтесь со страницей Overview и нажмите Go to dashboard.
Шаг 3. Настройте параметры приложения Meta
- После создания приложения в панели управления Meta for Developers нажмите Use cases.
- Для сценария Authenticate and request data from users with Facebook Login нажмите Customize.
- Чтобы обеспечить сбор информации о клиентах при входе, в разделе Permissions and features нажмите Add рядом с email.
- Нажмите Settings, а затем перейдите в раздел Client OAuth settings.
- На странице Sign in with Facebook в панели администратора Shopify скопируйте URL-адрес перенаправления из раздела URL-адреса перенаправления.
- На странице Settings в панели управления Meta for Developers вставьте URL-адрес перенаправления в поле Valid OAuth Redirect URIs.
- Если в разделе URL-адреса перенаправления в панели администратора Shopify указано несколько URL-адресов перенаправления, повторите эти действия для остальных адресов.
- На странице Вход через Facebook в панели администратора Shopify скопируйте URL-адрес из раздела URL-адрес отмены авторизации.
- На странице Настройки в панели управления Meta for Developers вставьте URL-адрес в поле URL-адрес обратного вызова для отмены авторизации.
- На странице Настройки в панели управления Meta for Developers нажмите Сохранить изменения.
Шаг 4. Настройте реквизиты для входа в панели администратора Shopify
- Вернитесь в панель управления Meta for Developers и нажмите Настройки приложения > Основные.
- Скопируйте ID приложения в панели управления Meta for Developers.
- На странице Вход через Facebook в панели администратора Shopify вставьте ID приложения в поле ID приложения в разделе Реквизиты для входа.
- В панели управления Meta for Developers нажмите Показать рядом с пунктом Секрет приложения, а затем скопируйте Секрет приложения.
- На странице Вход через Facebook в панели администратора Shopify вставьте секрет приложения в поле Секрет приложения, а затем нажмите Сохранить.
- В панели администратора Shopify нажмите Сохранить изменения.
Шаг 5. Протестируйте и активируйте вход через Facebook
- На странице Вход через Facebook в панели администратора Shopify выберите Дополнительные действия > Предварительный просмотр, а затем протестируйте процесс аутентификации через Facebook так, как если бы вы были клиентом, входящим в магазин.
- Нажмите Включить.
После включения входа через Facebook вы можете протестировать клиентский опыт: перейдите в свой интернет-магазин и войдите в аккаунт клиента через Facebook.