Как добавить социальный вход в WordPress
Вы ищете лучший плагин WordPress для входа через социальные сети для своего веб-сайта?
Необходимость помнить множество разных имен пользователей и паролей для доступа к различным веб-сайтам, к которым мы принадлежим, пугает.
Дополнение для входа через социальные сети позволяет пользователям регистрироваться и входить на ваши сайты членства в WordPress, используя свои учетные записи в социальных сетях. Поддерживаемые социальные сети включают Facebook, Twitter, LinkedIn, Google, Amazon, Yahoo, Microsoft, VK.com, WordPress.com и GitHub.
Зачем добавлять социальный вход в WordPress?
Вы можете разрешить регистрацию пользователей на своем веб-сайте WordPress по многим причинам. Например, если вы используете сайт с платным членством, регистрация пользователей позволит участникам сохранять способы оплаты и получать доступ к платному контенту.
Регистрация пользователя является неотъемлемой частью создания членского сайта WordPress. Однако большинству людей не нравится заполнять длинные регистрационные формы пользователей и запоминать еще один логин/пароль.
Вход через социальные сети позволяет посетителям создать учетную запись на вашем веб-сайте, нажав кнопку. Они могут использовать имя пользователя и пароль из своих существующих учетных записей в социальных сетях, например данные для входа в Facebook.
Поскольку вход через социальные сети очень удобен, он может побудить больше людей зарегистрироваться на вашем сайте. Итак, давайте посмотрим, как вы можете добавить социальный вход в WordPress.
Настройка входа в социальную сеть WordPress
Чтобы настроить вход в социальную сеть WordPress, убедитесь, что надстройка входа в социальную сеть активирована в ProfilePress. Вы можете активировать аддон с ПрофильПресс >> Аддоны .
Настройки входа через социальные сети
После активации дополнения перейдите в Настройки и откройте раздел Вход через социальные сети.
Для каждого входа через социальные сети, который вы хотите включить, вам необходимо создать приложение для получения ключей и секретов API. Перейдите по ссылкам ниже, чтобы узнать, как это сделать.
- Настройка приложения Facebook
- Настройка приложения Twitter
- Настройка приложения LinkedIn
- Настройка проекта Google
- Настройка приложения GitHub
- Настройка приложения Yahoo
- Программа установки Microsoft
- Настройка приложения WordPress.com
- Войти с помощью программы настройки приложения Amazon
- Настройка приложения ВКонтакте
После создания учетных данных API введите и сохраните их.
Изменение текста кнопок входа в социальные сети
Чтобы изменить текст на различных кнопках входа в социальные сети, щелкните меню вкладки «Кнопки».
Доступные шорткоды и ссылки для входа в социальные сети
Откройте меню вкладки «Интеграции», чтобы просмотреть доступные шорткоды для входа в социальные сети и HTML-ссылки для встраивания или добавления кнопок входа в социальные сети в любом месте вашего сайта.
Например, [pp-social-login type="facebook"]
выведет кнопку ниже.
Если вы хотите перенаправить своих пользователей WordPress после того, как они войдут в систему через любую из социальных сетей, добавьте атрибут «перенаправление» к шорткоду, например:
[pp-social-login type="google" redirect="https://custom-url-here.com"]
Если вы хотите динамически изменять текст кнопки, а не полагаться на настройки меню кнопок, упомянутые выше. , вы можете использовать расширенный шорткод, например:
[pp-social-login type="google"]Войти с помощью Google[/pp-social-login]
В зависимости от ваших потребностей вы можете внедрить или использовать вместо этого используйте ссылки для входа в социальные сети. Доступны следующие короткие коды.
-
[facebook-логин-url]
URL-адрес для входа в Facebook. -
[twitter-login-url]
URL-адрес для входа в Twitter. -
[linkedin-login-url]
URL-адрес для входа в LinkedIn. -
[google-login-url]
URL для входа в Google. -
[github-login-url]
URL-адрес для входа в GitHub. -
[wordpresscom-login-url]
URL-адрес для входа в WordPress.com. -
[microsoft-login-url]
URL-адрес для входа в Microsoft. -
[vk-login-url]
URL для входа в VK.com (ВКонтакте).
Интеграция с формами входа и регистрации
В зависимости от вашего конструктора форм вы можете легко добавлять кнопки входа через социальные сети в настраиваемые формы входа и регистрации вашего веб-сайта на базе ProfilePress.
Drag-and-Drop Builder
В зависимости от темы или шаблона, которые вы используете для форм входа и регистрации, вы можете легко добавить кнопки входа через социальные сети, активировав вход через социальные сети.
Вы также можете добавить блок «Пользовательский HTML» в форму и шорткод входа в социальную сеть или ссылку, упомянутую выше.
Конструктор шорткодов
Для конструктора шорткодов встраивание шорткода — единственный выбор. Вы можете нажать кнопку «Доступные шорткоды», чтобы быстро получить шорткод входа в социальную сеть.
Интеграция с формой оформления заказа
Социальный вход позволяет клиентам регистрироваться и входить на ваш сайт WordPress с учетной записью в социальной сети для упрощения и ускорения оформления заказа. Клиентам больше не нужно запоминать еще одно имя пользователя и пароль. Вместо этого они могут использовать свою предпочтительную социальную сеть, чтобы создать учетную запись для вашего сайта, чтобы каждый раз при посещении у них не возникало проблем при оформлении заказа.
Кнопки входа через социальные сети можно использовать на странице «Оформить заказ», чтобы ускорить создание учетной записи, и клиенты возвращаются обратно на страницу для завершения своих покупок.
Чтобы добавить кнопки входа через социальные сети в форму оформления заказа, перейдите в Настройки >> Платежи >> Настройки оформления заказа и выберите кнопки входа через социальные сети, которые будут отображаться на странице оформления заказа, в настройке «Проверка входа через социальные сети».
Ниже приведен предварительный просмотр страницы оформления заказа с кнопками входа через социальные сети.
Мы надеемся, что эта статья помогла вам узнать, как добавить социальный вход на ваш сайт WordPress. Свяжитесь со службой поддержки, если у вас есть какие-либо вопросы.
Get ProfilePress & The Social Login Addon
Social Login — devot:ee — Посвящается ExpressionEngine
Разработчик
Юрий Салимовский — IntoEEtive
Сторонние (бесплатно)
Поддержка версии EE
- ExpressionEngine 2
Совместимость
- Средство обновления
- Многосайтовый менеджер
- Форма индивидуальной заявки
- Низкие переменные
- Элементы контента
- Лучший рабочий процесс
- Матрица
- Сетка
- Веб-сервис
- Издатель
Требования
- jQuery для панели управления
Тип(ы) надстроек
Модуль
Теги
- социальная сеть,
линк,
фейсбук,
авторизоваться,
Регистрация,
твиттер,
Google,
вконтакте,
социальная сеть,
Социальное,
сеть,
инстаграм,
приложение.
нет, окна, жить
Социальный вход позволяет людям входить на ваш сайт, используя свою учетную запись в социальных сетях (Facebook, Twitter, Google, LinkedIn, Instagram и т. д.)
Social Login Pro теперь с открытым исходным кодом
Нужны дополнительные функции? Рассмотрим Social Login Pro
В настоящее время поддерживает аутентификацию с помощью:
- Фейсбук
- Google (с некоторыми ограничениями)
- Windows Live ID
- Инстаграм
- Yahoo!
- вКонтакте (ВКонтакте)
- App.net
Другие сайты/провайдеры могут быть добавлены в будущем по запросу.
Если участник с данной учетной записью социальной сети уже зарегистрирован на вашем сайте, он входит в свою учетную запись. В противном случае создается новая учетная запись.
Аватары извлекаются и сохраняются в базе данных EE вместе с другой информацией пользователя.
Совместимость с Zoo Visitor, Profile:Edit и другими надстройками, связанными с участниками.
Вот краткий пример использования, чтобы дать вам представление:
{if logged_in} {screen_name}--{username}--Выйти {/если} {exp:social_login:form return="comments/social-login"} {провайдеры}
{/провайдеры} {/exp:social_login:form}
Подробнее в документации.
Ссылки для входа через социальные сети
- Социальный вход Pro для ExpressionEngine 2
Эта запись создана 5 июля 2011 г., 10:42.
Последнее обновление этой записи: 29 марта 2017 г., 00:09.
Отказ от ответственности: Информация о надстройках ExpressionEngine предоставляется в качестве услуги вам, пользователю и каждому члену сообщества ExpressionEngine.