wordpress форма входа и регистрации

Подборка плагинов 2020 для формы регистрации WordPress

wpcustom 123

1723862 1561128111

Типовой инструментарий работы с формами авторизации и регистрации WordPress и пользовательскими профилями не устраивает большинство пользователей. Мы подготовили подборку компактных и функциональных расширений WordPress с удобными визуальными редакторами форм drag’n’drop, позволяющими настраивать 100% дизайна форм и страниц аккаунтов пользователей. Все лучшие плагины для форм регистрации 2020 года достаточно функциональны в базовой версии. Каждое из расширений установлено не менее чем на 10000 сайтов WordPress, получило высокую оценку в пользовательском рейтинге и массу положительных отзывов от вебмастеров.

Ultimate Member

image 714

Расширение Ultimate Member – удобный и интуитивно понятный плагин front-end редактирования пользовательских профилей, форм регистрации и авторизации для WordPress, создания директорий с ограниченным доступом. Расширение состоит из четырех функциональных блоков: визуального конструктора форм, модуля сброса пароля, инструмента создания папок для определенных групп пользователей и блока редактирования страниц аккаунтов.

Ultimate Member, общая информация:

Плагин Ultimate Member полностью совместим с электронным магазином WooCommerce, форумом bbPress, другими премиальными и бесплатными расширениями WordPress. Разработчик предлагает около двух десятков премиальных аддонов и официальную тему Ultimate Member, созданную для использования совместно с плагином. Расширение, установленное на более чем 100000 сайтов на CMS WordPress, получила массу положительных отзывов от вебмастеров. Особенно часто пользователи отмечают удобство и функциональность визуального конструктора форм, стабильность работы плагина, оперативность и профессионализм службы технической поддержки.

User Registration

image 715

Расширение User Registration – популярный инструмент Front-end редактирования форм регистрации и авторизации, почтовых сообщений, профилей пользователей. Плагин, установленный на 50000+ сайтов на CMS WordPress, полностью совместим с расширением электронной коммерции WooCommerce и платформой автоматизации маркетинга MailChimp. User Registration отличается компактностью, функциональностью и удобством визуального конструктора форм.

User Registration, краткие сведения:

Плагин поставляется с коллекцией привлекательных настраиваемых шаблонов форм и встроенным инструментом редактирования страниц профилей пользователей. Формы, сделанные с помощью конструктора User Registration, на 100% респонсивные и одинаково красиво смотрятся на всех типах устройств.

WP User Frontend – форма регистрации WordPress одним блоком

image 716

Плагин WP User Frontend представлен одним блоком, объединяющем функциональность инструмента публикации форм с предварительным просмотром, конструктора форм, редактора форм регистрации и авторизации, инструментов подписки на рассылки и ограничения доступа к контенту для определенных групп пользователей.

WP User Frontend, общие сведения:

UsersWP – простая форма регистрации WordPress

image 717

Разработчик, компания AyeCode Ltd, ставил своей целью создание более компактного и простого аналога BuddyPress, Profile Builder, Ultimate Member. Судя по количеству установок, оценке в пользовательском рейтинге и отзывам владельцев сайтов на «движке» WordPress, авторам расширения UsersWP удалось успешно справиться с поставленной задачей. Удобный и легкий плагин, полностью совместимый с Elementor, Gutenberg и многими другими конструкторами страниц и визуальными редакторами контента, позволяет кастомизировать 100% дизайна форм и пользовательских профилей. UsersWP – самое простое решение для создания сообщества пользователей на вашем сайте WordPress.

UsersWP, общие сведения:

Заключение

Выбор подходящего плагина WordPress для создания и редактирования форм регистрации/авторизации и пользовательских профилей – вопрос индивидуальный. Одних вебмастеров прельщает набор инструментов Ultimate Member, легко интегрирующийся в WooCommerce и полностью совместимый с форумом bbPress в базовой версии. Другим больше по нраву User Registration, дополненный кастомайзерами электронной почты и коллекцией настраиваемых форм.

Третьи отдают предпочтение WP User Frontend из-за интеграции с ACF, готового интерфейса приема платежей и функционала разграничения прав пользователей. Четвертые выбирают UsersWP, видя в нем самое простое решение для создания сообщества пользователей на своем сайте WordPress. Если нужен только базовый функционал визуального конструктора форм и редактора профилей, то вам подойдет любой плагин из данной подборки.

Источник

Как сделать форму регистрации на WordPress

534 18

123 3

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

ProfilePress

