Настройка входа в магазин Shopify через Google — Вход через социальные сети Shopify Google

Обзор

Приложение miniOrange Social Login значительно упрощает вход в ваш магазин Shopify. С помощью этого приложения ваши пользователи смогут быстро авторизоваться, используя свою учетную запись Google , независимо от того, является ли магазин Shopify Plus или нет . После включения авторизации через социальные сети Google пользователи смогут использовать предпочитаемые ими учетные данные для доступа к вашему магазину Shopify. Пользователям не нужно будет создавать несколько учетных записей, и они смогут входить в систему, используя свою учетную запись Google. Это обеспечивает высокую безопасность и беспрепятственный доступ к магазину Shopify.

Как работает авторизация через социальные сети?

Процесс авторизации через социальные сети предельно прост. Пользователи заходят на ваш сайт и выбирают любой из предложенных способов. Пользователи, желающие авторизоваться через социальную сеть, вводят свои данные на сайте этой социальной сети. После завершения процесса аутентификации пользователь может начать использовать ваш сайт WordPress. Если это новый пользователь, он регистрируется, а если это уже существующий пользователь, он авторизуется.

Скачать приложение

Тарифный план

Настройка единого входа (SSO) в учетные записи клиентов Shopify

Если вы хотите настроить единый вход (SSO) в учетные записи клиентов Shopify, используя Google в качестве поставщика идентификационных данных, следуйте инструкциям, приведенным здесь.

Предварительные условия: приложение Shopify для входа через социальные сети.

Для настройки единого входа (SSO) в Shopify с использованием Google в качестве поставщика идентификации (IDP) вам потребуется установить приложение miniOrange Social Login в свой магазин Shopify.

Посмотрите наше видео , чтобы узнать больше о том, как работает приложение для авторизации через социальные сети в Shopify.

Шаги настройки

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

Шаг 1: Настройка пользовательского приложения для входа через Google.

Откройте приложение Консоль разработчиков Google и зарегистрируйтесь или войдите в систему, используя свою учетную запись разработчика Google.
В консоли разработчиков Google нажмите на Выберите проект.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO — Консоль разработчика Google

Нажмите на Новый проект создать новый проект Google Apps.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO — Новый проект Google Apps

Введите Название проекта (например, TestApp) и Место нахождения, Затем нажмите Создать.

Руководство по настройке входа через социальные сети с использованием - введите название проекта

Убедитесь, что ваш проект выбран в выпадающем списке, как показано на изображении. Если нет, откройте выпадающее меню, чтобы просмотреть свои проекты. Выберите тот, который вы только что создали — в нашем случае это «TestApp».

Руководство по настройке входа через социальные сети — убедитесь в наличии имени приложения.

Перейдите в Экран согласия OAuth в боковой панели.

Инструкция по настройке авторизации через социальные сети с использованием экрана согласия oAuth.

Обязательно выберите Внешний Тип пользователя >> Создать.

Руководство по настройке входа через социальные сети с использованием типа пользователя.

Настройте экран, войдя в свое приложение. Имя. Это может быть что угодно, на ваш выбор. Допустим, мы назовем это, например, «SocialLogin». Итак, начнем... Адрес электронной почты службы поддержки пользователей.

Инструкция по настройке входа через социальные сети: настройте экран, введя название вашего приложения.

В поле «Авторизованные домены» вставьте miniorange.com. Заполните Контактная информация разработчика. Затем нажмите Сохранить и продолжить.

Руководство по настройке входа через социальные сети - скопируйте авторизованный URL-адрес sp.

Продолжать Полномочия на боковой панели

Инструкция по настройке входа через социальные сети с использованием учетных данных Google — перейдите к боковой панели с данными.

Нажмите на Создать учетные данные, и Идентификатор клиента OAuth.

Руководство по настройке входа через социальные сети с использованием идентификатора клиента OAuth.

Выбрать веб приложение как Тип приложения

Руководство по настройке авторизации через социальные сети — тип приложения: веб-приложение

Вы можете изменить название Веб-клиент. Добавить авторизованные URI перенаправления

Руководство по настройке входа через социальные сети с использованием имени веб-клиента.

Поставьте Авторизованные URI перенаправления в https://shop.miniorange.com/social-login/openidcallback/google. Нажмите на Создавай

Руководство по настройке авторизации через социальные сети с использованием URL-адреса перенаправления OAuthorized.

Скопируйте сгенерированный идентификатор клиента и Секрет клиента, поскольку она будет использоваться на дальнейших этапах.

Руководство по настройке входа через социальные сети с использованием сгенерированного идентификатора клиента и секретного ключа клиента.

Таким образом, вы настроили пользовательское приложение для входа через Google.

Шаг 2: Настройка приложения Shopify для авторизации через социальные сети.

Перейдите в свой магазин Shopify. Мини аппы раздел и выберите Приложение miniOrange для входа через социальные сети.

Инструкция по настройке входа через социальные сети с использованием Google Shopify Single Sign-On.

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

Руководство по настройке авторизации через социальные сети с использованием Google Shopify в качестве поставщика идентификации.

Вставьте ранее скопированный текст. идентификатор клиента и Секрет клиента как указано в таблице.

App ID	идентификатор клиента
Секрет приложения	Секрет клиента
Объем	email+профиль

Руководство по настройке авторизации через социальные сети с использованием Google SSO между двумя магазинами Shopify.

Нажмите на Сохранено чтобы сохранить учетные данные.

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

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

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

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO

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

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO - Настройка IDP

Перейдите на Панель управления авторизацией через социальные сети. А также включите переключатель Google, чтобы отображать кнопку входа через социальные сети Google на странице входа.

Google Shopify SSO — добавление поставщика идентификации

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

Единый вход Google (SSO) между двумя магазинами Shopify — Shopify SSO — добавление поставщика идентификации.

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

Раздел Google Shopify SSO — Встраивание приложений

Теперь вы видите кнопку входа через социальные сети Google на странице авторизации.

Google Shopify SSO - Импорт метаданных IDP

Таким образом, вы настроили вход через социальные сети Google в свой магазин Shopify.

Контакт

Пожалуйста, свяжитесь с нами по адресу shopifysupport@xecurify.com , и наша команда поможет вам настроить приложение. Мы поможем вам выбрать наиболее подходящее решение/план в соответствии с вашими потребностями.

Содержание: