Авторизация через социальные сети

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

С помощью Webasyst легко добавить такую возможность для посетителей вашего сайта:

  1. Откройте приложение «Сайт» в бекенде своего Вебасиста и перейдите в раздел Личный кабинет → Настройки авторизации.
  2. Если авторизация выключена, включите ее. Это добавит в дизайн вашего сайта ссылку для входа в личный кабинет.
  3. Включите флажок Авторизация через внешние сервисы. Здесь вы увидите список доступных провайдеров авторизации, для которых можно настроить вход в личный кабинет для ваших клиентов.

  4. Зарегистрируйтесь в нужных вам сервисах и выполните настройки, описанные для каждого из них на странице документации. Из аккаунтов в сторонних сервисах скопируйте данные для авторизации, например, ID приложения, секретный ключ, пароль и т. д. Каждый сервис представляет свой набор параметров:
  5. В настройках авторизации приложения «Сайт» включите флажки напротив нужных вам сервисов и вставьте в появившиеся текстовые поля значения, скопированные из аккаунтов во внешних сервисах.

  6. Готово! После сохранения изменений на странице входа в личный кабинет на вашем сайте появятся иконки для авторизации через сторонние сервисы:

Инструкции по настройке авторизации через разные сервисы

7 комментариев

  • +1
    Максим Григорьев Максим Григорьев 21 марта 2016 15:40 #

    А можно как то поменять верстку этих адаптеров без JS?

  • +1
    Руслан Гумеров Руслан Гумеров 17 апреля 2019 12:29 #

    Добрый день!

    Все работает только в двух случаях

    1. Вход

    2. При оформлении заказа - Контактная информация (Я уже заказывал ранее и у меня есть аккаунт)

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

    Догадаться, что иконки соц. сетей находятся в "Я уже заказывал ранее и у меня есть аккаунт" не возможно.

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

    Пояснение: Покупатель не стал регистрироваться перед покупкой, а набросал в корзину товар и потом уже пошла регистрация. (для комментариев "есть же регистрация") 

    ВОПРОС: Как перенести иконки на самый верх?

    Пример, как я это вижу.

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 17 апреля 2019 17:44 #

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

      Проверьте с темой дизайна «Дефолт», пожалуйста. Насколько я вижу, в ней такой проблемы нет. Если всё так, то вам нужно обратиться за помощью к разработчику вашей темы дизайна.

    • +1

      Добрый день.

      Эта инструкция актуальна?

      При нажатии на иконку VK выдает окно с таким сообщением

      {"error":"invalid_request","error_description":"redirect_uri is incorrect, check application redirect uri in the settings page"}

      Так же при нажатии на иконку google, выдает вот такое сообщение

      400. That’s an error.
      
      Error: redirect_uri_mismatch
      
      The redirect URI in the request, https://sitename.ru/oauth.php?provider=google, does not match the ones authorized for the OAuth client. To update the authorized redirect URIs, visit: https://console.developers.google.com/apis/credentials/oauthclient/785928383711-ndk08h8geduandarn5id98ujr2usr89a.apps.googleusercontent.com?project=785928383711

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

    • +1
      Регина Регина 10 сентября 2019 18:55 #

      Здравствуйте! Клиент зарегался через ВК. Оформил заказ, а как ему электронку подтвердить и пароль сразу создать? Например, если будет необходимость войти через электорнку в личный кабинет?

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите