WordPress Social Login, вход и регистрация через соцсети

social login wordpress Раскрутка в соцсетях

 Продолжаем разбирать самые интересные и полезные плагины для сайта wordpress. Сегодня вы узнаете как сделать на своём сайте авторизацию через социальные сети, а также комментирование через соцсети. Можно не только входить на сайт и оставлять комментарии через соцсети, можно также сделать регистрацию на сайте через соцсети. Плагин включает в себя самые популярные соцсети – Facebook, Google+, Twitter, Instagramm, Vkontakte, Mail, Одноклассники, Яндекс и т.д. (28 соцсетей).

 

login social site

 

 Установить плагин WordPress Social Login вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

 После установки и активации плагина, перейдите на страницу: НастройкиWP Social Login. Здесь вы сможете добавлять или удалять соцсети. Чтобы отключить соцсеть, возле значения Enabled укажите No и сохраните настройки. Чтобы добавить соцсеть, справа в боковой панели, в виджете Add more providers, нажмите по соцсети которую вы хотите добавить и она автоматически появится в списке подключённых соцсетей.

 

настройки social login

 

 Чтобы активировать соцсеть, вам нужно указать ID приложения и Secret код приложения facebook. Чтобы узнать как создать приложение facebook, нажмите на вкладку рядом с полем – Where do I get this info. Под формой вам покажут инструкцию на английском языке. Скопируйте текст инструкции и переведите его с помощью Яндекс или Google переводчика.

 На данном сайте, также есть инструкции по созданию приложений для популярных соцсетей. Ищите через поиск или в рубрике – Идентификатор. После указания ID и Secret, сохраните настройки.

 

подключение соцсеть логин

 

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

 

вход через фейсбук

 

 Далее, вам нужно подтвердить своё согласие на использование приложением ваших данных. Затем нужно нажать на кнопку – Create a new account, после чего вы зайдёте на сайт под своим именем.

 

login social facebook

 

 Тоже самое будет и при оставлении комментария. Чтобы значки соцсетей отображались над формой комментариев, выйдите из админ-панели wordpress и зайдите на сайт.

 

comment login social

 

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

 

страница widget

 

 Здесь вы сможете настроить редирект, выбрать отображение авторизации в отдельном popup окне или на отдельной странице. Вы можете добавить авторизацию на сайт либо с помощью шорткода, либо с помощью php кода.

 

widget social login

 

 Чтобы узнать как добавить авторизацию через соцсети с помощью шорткода или php кода, вверху страницы, справа в боковой панели, в виджете Whats This?, нажмите на вкладку – Widget Customization. Далее следуйте инструкции.

 