Расширение, позволяющее сделать форму регистрации на WordPressбез особых сложностей. Все что требуется на старте – ряд несложных настроек. Но, возможности плагина достаточно шире, так как позволяют соорудить целую ветку модулей для пользователей: шаблон регистрации, вход в аккаунт и страницу с профилем. Плагин совместим со всеми темами платформы.

ProfilePress 5 ProfilePress 4 ProfilePress 3 ProfilePress 2 ProfilePress 1

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

Основные возможности бесплатного пакета:

Функционал платного пакета:

Для полноценной работы, требуется установка дополнительного расширения Shortcake Shortcode UI. Оно упростит добавление шорткодов в панели управления. После активации плагинов, убедитесь, что стандартные настройки разрешают регистрацию новых пользователей (должна быт установлена галочка «Любой может зарегистрироваться»). При использовании платного пакета, необходимо скопировать лицензию в консоли плагина.

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

Можно установить приветственное сообщение и параметры его появления. Также задаются сообщения, отправляемые пользователям по почте при действиях с учетной записью.

Постройка форм

Выбрав необходимую вкладку в меню настроек плагина, открывается рабочая панель, позволяющая приступить к созданию формы для входа и других страниц. Для каждой предложено по 5 стилей оформления. Благодаря предварительному просмотру видно, как будет выглядеть форма регистрации на WordPress. Для редактирования шаблона следует нажать на Edit. Возле кнопки загрузки медиафайлов находится запуск ProfilePress Shortcodes – окно, которое показывает все элементы, доступные для добавления. Таким образом, редактирование функций и полей осуществляется очень просто.

Важно! При покупке платной версии придется заплатить 49 долларов. Всего доступно 3 тарифа, в зависимости от количества используемых сайтов с конструктором форм. Чтобы убедиться, что данное расширение подходит вам, протестируйте бесплатный пакет, предоставляющий все необходимые возможности.

Profile Builder

Как сделать форму регистрации на WordPress за 5 минут? Воспользоваться плагином Profile Builder. Он предоставляет все необходимые функции по установке форм авторизации, без каких-либо излишеств. Достаточно изучить инструкцию по использованию расширения. Первое – скачиваем, устанавливаем и активируем модуль. После этого переходим к созданию новой страницы сайта с названием «Регистрация». На ней размещается шорткод соответствующего шаблона из плагина Profile Builder.

ProfileBuilder 21 ProfileBuilder 31 ProfileBuilder 41 ProfileBuilder 51 ProfileBuilder 6 1 ProfileBuilder 71

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

Как и в предыдущем плагине, перед запуском следует разрешить регистрацию пользователей в общих настройках системы. Основные характеристики, инструкция и обозначения шорткодов указаны в главном меню. Со столь небольшим списком функций это расширение является максимально эффективным и простым. Все пользовательские настройки могут осуществляться при достаточных знаниях CSS.

Login With Ajax

Система не предоставляет возможности персонализировать авторизацию посетителей сайта стандартными методами, а плагин Login With Ajax поможет сделать форму регистрации на WordPress, работающую независимо от системной страницы входа.

Сразу перейдем к возможностям расширения:

Установка проходит, как обычно – через стандартный загрузчик плагинов. Тема устанавливается и активируется. В общих настройках консоли WordPress снимаем запрет на добавление новых пользователей, как в предыдущих случаях.

В меню параметров необходимо выбрать шаблон, который будет отображаться по умолчанию, на выбор 3 варианта:

Доступно меню настроек почты, переадресации и групп пользователей. Чтобы добавить саму шаблон авторизации на сайт, следует перейти в меню виджетов и выбрать соответствующий сайтбар Login With Ajax. Перед публикацией можно проверить все настройки и отредактировать при требовании. Как видно, сделать форму регистрации на WordPress можно в течение нескольких минут, она будет аккуратно отображена в виджете.

3 популярных плагина авторизации через социальные сети

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

Social Login

SocialLogin

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

Форму для входа можно разместить в виджете или используя шорткод. Приятная особенность – модуль полностью совместим с BuddyPress.

Super Socializer

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

WordPress Social Login

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

В итоге

Чтобы сделать форму регистрации на WordPress можно пойти двумя популярными путями: использовать один из конструкторов, либо упростить авторизацию при помощи социальных сетей. Хотя, многие сайтостроители выбирают третий метод – создание собственной формы или модернизация стандартной. Этот способ требует продвинутых знаний в HTML и PHP. Все предоставленные плагины имеют необходимые технические составляющие для создания качественного шаблона регистрации.

