Вам нужна разработка интернет магазинов , нет идей обратитесь к профессионалам.

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

В этой статье мы разберем более подробно Плагин Profile Builder и Плагин login Sidebar , а так женаучимся создавать форму регистрации на WordPress

Для начала нужно скачать плагин WordPress Profile Builder и активировать его. Далее в админ панели во вкладке «Параметры » —> «Общие настройки» ставим галочку любой может зарегистрироваться.

Во вкладке Пользователи появиться новое меню «Profile Builder » , в котором можно в дальнейшем редактировать параметры. Поверьте их там немного.

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

  1. Добавить новую страницу
  2. Название
  3. Вставляем шорткод
  4. Сохраняем

Точно такими же методами можно создать другие страницы:

  1. Страница с формой входа
  2. Страница с формой редактирования данных пользователя (пользователь должен быть авторизован)
  3. Страница с формой восстановления пароля

Все эти шорткоды можно найти по вкладке «Админ панель» — > «Пользователи» — > «Profile Builder » , здесь присутствует весь список, я перечислил основные.

Настройки у плагина не велики всю работу делают короткие функции, передем к основным:

В основных настройках, выбрать набор стилей на сайте, я так и не понял для каких целей эта вкладка нужна так как у меня доступно «По умолчанию» и «Никакой»

И подтверждение по Email, после того как пользователь зарегистрируется на сайте ему нужно подтвердить регистрацию.

Здесь можно выбрать каким пользователям включать/отключать админ панель, кто не знает как это делается, сейчас опишу. Вы как администратор имеете право давать роли любому пользователю, каждая роль имеет свои возможности, например автор может писать статьи.
Для добавления роли открывайте вкладку «Пользователи» выбираете из списка нужного вам человека и устанавливаете ему права, все легко и просто.

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

Выводи Profile Builder в Sidebar

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

Как видите ничего здесь сложного нет. Я для вас приготовил еще альтернативный вариант, он проще плагина Profile Builder, Вам всего лишь нужно скачать и активировать плагин Sidebar Login . И С помощью виджета вытащить его в нужное вам место, Плюс этого плагина, к нему можно добавлять ссылки, которые будут отображаться у зарегистрированного пользователя.

Изначально при входе на сайт выглядит он примерно так:

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

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

Получилась достаточно не плохая форма, кстати ее можно редактировать и менять стили, для этого проходим в раздел «Плагины» — > находим плагин Sidebar Login «Изменить» для редактирования стиля Вам нужен файл sidebar-login/style.css.

А вот список ссылок которые можно вытащить из админки: Но они доступны для разных ролей:

  1. http://ваш — сайт/wp-admin/post-new.php — разрешить пользователю добавить новость
  2. http://ваш — сайт/wp-admin/users.php — список всех пользователей
  3. http://ваш — сайт/wp-admin/edit-comments.php?comment_status=all — комментарии
  4. http://ваш — сайт/wp-admin/profile.php — Ваш профиль

Остальное можете добавить сами, включите воображение и используйте возможности WordPress по полной, будут появляться вопросы пишите? Отвечу, помогу!!!

ProfilePress - это плагин для добавления форм на WordPress сайт при помощи шорткодов. С этим инструментом вы сможете создавать формы для регистрации пользователей, login-формы и профильные страницы, и таким образом строить целое сообщество вокруг своего сайта. Он работает с существующей системой пользователей WordPress и совместим с любой темой.

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

Описание Демо Скачать

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

Функции

Функции, включенные в бесплатную версию:

  • Неограниченное количество фронтэнд login-форм для пользователей
  • Неограниченное количество фронтэнд форм для регистрации пользователей
  • Неограниченное количество фронтэнд форм для сброса пароля
  • Окно предварительного просмотра дизайна формы
  • Многошаговые регистрационные формы
  • Перенаправление с дефолтной WordPress login-страницы на кастомную фронтэнд login-страницу
  • Перенаправление с дефолтной WordPress страницы регистрации на кастомную фронтэнд страницу регистрации
  • Перенаправление с дефолтной WordPress страницы сброса пароля на кастомную фронтэнд страницу сброса пароля
  • Перенаправление пользователей на кастомные страницы после входа/выхода из системы
  • Встроенный инсталлятор для установки тем для форм ProfilePress

Если вам будет недостаточно вышеперечисленных функций, рассмотрите для себя премиум версию, которая включает следующие функции:

