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

Всем привет, все современные люди даже большинство пожилых имеют аккаунты в социальных сетях. И очень часто нам нужно проходить нудный однотипный путь регистрации на разных сайтах, это занимает не более 5 минут, но это зачастую пугает ваших посетителей и люди уходят. И тут нам на помощь приходит плагин Social Login для WordPress, который умеет авторизовать вас на сайте через многие социальные сети, например пользователь сможет авторизоваться на сайте с помощью вконтакте, а так же оставить комментарий на сайте используя все туже авторизацию в социальных сетях. Давайте установим плагин и рассмотрим как происходит его работа.

Социальная авторизация Social login wordpress

1. Скачиваем и устанавливаем плагин Social Login


Скачиваем плагин с официального сайта wordpress и переходим в админ панель вашего сайта в раздел ПлагиныДобавить новыйЗагрузить и видим такой интерфейс.

Установка плагина для wordpress

После чего нажимаем Выберите файл (1) выбираем ранее скачанный архив с плагином Social Login, и после этого нажимаем на Установить (2). После удачной установки нажимаем Активировать плагин.

2. Регистрация профиля в системе OneAll


Если вы успешно проделали предидущий пункт, переходим в админ панели в раздел Social Login – Setup и кликаем по кнопке Click here to setup your free account

После этого вы попадете на сайт OneAll, где вы выбираете тип регистрации. Можно зарегистрироваться выбрав социальные сети, или создать аккаунт у них на сайте. Я выбрал способ регистрации через Facebook. При нажатии на иконку Facebook откроется окошко с запросом прав на использование вашей информации, нажимаем Ок.

Сервер фейсбука отдаст информацию после чего вы должны увидеть данное сообщение.

Авторизация с фейсбук успешна

Проверяем свои данные ниже этого сообщения, и если все верно нажимаем Confirm account information. И мы должны попасть в настройку нашего профиля в системе OneAll.

3. Регистрация сайта в системе OneAll


Если все пункты выше проделаны успешно мы должны увидеть данное окошко, где нажимаем Create a new OneAll Site.

Регистрация сайта в oneall

На данном этапе вы должны увидеть форму в которой нужно указать основные данные о вашем сайте.

Регистрация сайта в системе OneAll

  1. Придумываем субдомен в системе OneAll советую указать название вашего сайта, без указания .ru, .com и т.д.
  2. Указываем имя вашего сайта.
  3. Вписываем домен (адрес вашего сайта) на котором будет использоваться системе социальной авторизации.
  4. Жмем Create this Site

4. Ввод API данных в плагин Social Login


Мы уже почти у цели, осталось совсем немного это соединить плагин Social Login c системой OneAll. После предыдущего пункта вы должны увидеть примерно такое окошко.

API ключ от системы OneAll, для плагина Social Login

Переходим в админ панель в настройки плагина Social Login – Setup спускаемся к пункту API Settings и вводим API данные полученные выше, и жмем Verify API Settings, если данные введены правильно вы должны получить сообщение об успешной верификации.

Успешное подтверждение Api ключа Social Login

Пунктом ниже выбираем те социальные сети, через которые вы хотите разрешить авторизацию пользователей, и нажимаем Save Changes.

Ну вот система социальной авторизации готова к использованию, при входе в аккаунт вы увидите иконки социальных сетей, нажав на которую произойдет авторизацию по примеру из пункта 2, где мы регистрировали профиль с помощью аккаунта от Facebook.

Wordpress Social Login

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

<!--?php do_action('oa_social_login'); ?-->

Инструкцию вышла немного длинная но я надеюсь подробная, я пытался вместить максимально подробную информацию, чтобы установка плагина Social Login для wordpress прошла без проблем. Удачной вам установки, и использования плагина, если возникнут вопросы, задавайте их в комментарии.

Хотите подобный функционал, верстку либо помощь в настройке вашего сайта?
Свяжитесь со мной

Оставить отзыв

(обязательно)

(обязательно)


Наши друзья
- ARTtime - Блог о Photoshop и Дизайн
- Блог о дизайне и арте
Реклама