Источник

Как создать пользовательскую страницу регистрации пользователей в WordPress

Приветствую вас, друзья!

Сегодня я хотел рассказать вам как создать пользовательскую страницу регистрации пользователей на вашем сайте или блоге WordPress.

Я понимаю, что для авторского блога — это лишнее, но мало ли что да как). Может у вас есть постоянные авторы и им нужен отдельный вход.

wordpress user registration featured image 1

Есть еще много причин, по которым вы можете захотеть разрешить регистрацию пользователей в WordPress. Может быть, у вас есть сайт членства или форум сообщества. Вы можете разрешить только зарегистрированным пользователям оставлять комментарии в качестве модератора обсуждений. Какой бы ни была ваша причина, я хотел бы показать вам, как настроить и запустить своих пользователей с их собственными учетными записями.

Разрешение регистрации пользователя в WordPress

Самый первый шаг, который вам нужно выполнить, очень прост. Перейдите на страницу «Настройки — Общие» в панели управления WordPress. Там вы найдете две опции, которые необходимы для всего этого процесса: членство и роль по умолчанию для нового пользователя. Вам нужно будет поставить галочку напротив «Любой может зарегистрироваться» и выбрать свою роль по умолчанию. Обычно это «подписчик», но поскольку каждая роль имеет разные разрешения, это может быть не лучшим решением для вашего сайта.

001 wordpress user registration 1

По умолчанию вы получаете 5 пользовательских ролей:

Каждая из этих ролей имеет различный набор разрешений, и вы можете настроить их с помощью определенных плагинов или фрагментов кода. Некоторые плагины будут создавать для себя определенные пользовательские роли (например, BuddyPress, создающий роль Keymaster).

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

Как создать пользовательскую страницу регистрации пользователей в WordPress

Вариант 1. Используйте регистрационную форму WordPress

Самый простой способ получить пользователей для регистрации — перейти в раздел «Внешний вид — Виджеты», выбрать виджет «Мета» и перетащить его в боковую панель или в нижнюю область сайта — подвал (футер).

002 wordpress user registration

Недостатком этого метода является то, что виджет также включает ссылки на RSS и WordPress.org. Он также предоставит только ссылку для входа пользователя, чтобы войти, что приведет их к экрану входа WP по умолчанию, где они могут зарегистрироваться. Эта связь не совсем очевидна.

003 wordpress user registration

Затем они будут перенаправлены на страницу регистрации и входа пользователя WordPress по умолчанию, расположенную по адресу «yoursite.com/wp-admin». Они нажимают (снова) довольно скрытую ссылку «Регистрация» и могут зарегистрироваться.

004 wordpress user registration

Но поскольку все это довольно запутанно, вы хотите, чтобы ваши пользователи действительно находили форму, чтобы зарегистрироваться. Теперь URL-адрес регистрации WordPress — «https://yoursite.com/wp-login.php?action=register», и вы можете ссылаться на него в любое время. Это отправит их на форму регистрации по умолчанию, где они выбирают имя пользователя и вводят свой адрес электронной почты.

005 wordpress user registration

Когда они подтвердят свою электронную почту, учетной записи будут предоставлены разрешения по умолчанию, которые вы установили выше.

Вариант 2: Использовать плагин

Один из лучших вариантов для создания внешней регистрационной формы (с шорткодом, который вы можете разместить в любом месте) — это плагин Ultimate Member. С его помощью вы сможете не только сохранять внешний вид своей страницы регистрации пользователей WordPress в соответствии с остальной частью вашего бренда, но и гораздо проще управлять самими пользователями. С более чем 100 000 установок и постоянными обновлениями, вы можете чувствовать себя в безопасности, позволяя этому справиться за вас.

006 wordpress user registration

Прежде всего, вы захотите скачать и установить «Ultimate Member» из хранилища плагинов. После активации вы получите сообщение о том, что плагину необходимо создать несколько новых страниц для работы. Не препятствуйте и дайте ему разрешение.

007 wordpress user registration

После того, как он создаст страницы, вы технически готовы к работе. Пользователи могут сразу зарегистрироваться на «yoursite.com/register», но вы можете изменить этот URL-адрес на любой другой, который вам нравится.

008 wordpress user registration

Если форма по умолчанию не работает, у вас есть два варианта. Отредактируйте или создайте новую. Любой из них можно найти в разделе «Ultimate Member» вашей админ-панели.

009 wordpress user registration 1

Убедитесь, что у вас выделена «регистрационная форма» (1). Само создание формы — перетаскивание. Если вы использовали ранее конструктор страниц или новый редактор WordPress Gutenberg, вы найдете, что они очень похожи.

Количество полей, которые вы можете включить, также довольно велико. Нажав на » + » внутри «редактора» (3), вы можете добавить любое количество сведений о своих пользователях.

013 wordpress user registration

Наиболее важной частью всего этого, однако, является «Shortcode box» (Шорткоды)(2). Когда вы копируете и вставляете этот код в страницу или виджет, эта конкретная форма регистрации будет отображаться. Например, вы можете вставить его в пользовательский HTML-виджет в разделе «Внешний вид — Виджеты».

011 wordpress user registration

Когда это будет сохранено, вы увидите, что вся форма появится на боковой панели (или там, где выведен ваш виджет).

010 wordpress user registration 5

Если вы хотите видеть эту форму в середине поста, вы можете вставить ее. Вот что такого замечательного в том, что она привязан к шорткоду.

Страница входа пользователя WordPress

В дополнение к странице регистрации пользователя, вы можете выполнить те же самые шаги, чтобы создать страницу входа в систему. Вам просто нужно убедиться, что «Login Form» (Форма входа) выделена при ее создании.

014 wordpress user registration

Плагин «Ultimate Member» уже создал для него URL-адрес по умолчанию как «yoursite.com/login». Если вы перейдете с формой по умолчанию, у вас больше нет работы. Однако, если вы создаете новую, вам просто нужно вставить новый шорткод на эту страницу.

015 wordpress user registration

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

016 wordpress user registration

Самое приятное в этой конкретной форме — то, что кнопка регистрации видна и не скрыта, как кнопка WordPress по умолчанию.

Управление новыми пользователями

По умолчанию WordPress имеет минимальную систему управления пользователями для администраторов. Вы переходите на экран «Редактировать пользователя» из списка «Пользователи» на панели администратора, и вы можете многое изменить для пользователей. Такие как их имена, логин пользователя, отображаемое имя, электронную почту и даже их роль. Но с точки зрения разрешений для этих ролей, вам по умолчанию не повезло. Плагин, такой как Ultimate Member, помогает в этом, расширяя то, что вы можете делать, не углубляясь в код WordPress.

012 wordpress user registration

Кроме того, вы можете создать каталог участников, где вы можете управлять пользователями и отображать всех, кто зарегистрировался для вашего сайта или службы. Его можно найти в разделе «Ultimate Member — Member Directories».

017 wordpress user registration

В зависимости от причины, по которой вы разрешаете регистрацию, вы можете хотеть или можете не хотеть это общество. Однако все начинается с того, что UM создает страницу yoursite.com/members с шорткодом каталога. Вы можете удалить или отменить публикацию страницы. Если вы используете каталог, он будет выглядеть так по умолчанию.

018 wordpress user registration

Другие вещи для рассмотрения

Теперь предыдущие шаги позволили вам вообще не иметь возможности регистрироваться в WordPress и отображать полный каталог пользователей для вашего сайта. Если вы хотите немного продвинуться в членстве и регистрации, вот пара идей.

Создать пользовательский URL для входа

Во-первых, вы можете создать собственный URL для входа в систему без использования плагина, такого как Ultimate Member. Это отличается тем, что если вы сделаете это таким образом, вы полностью избавитесь от слага /wp-admin, который защищает ваш сайт от атак методом перебора пароля и многого другого. Использование единой системы обмена сообщениями для создания /register и /login невероятно полезно, но также работает способ /wp-admin. Если вы измените его полностью, ваш сайт может быть защищен лучше.

Настройте страницу входа в WordPress по умолчанию

Во-вторых, вы можете настроить саму страницу входа в WordPress. Если вы предпочитаете сохранить стандартные URL-адреса входа и регистрации в WordPress, вы можете полностью изменить дизайн и изменить его в соответствии с вашим брендом. Для этого нужно немного разбираться в файлах ядра WP и PHP, но если вы это сделаете, то тусклая серая страница, которую вы получите при установке, может быть выровнена настолько, насколько вы захотите.

Заключение

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

А на этом все — жду вас ровно через четыре дня!

Источник

Понравилась статья? Поделить с друзьями:
Добавить комментарий
  • Как сделать успешный бизнес на ритуальных услугах
  • Выездной кейтеринг в России
  • Риски бизнеса: без чего не обойтись на пути к успеху
  • wordpress своя форма авторизации
  • wordpress приложение для windows