Помощь
Войти

Вход через социальные сети для аккаунтов клиентов

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

Активация входа через соцсети ускоряет для клиентов процесс входа с помощью привычных им способов аутентификации. В своем магазине вы можете активировать несколько способов входа через социальные сети.

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

На этой странице

Что нужно учесть при подключении входа через соцсети к аккаунтам клиентов

При подключении входа через соцсети к аккаунтам клиентов необходимо учесть следующее:

  • Вам потребуется аккаунт разработчика у поставщика, которого вы хотите подключить к аккаунтам клиентов.
  • При входе через социальные сети с Shopify синхронизируется только адрес электронной почты клиента.

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

Чтобы подключить Google к аккаунтам клиентов, выполните по порядку следующие действия:

Во время настройки вам нужно будет переключаться между вкладками браузера: Google Cloud Console и панелью администратора Shopify. Для подключения Google к аккаунтам клиентов у вас должен быть настроен аккаунт Google Cloud. Чтобы узнать больше о Google Cloud, обратитесь к справочной документации Google.

Шаг 1: Откройте страницу «Вход с помощью Google» в панели администратора Shopify

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

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

  3. Нажмите «Подключить» рядом с Google, чтобы открыть страницу «Вход с помощью Google».

На этой странице содержится информация, которую понадобится скопировать и вставить при настройке OAuth-клиента вашего приложения Google, поэтому не закрывайте эту вкладку.

Шаг 2: Создайте приложение в Google Cloud Console

  1. В другой вкладке браузера войдите в Google Cloud Console.
  2. Выберите существующий проект или создайте новый. После этого вы будете перенаправлены на панель управления проектом.
  3. Нажмите Menu, а затем — «API и сервисы» > «Учетные данные».
  4. Нажмите «Настроить окно запроса доступа» > «Начать».
  5. Заполните данные для настройки OAuth для вашего проекта:
    1. Дайте приложению имя, которое будет знакомо клиентам (например, название вашего интернет-магазина). Укажите адрес электронной почты для технической поддержки и нажмите «Далее».
    2. В разделе «Аудитория» выберите «Внешние», а затем нажмите «Далее».
    3. Укажите контактный адрес электронной почты для получения уведомлений от Google о проекте и нажмите «Далее».
    4. Примите Политику в отношении пользовательских данных API-сервисов Google и нажмите «Продолжить».
    5. Нажмите «Создать».
  6. Настройте информацию о политиках вашего приложения, которая будет отображаться для клиентов на экране запроса доступа:
    1. Нажмите «Брендинг».
    2. В разделе «Домен приложения» укажите ссылки на главную страницу, общедоступную политику конфиденциальности и условия обслуживания. Подробнее о создании политик магазина.

Шаг 3: Настройте OAuth-клиент вашего приложения в Google Cloud Console

На этом шаге вам потребуется скопировать данные из раздела «Инструкции по настройке» на странице «Вход с помощью Google» в панели администратора Shopify и вставить их в соответствующие поля во вкладке Google Cloud Console.

  1. В приложении вашего проекта в Google Cloud Console нажмите «Обзор».
  2. В разделе «Метрики» нажмите «Создать OAuth-клиент».
  3. Настройте данные OAuth-клиента:
    1. В выпадающем меню «Тип приложения» выберите «Веб-приложение».
    2. В поле «Название» введите название.
  4. Настройте разрешённые источники JavaScript для своего приложения:
  5. В разделе «Разрешённые источники JavaScript» нажмите «+ Добавить URI».
  6. На странице «Вход с помощью Google» в панели администратора Shopify скопируйте значение для разрешённых источников JavaScript.
  7. В Google Cloud Console вставьте это значение в поле «URI 1».
  8. Если в разделе «Разрешённые источники JavaScript» в панели администратора Shopify у вас несколько URI, повторите эти шаги для остальных полей URI.
  9. Настройте разрешённые URI перенаправления для своего приложения:
  10. В Google Cloud Console, в разделе «Разрешённые URI перенаправления», нажмите «+ Добавить URI».
  11. Во вкладке браузера с панелью администратора Shopify скопируйте значение разрешённого URI перенаправления.
  12. Вернитесь в Google Cloud Console и вставьте это значение в поле «URI 1».
  13. Если в разделе «Разрешённый URI перенаправления» в панели администратора Shopify у вас несколько URI, повторите эти шаги для остальных полей URI.
  14. В Google Cloud Console нажмите «Создать».

Не закрывайте появившееся диалоговое окно «OAuth-клиент создан». Оно понадобится для шага 4 «Configure the credentials in your Shopify admin», так как вам потребуется скопировать и вставить информацию из Google Cloud Console в панель администратора Shopify.

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

  1. В диалоговом окне «OAuth-клиент создан» в Google Cloud Console скопируйте идентификатор клиента.
  2. На странице «Вход с помощью Google» в панели администратора Shopify, в разделе «Реквизиты для входа», вставьте идентификатор клиента.
  3. В диалоговом окне «OAuth-клиент создан» в Google Cloud Console скопируйте секрет клиента.
  4. На странице «Вход с помощью Google» в панели администратора Shopify, в разделе «Реквизиты для входа», вставьте секрет клиента.
  5. На странице «Вход с помощью Google» в панели администратора Shopify нажмите «Сохранить».

Шаг 5: Публикация приложения в Google Cloud Console

  1. В приложении вашего проекта в Google Cloud Console нажмите «Аудитория».
  2. Нажмите «Опубликовать приложение».

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

Чтобы подключить Facebook к аккаунтам клиентов, необходимо по порядку выполнить следующие задачи:

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

Шаг 1: Откройте страницу «Вход с помощью Facebook» в панели администратора Shopify

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

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

  3. Нажмите «Подключить» рядом с Facebook, чтобы открыть страницу «Вход с помощью Facebook».

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

  1. В отдельной вкладке браузера перейдите на панель управления Meta for Developers и нажмите «Войти», чтобы выполнить вход. Если у вас нет аккаунта разработчика Meta, вам потребуется создать новый аккаунт на странице входа, прежде чем переходить к следующему шагу.
  2. Нажмите «Приложения».
  3. Нажмите «Создать приложение».
  4. Заполните поля «Название приложения» и «Контактный email приложения», а затем нажмите «Далее».
  5. На странице «Добавить сценарии использования» выберите «Аутентификация и запрос данных у пользователей с помощью входа через Facebook», а затем нажмите «Далее».
  6. На странице «К какому бизнес-портфолио вы хотите подключить это приложение» выберите бизнес-портфолио или вариант «Я пока не хочу подключать бизнес-портфолио», а затем нажмите «Далее».
  7. Просмотрите страницу «Требования к публикации» и нажмите «Далее».
  8. Просмотрите страницу «Обзор» и нажмите «Перейти на панель управления».

Шаг 3: Настройка параметров Meta-приложения

  1. После создания приложения в панели управления Meta for Developers нажмите «Сценарии использования».
  2. В сценарии использования «Аутентификация и запрос данных у пользователей с помощью входа через Facebook» нажмите «Настроить».
  3. Чтобы обеспечить сбор информации о клиентах при входе, в разделе «Разрешения и функции» рядом с полем «email» нажмите «Добавить».
  4. Нажмите «Настройки», а затем перейдите в «Настройки Client OAuth».
  5. На странице «Вход с помощью Facebook» в панели администратора Shopify скопируйте URL перенаправления из раздела «URL-адреса перенаправления».
  6. На странице «Настройки» в панели управления Meta for Developers вставьте URL перенаправления в поле «Действительные URI перенаправления OAuth».
  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. Скопируйте ИД приложения из панели управления Meta for Developers.
  3. На странице Вход через Facebook в панели администратора Shopify вставьте ИД приложения в поле ИД приложения в разделе Реквизиты для входа.
  4. В панели управления Meta for Developers нажмите «Показать» рядом с полем Секрет приложения, а затем скопируйте Секрет приложения.
  5. На странице Вход через Facebook в панели администратора Shopify вставьте секрет приложения в поле Секрет приложения, а затем нажмите «Сохранить».
  6. В панели администратора Shopify нажмите «Сохранить изменения».

Шаг 5. Тестирование и активация входа через Facebook

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

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

Управление вариантами входа через соцсети

Вы можете отредактировать, отключить или удалить подключённый способ входа через соцсети.

После отключения или удаления способа входа через соцсети клиенты остаются в системе во избежание сбоев. Сессии входа через соцсети истекают естественным образом или когда клиенты выходят из системы.

Шаги:

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

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

  3. Рядом со способом входа, который вы хотите изменить, нажмите меню ….

  4. Выполните одно из следующих действий:

    • Чтобы изменить способ входа, нажмите «Управление», а затем обновите нужные реквизиты для входа.
    • Чтобы отключить способ входа, не удаляя его, нажмите «Отключить».
    • Чтобы удалить способ входа, нажмите «Удалить», а затем ещё раз нажмите «Удалить» в диалоговом окне.