Создание веб-приложений VK и FB и настройка WordPress Social Login

Эти приложения мы будем использовать в связке с плагином WordPress Social Login. Посетитель сможет залогиниться на вашем сайте через vkontakte или facebook, чтобы оставлять комментарии к записям.

 

Создаем приложение в Facebook

1. Проходим по ссылке developers.facebook.com/apps и добавляем новое приложение. Перед этим фейсбук может вас попросить зарегистрироваться как разработчик — сделайте это.

2. В выпадающем списке выбираем Приложения для Страниц

Создание веб-приложений, wp social login

 

2. Начинаем «Вход через Facebook»

Создание веб-приложений, wp social login

 

В принципе, тут ничего менять не нужно:

Создание веб-приложений, wp social login

 

3. Переходим во вкладку Настройки и нажимаем Добавить платформу — Веб-сайт и вписываем адрес нашего сайта. После этого сохраняем изменения:

Создание веб-приложений, wp social login

 

4. Переходим во вкладку Проверка приложения и делаем его доступным для всех:

Создание веб-приложений, wp social login

 

Готово! Во вкладке Панель мы можем посмотреть ID и секрет приложения:

Создание веб-приложений, wp social login

 
 

Создаем приложение В контакте

1. Проходим по ссылке /vk.com/editapp?act=create и заполняем поля и нажимаем Подключить сайт.

Создание веб-приложений, wp social login

 

2. Далее проходим смс или другую проверку и готово!

Во вкладке Настройки можно увидеть ID и ключ:

Создание веб-приложений, wp social login

 
 

Настройка WordPress Social Login

1. Устанавливаем и активируем плагин:

Создание веб-приложений, wp social login

 

2. Переходим в Настройки плагина, справа — где Add more providers — жмем на иконку VK, и настройки для приложения VK появляются в общем списке. Гугл и Твиттер отключаем, если лень их настраивать. Вписываем ID и секреты/ключи в соответствующие поля и сохраняем настройки:

Создание веб-приложений, wp social login

 

3. Переходим на вкладку Widget.

Создание веб-приложений, wp social login

 

— Connect with caption — Тут можно вписать фразу типа: Войти через социальные сети.
— Social icon set — если вы используете один из моих шаблонов AY или Ocean, то выберите None, display providers names instead of icons (чтобы были красивые иконки сетей):
— Users avatars — оставить по умолчанию, чтобы подтягивались аватарки из соц. сетей

Далее указываем, где у нас будут показываться иконки соц. сетей для входа:

Если вы используете шаблон Ocean, то выбираем пункт Do not display the widget anywhere, I’ll use shortcodes (для этого есть специальная настройка в самом шаблоне). Если какая-то другая тема, то можно выбрать показ только над формой комментирования — Display the widget only in the comments area.

Сохраняем изменения.

Создание веб-приложений, wp social login

 

4. И последняя вкладка — Bouncer. Здесь только укажем No для Link user account:

Создание веб-приложений, wp social login

 

Сохраняем изменения. Готово!

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

Создание веб-приложений, wp social login