Найти в Дзене
PushLab

Авторизация через VK ID OAuth 2.1 для сайта на WordPress

Удобство входа на сайт играют ключевую роль в удержании пользователей. Сложные формы регистрации, необходимость придумывать и запоминать пароли - всё это снижает конверсию и заставляет посетителей покидать сайт. Решение давно известно - авторизация через социальные сети. И сегодня мы представляем вам профессиональный инструмент для реализации этой задачи - плагин VKLogin Pro. VKLogin Pro — это мощный и гибкий плагин для WordPress, который добавляет на ваш сайт авторизацию через VK ID (экосистему ВКонтакте). Плагин поддерживает вход не только через ВКонтакте, но также с использованием данных из Одноклассников и Mail, предоставляя пользователям выбор наиболее удобного для них способа. Но главная особенность VKLogin Pro - это три различных формата отображения кнопок авторизации, каждый из которых решает свои задачи и органично вписывается в дизайн сайта. One Tap - это компактная кнопка, которая появляется в углу экрана и позволяет пользователю войти буквально одним кликом. Она не занимает
Оглавление

Удобство входа на сайт играют ключевую роль в удержании пользователей. Сложные формы регистрации, необходимость придумывать и запоминать пароли - всё это снижает конверсию и заставляет посетителей покидать сайт. Решение давно известно - авторизация через социальные сети. И сегодня мы представляем вам профессиональный инструмент для реализации этой задачи - плагин VKLogin Pro.

Что такое VKLogin Pro?

VKLogin Pro — это мощный и гибкий плагин для WordPress, который добавляет на ваш сайт авторизацию через VK ID (экосистему ВКонтакте). Плагин поддерживает вход не только через ВКонтакте, но также с использованием данных из Одноклассников и Mail, предоставляя пользователям выбор наиболее удобного для них способа.

Но главная особенность VKLogin Pro - это три различных формата отображения кнопок авторизации, каждый из которых решает свои задачи и органично вписывается в дизайн сайта.

VKLogin Pro

Три способа авторизации на любой вкус

Первый способ: One Tap

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

Вы можете настроить позицию кнопки (любой из четырёх углов), отступы от краёв экрана, размер, скругление и даже текст на кнопке. Хотите, чтобы кнопка появлялась не сразу, а через несколько секунд после загрузки страницы? Легко. Нужно убрать её с определённых страниц или наоборот показывать только на некоторых страницах? Тоже можно.

Второй способ: Шторка авторизации

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

Для шторки можно настроить отступы от краёв, текст заголовка (несколько предустановленных вариантов), а также включить дополнительные кнопки входа через Одноклассники и Mail.

Третий способ: Виджет 3 в 1

Виджет 3 в 1 - это универсальное решение для форм входа и регистрации. Он автоматически добавляется под стандартными формами WordPress, формами WooCommerce и даже под формами комментариев. Пользователь видит знакомые кнопки социальных сетей и может войти в один клик, не заполняя длинные регистрационные формы.

Для виджета можно настроить размер кнопок и скругление углов, а также независимо включить или отключить кнопки Одноклассников и Mail.

Полная интеграция с WooCommerce

Особого внимания заслуживает интеграция с WooCommerce. VKLogin Pro автоматически добавляет виджет авторизации в трёх ключевых местах интернет-магазина:

— под формой входа на странице аккаунта;
— под формой регистрации на странице аккаунта;
— под формой входа в checkout (та, что открывается по клику «Нажмите для входа»).

Всё работает аккуратно и профессионально.

Умное обнаружение форм

Одна из самых сильных сторон VKLogin Pro в Виджете 3 в 1- это способность автоматически находить любые формы входа на сайте. Это работает не только со стандартными формами WordPress, но и с формами, созданными другими плагинами, с формами в модальных окнах и даже с формами, которые загружаются через AJAX.

Для этого используются современные технологии, отслеживает появление новых элементов в DOM и обнаруживает формы, которые становятся видимыми во время просмотра страницы пользователем. В результате VKLogin Pro работает с любой темой и любыми плагинами без необходимости вносить изменения в код.

Гибкие настройки отображения

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

— показывать на всех страницах, кроме указанных (список исключений);
— показывать только на указанных страницах.

В списках страниц можно использовать wildcard (символ ), чтобы охватить целые разделы сайта. Например, запись /shop/* будет означать все страницы, начинающиеся с /shop/ - и сам каталог, и все категории, и все товары внутри него.

Внешний вид под ваш дизайн

VKLogin Pro предлагает множество настроек внешнего вида, чтобы кнопки авторизации органично вписывались в дизайн вашего сайта:

— две темы оформления: светлая и тёмная;
— три размера кнопок: маленький (32px), средний (44px), большой (56px);
— настройка скругления углов (от 0 до 50px);
— для One Tap дополнительно настраивается ширина кнопки;
— для One Tap и Шторки можно выбрать текст кнопки или заголовка из нескольких предустановленных вариантов.

Безопасность и данные

При разработке VKLogin Pro мы уделили особое внимание безопасности:

— используется официальное VK ID SDK, что гарантирует корректную и безопасную работу с API ВКонтакте OAuth 2.1;
— все токены доступа хранятся в отдельной таблице базы данных;
— каждый AJAX-запрос защищён nonce-проверкой;
— все входящие данные проходят санитизацию;
— предусмотрена опция полного удаления всех данных плагина при деинсталляции (настройки, мета-данные пользователей, таблица с токенами).

Кроме того, username создаётся из email или генерируется случайным образом, без использования внешних идентификаторов.

Редирект после входа

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

— остаться на текущей странице;
— перейти на главную страницу сайта;
— перейти на произвольный URL (можно указать полный адрес, относительный путь или даже строку с параметрами).

Это особенно полезно для интернет-магазинов, где после входа пользователя нужно вернуть в корзину или на страницу оформления заказа.

Простота использования

Несмотря на богатый функционал, VKLogin Pro очень прост в установке и настройке:

- не требует правок кода темы;
- не конфликтует с другими плагинами;
- совместим с любыми плагинами кеширования;

Всё, что нужно сделать - установить и активировать плагин, указать Client ID и Client Secret вашего приложения VK ID и настроить внешний вид под свои предпочтения (Документация как это все сделать прилагается).

Заключение

VKLogin Pro — это готовое профессиональное решение для авторизации через социальные сети на WordPress. Три способа отображения, гибкие настройки, полная интеграция с WooCommerce и умное обнаружение форм делают его идеальным выбором для любого проекта: от небольшого блога до крупного интернет-магазина.

VKLogin Pro

Попробуйте VKLogin Pro прямо сейчас и убедитесь, какой простой и удобной может быть авторизация на вашем сайте.