инструкция виджет

 

 Оставьте свой комментарий к данной записи, если у вас остались вопросы !

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Ярослав

    Этот плагин не пропускает пользователей которые пытаются зарегистрироваться с помощью Фейсбука у которых ФИО на русском языке и различные спец.символы, у тех пользователей у которых в логине латинские буквы, то всё ОК

    Ответить
    1. Admin автор

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

      Ответить
  2. Михаил

    есть ли успешный упыт настройки плагина для OK.RU?

    Ответить
    1. Admin автор

      Точно также подключается как и остальные соцсети. Что не понятно ?

      Ответить
  3. михаил

    Не пашет. Коннекшн рефьюзд. Готовы помочь?

    Ответить
    1. Admin автор

      Приложение создали ? Application ID и Application Secret указали ? Инструкцию внимательно читали ?

      Ответить
  4. михаил

    Да, создано. И даже запрос в команду апиок на гетимайл сделал

    Ответить
    1. Admin автор

      URL для обратного вызова указывали, который в инструкции указан ?

      Ответить
  5. михаил

    Конечно

    Ответить
    1. Admin автор

      Какая ошибка возникает ? Что не так ?

      Ответить
  6. Денис

    Привет, не знаешь как сделать так, чтобы выводился не ID пользователя, а его имя, если коммент оставляют через вконтакте?
    Выводится в “последних комментариях”
    Если удобно, посмотри на ownmade.ru в самом низу оставлен коммент через VK.

    Ответить
    1. Admin автор

      Привет. В настройках плагина такой возможности нет. Если только вручную делать. На сайте ВК для разработчиков можно посмотреть, там есть инструкция для ручной установки авторизации.

      Ответить
      1. Денис

        То что в настройках нет я и так знаю, не спрашивал бы…
        Не нашёл решения ни в сети, ни в вк…авторизациях проходит нормально, но выводит не то что хотелось бы.
        Ладно, спасибо…

        Ответить
        1. Admin автор

          Попробуйте другой плагин. Я разбирал ещё три подобных плагина, здесь можете найти их – Супер плагины WordPress.

          Есть плагин – uLogin, его ещё не добавил в каталог.

          Ответить
  7. Игорь

    Приветствую всех! У меня при авторизации через соц сети, отображаются крокозябры в шрифте, после авторизации шрифт норм.
    Вот такая фигня при авторизации через Twitch)))
    оединение СЃ TwitchTV, пожалуйста, ожидайте…

    Ответить
    1. Admin автор

      Здравствуйте. Надо разбираться! Только в Twitch, больше на сайте нигде нет такой проблемы?

      Ответить
      1. Игорь

        Илья, некорректное отображение текста появляется при авторизации с любой соц сетью, не только Twitch… После авторизации уже на самих страничках сайта нет проблем. globalgaming.ru – попробуйте пройти регистрацию.

        Ответить
        1. Admin автор

          Вы WordPress, плагины, темы обновляете? Посмотрите, возможно плагин давно не обновляли и он не тестировался с новой версией WordPress. Ещё вариант, у вас тема устарела. Поставьте другую тему и посмотрите как будет текст отображаться. Есть ли у вас на сайте поддержка UTF-8? Это можно посмотреть в файле header.php, там должен быть вверху тег meta charset=”UTF-8″.

          Ответить
          1. Игорь

            Плагины и тему обновляю. Попробовал переключится на стандартную тему, ситуация не изменилась.Вставил в Header после тоже не помогло. Уж незнаю что делать….

          2. Admin автор

            Плагин тестировался с новой версией WordPress? Это можно посмотреть в Деталях плагина, вверху должно быть уведомление.

  8. Игорь

    Обновление: 4 месяца назад
    60 000+ установок
    Не тестировался с вашей версией WordPress.

    Ответить
    1. Admin автор

      Возможно, как раз дело в плагине. Попробуйте написать автору плагина. Можете попробовать другой плагин. Если другой плагин будет нормально работать, значит виноват именно плагин и тогда все вопросы только к автору. Рекомендую плагинuLogin.

      Ещё:
      Social Login, Social Sharing by miniOrange.
      Super Socializer.

      Если что-то не понятно, пишите комментарии, я всем отвечу, удачи!

      Ответить
  9. Андрей

    Здравствуйте. Подскажите, а как капчу поставить после комментариев. Вот как у Вас внизу. Это в comments.php нужно код вставить из рекапчи. Подскажите в какое место. Благодарю

    Ответить
    1. Admin автор

      Здравствуйте. Проще плагин поставить. Я использую – Fast Secure reCAPTCHA.

      Ответить
  10. Артём

    Здравствуйте. Возможно вы подскажете:
    Как можно сделать так, что бы привязывать несколько профилей соцсетей к одному профилю на сайте?

    Ответить
    1. Admin автор

      Здравствуйте! А зачем так делать? И как это должно выглядеть? Пока плохо понимаю, что вы хотите сделать.

      Ответить
      1. Артём

        Я хочу что бы это выглядело как то так:
        1. Пользователь заходит через одну из соц. сетей, автоматически создав аккаунт на вордпресс сайте, который привязывается к этой социальной сети. (как и происходит)
        2. Пользователь заходит в свой профиль на вордпресс сайте, и может подсоединить дополнительную соц. сеть к тому же аккаунту.
        Таким образом, он может заходить на сайт например через вк и через файсбук, при этом заходя в один и тот же аккаунт, а не плодя “клоны”
        Такая возможность в плагине есть: например если нажать на колесико и включить вкладку “Пользователи” можно посмотреть все профили привязанные к соц. сетям. На скриншотах с оф сайта видно, что привязать можно несколько профилей соц. сетей к одному профилю вордпресса.
        Так же об этом говорит сообщение найденное в коде плагина, говорящее что-то вроде “авторизуйтесь для создания связи с этой соц. сетью.”
        Я нашел единственный способ это сделать:
        В ссылке youdomen.com/wp-login.php?action=wordpress_social_authenticate&mode=login&provider=Twitter&redirect_to=http%3A%2F%2Fyoudomen.com%2F

        Поменять mode=login на mode=link
        Но это нужно самому куда-нибудь засовывать кнопки с этими измененными адресами. Судя по всему, в плагине есть возможность это настроить, но она либо не доработана, либо я слепой, вот и хотел спросить у вас, на случай если я всё-таки слепой :-)

        Ответить
        1. Admin автор

          С помощью сервиса uLogin вы можете настроить свои параметры авторизации!

          Ответить
  11. Михаил

    Привет. Спасибо за статью. Есть вопрос по плагину. Возможно ли изменить внешний вид страницы плагина с выбором привязать к текущему аккаунту, либо создать новый. И добавить radiobuttons на эту страницу не изменяя код плагина, а через functions.php?

    Ответить
    1. Admin автор

      Привет. Конечно можно! Только вам нужно обратиться к программисту.

      Ответить
  12. Оля

    Здравствуйте. Подскажите какой нибудь ПРОСТОЙ плагин типа uLogin, где не нужно ничего настраивать (ну не получается у меня uLogin вообще убрали и установить его нельзя.

    Ответить
    1. Admin автор

      Здравствуйте. Есть такой плагин Social Login, Social Sharing by miniOrange, у него простые настройки, просто разобраться надо. Также посмотрите плагины:

      Social Login
      Super Socializer
      – Подобных плагинов много, ищите по запросу Social Login, через админ-панель WordPress. Если сами не можете настроить плагин, наймите человека.

      Ответить
  13. Владимир

    Можете также воспользоваться : github/com/neatek/clicklogin-wordpress-plugin-social-authentication

    Ответить