Настройка входа через Meta в магазин Shopify | SSO Shopify Meta

Предпосылка:

Перед началом установки убедитесь, что у вас установлено приложение miniOrange Social Login.

Социальная Войти

Позволяет пользователям входить в магазин через единый вход (SSO) с использованием учетных данных Meta.

Добавить приложение

Пошаговая инструкция по включению мета-авторизации в магазине Shopify

1. Настройка пользовательского приложения для Meta Login

• Перейдите на сайт Консоль разработчиков Meta. Или Подписаться or Войти с использованием вашей существующей учетной записи разработчика Meta.
• В консоли разработчиков Meta перейдите по следующему пути: Мои приложения

• Нажмите на Создать приложение инициировать создание нового мета-приложения.

• Выберите вариант Аутентифицируйте пользователей и запрашивайте у них данные с помощью Meta Login. под Добавить вариант использования .

• Выберите подходящий Тип входа и перейти к Следующая шаг.

• Введите желаемый Имя приложения (например, "TestApp") и ваш адрес электронной почты. Затем нажмите на Создать приложение

• Убедитесь, что в данный момент выбрано именно ваше приложение. Если нет, щелкните раскрывающееся меню и выберите название вашего приложения.

• Перейдите на сайт Случаи использования в разделе на боковой панели нажмите на Настроить под Аутентификация и создание учетной записи

• Под Разрешения... раздел, нажмите Добавить кнопка для e-mail. Один раз сделал, Вернитесь назад.

• Перейдите в Опубликовать раздел на боковой панели.

• Нажмите на Перейдите в настройки приложения. для настройки URL политики конфиденциальности

• Введите значения, соответствующие информации о заявке. См. таблицу ниже.

Домен приложения	myshopify.com (Если у вас есть собственный домен, введите его здесь)
URL политики конфиденциальности	Введите URL-адрес вашей политики конфиденциальности
Условия Предоставления Услуг	Введите URL-адрес ваших Условий использования.
Удаление данных пользователя	Введите URL-адрес вашей страницы с инструкциями о том, как пользователи могут удалить свои учетные записи.


• Теперь прокрутите вниз и нажмите Добавить платформу.

• Выберите Веб-сайт. Затем нажмите Далее.

• Вы увидите Вебсайт Здесь находится соответствующий раздел. Введите URL-адрес вашего сайта Shopify в поле... адрес сайта Затем сохраните изменения с помощью этой строки. Сохранить изменения .

• Перейдите в Публиковать. раздел на боковой панели.

• Завершите Проверка бизнеса. Вам нужно ответить Вопросы обработки данных Также. После завершения нажмите на Опубликовать

• После публикации приложения перейдите по ссылке: Настройки приложения >> Базовый и скопируйте App ID и Секрет приложения Сохраните скопированные данные, так как мы будем использовать их в дальнейшей настройке.

2. Настройте приложение miniOrange Social Login.

• К вашей Магазин магазинов и перейдите в Приложение раздел. Нажми на Вход через социальные сети miniOrange Приложение.

• Вы будете перенаправлены на Панель управления авторизацией через социальные сети. и нажмите на Facebook.

• Вставьте ранее скопированный текст. App ID и Секрет приложения в соответствующий раздел. Нажмите на Сохранить.


App ID	App ID
Секрет приложения	Секрет приложения
Объем	email, public_profile

Теперь вы успешно настроили и приложение miniOrange Social Login.

3. 4. Проверьте свою конфигурацию

• Нажмите на Тестовые конфигурации на Панель управления авторизацией через социальные сети.

• Должно появиться всплывающее окно, подтверждающее правильность всех настроек.

• Перейдите на Социальная Войти На панели управления убедитесь, что переключатель для Facebook включен. Это гарантирует, что пользователи увидят кнопку на странице входа.

• К вашей Магазин Магазин >> Интернет-магазин >> Темы Нажмите на Настроить Как показано на изображении.

• Перейдите на сайт Встраивание приложений Раздел и поверните mO Социальный вход виджет On

• Теперь вы можете увидеть Вход через социальные сети Facebook Кнопка отображается при входе в систему.

Вы завершили настройку на стороне Shopify.

Другие возможности персонализации, предоставляемые приложением miniOrange Social Login.

Если у вас возникла ошибка или вопрос, нажмите здесь. здесь увидеть других.