Как работать с плагином

После того, как вы загрузите и активируете данный плагин, понадобится также установить плагин Shortcake Shortcode UI , который разработан для обеспечения пользователям удобного интерфейса для добавления шорткодов к постам, просмотра и редактирования его в редакторе контента.

Как только это будет сделано, вы должны убедиться, что регистрация для пользователей открыта. Для этого посетите раздел Настройки → Общие и поставьте галочку напротив “Любой может зарегистрироваться”.

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

При активации плагина на ваш сайт добавится ряд страниц: Регистрация, Вход, Сброс пароля, Изменение пароля и т.д. Эти страницы имеют специальные шорткоды для размещения форм. Если вы хотите создать новые страницы или изменить те, на которых они отображаются, то вы можете это сделать на странице основных настроек плагина.

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

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

Работа со строителем форм

На странице настроек плагина вверху есть отдельная вкладка для каждого типа формы - login, register, user profile и так далее. При выборе одного из вариантов, вы увидите, что плагин предлагает 5 разных стилей для форм вместе с их шорткодом. Чтобы выбрать другой стиль, просто обновите соответствующий шорткод на странице.

Затем во фронтэнде сайта можно просмотреть форму:

Если вы хотите внести какие-то изменения, нажмите на ссылку “Edit ”. Перед вами появится окно с HTML и шорткодами для настройки выбранной формы.

Самый простой способ для редактирования формы - это нажать кнопку “ProfilePress Shortcodes ”. На экране появится всплывающее окно со всеми доступными элементами, которые можно использовать в своих формах. Для добавления элемента нужно просто кликнуть на его кнопку.

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

Вход через социальные сети

Если вы хотите, чтобы пользователи могли регистрироваться/входить в систему через свой профиль в социальной сети, вам понадобится задать API ключи в настройках плагина во вкладке “Social Login ”. Там вы вводите параметры доступа для Facebook, Twitter, Google, Linkedin и так далее.

Внешний вид формы

В плагине есть 5 встроенных стандартных тем, вот наши любимые стили:

Если вам понадобится какой-то другой вариант, вы всегда можете приобрести необходимую тему отдельно. Вот некоторые из доступных вариантов:

  • Pinnacle - спокойная и опрятная тема для WordPress со страницей для входа, регистрации и сброса пароля, а также с возможностью входа через социальную сеть.
  • Montserrat - красивая тема для создания одностраничной ProfilePress формы, которая будет включать в себя форму для входа, регистрации, сброса пароля и входа через социальную сеть.
  • Stride - элегантная, настраиваемая многоступенчатая WordPress форма для регистрации.
  • Bash one-pager - простая, красивая, отзывчивая, одностраничная форма с возможностью входа через социальную сеть.
  • Bash Edit Profile - аккуратная, отзывчивая форма для профиля пользователя в WordPress.
  • Parallel - горизонтальная, отзывчивая, эффектная форма для входа, регистрации и сброса пароля, с возможностью входа через социальную сеть.
  • Perfecto - форма для входа, регистрации и сброса пароля с двумя цветовыми акцентами.

Стоимость

Цены на премиум версию плагина начинается с $49 за лицензию для одного сайта, $99 - для 3 сайтов и план для разработчиков с неограниченным количеством сайтов за $199. Все планы включают в себя год поддержки и обновлений. Стоимость дополнительных тем - от $5 до $10.

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

Аддоны

Также есть 2 расширения : "Email confirmation" - перед регистрацией пользователям нужно будет подтвердить их email; "MailChimp" - добавляет пользователя в ваш список рассылки. Каждый аддон стоит $29.

Заключение

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

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

Одним словом, скачивайте, тестируйте и создавайте красивые формы у себя на сайте.

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

Начнем, как и положено, с установки плагина в wordpress — скачайте Profile Builder , распакуйте архив и загрузите папку с файлами плагина на сервер в директорию /wp-content/plugins, используя , к примеру FileZilla. Сразу после активации, вас перекинет в настройки, которые находится в разделе «Пользователи» — «Profile Builder».

Если решили воспользоваться этим плагином, то не забудьте разрешить пользователям регистрироваться в WordPress: в разделе «Параметры» — «Общие» поставить галочку напротив «Любой может зарегистрироваться» и выбрать «Роль нового пользователя» — «Подписчик» или «Участник» (может писать статьи и сохранять их в черновиках для проверки админом).

Все основные настройки плагина сосредоточены в пункте Default Profile Fields и сводятся к списку полей, которые будут отображаться в форме регистрации.

  • Input Field Name — название поля.
  • Visibility — добавить/удалить в форму регистрации.
  • Required — обязательные поля.

Name (имя):

  • Username — имя пользователя. Обязательное поле, которое нельзя скрыть.
  • First Name и Last Name — имя и фамилия пользователя.
  • Nickname — никнейм.
  • Display name publicly as... — какое из имен будет отображаться на блоге.

Contact Info (контакты):

  • E-mail — адрес электронной почты. Всегда обязательное поле.
  • Website — сайт.
  • AIM, Yahoo IM и Jabber / Google Talk — сервисы обмена мгновенными сообщениями через интернет.

About Yourself (о себе):

  • Biographical Info — поле для ввода информации пользователем о себе.
  • New Password — новый пароль. Еще одно обязательное поле, которое не скрыть.

После настройки полей необходимо вывести результат работы плагина регистрации Profile Builder на блога. Это делается с помощью следующий шорткодов:

4. Восстановление пароля:

[ wppb- recover- password]

Просто берем нужный код и вставляем либо в текст заранее созданной и отведенной под форму регистрации/авторизации , либо в стандартный «Текст».

К сожалению, все поля на английском языке, поэтому придется их русифицировать в ручную. Для этого перейдите в раздел «Плагины» — «Редактор» и в правом верхнем углу выберете Profile Builder.

  • — данный файл отвечает за форму авторизации, которая выводится с помощью кода №1.
  • profile-builder/front-end/wppb.login.php — форма регистрации (код №2).
  • profile-builder/front-end/wppb.edit.profile.php — редактирование профиля (шорткод №3).
  • profile-builder/front-end/wppb.recover.password.php — форма смены пароля, получаемая с помощью шорткода №4.

Находите английские слова и заменяете их русскими эквивалентами.

На этом все, спасибо за внимание. Всех Вам благ!



Эта статья также доступна на следующих языках: Тайский

  • Next

    Огромное Вам СПАСИБО за очень полезную информацию в статье. Очень понятно все изложено. Чувствуется, что проделана большая работа по анализу работы магазина eBay

    • Спасибо вам и другим постоянным читателям моего блога. Без вас у меня не было бы достаточной мотивации, чтобы посвящать много времени ведению этого сайта. У меня мозги так устроены: люблю копнуть вглубь, систематизировать разрозненные данные, пробовать то, что раньше до меня никто не делал, либо не смотрел под таким углом зрения. Жаль, что только нашим соотечественникам из-за кризиса в России отнюдь не до шоппинга на eBay. Покупают на Алиэкспрессе из Китая, так как там в разы дешевле товары (часто в ущерб качеству). Но онлайн-аукционы eBay, Amazon, ETSY легко дадут китайцам фору по ассортименту брендовых вещей, винтажных вещей, ручной работы и разных этнических товаров.

      • Next

        В ваших статьях ценно именно ваше личное отношение и анализ темы. Вы этот блог не бросайте, я сюда часто заглядываю. Нас таких много должно быть. Мне на эл. почту пришло недавно предложение о том, что научат торговать на Амазоне и eBay. И я вспомнила про ваши подробные статьи об этих торг. площ. Перечитала все заново и сделала вывод, что курсы- это лохотрон. Сама на eBay еще ничего не покупала. Я не из России , а из Казахстана (г. Алматы). Но нам тоже лишних трат пока не надо. Желаю вам удачи и берегите себя в азиатских краях.

  • Еще приятно, что попытки eBay по руссификации интерфейса для пользователей из России и стран СНГ, начали приносить плоды. Ведь подавляющая часть граждан стран бывшего СССР не сильна познаниями иностранных языков. Английский язык знают не более 5% населения. Среди молодежи — побольше. Поэтому хотя бы интерфейс на русском языке — это большая помощь для онлайн-шоппинга на этой торговой площадке. Ебей не пошел по пути китайского собрата Алиэкспресс, где совершается машинный (очень корявый и непонятный, местами вызывающий смех) перевод описания товаров. Надеюсь, что на более продвинутом этапе развития искусственного интеллекта станет реальностью качественный машинный перевод с любого языка на любой за считанные доли секунды. Пока имеем вот что (профиль одного из продавцов на ебей с русским интерфейсом, но англоязычным описанием):
    https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png