Как сделать формы регистрации и авторизации так же как и на этом сайте http://onwp.ru ?

Всем привет.

Я хочу сделать формы регистрации и авторизации как на этом сайте, на котором мы с вами находимся (http://onwp.ru ).  Я запилил стандартные формы регистрации и авторизации woocommerce (которые находятся стандартно по адресу site.ru/my-account) во всплывающие окна.

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

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

Почему я выбрал  именно регистрацию и авторизацию woocommerce? Потому что у меня интернет магазин и к этим формам подвязан GetResponse.

Вопрос в следующем. Как мне сделать чтобы эта сраная обработка регистрации и авторизации происходила внутри всплывающего окна без обновления страницы (опять же как на сайте на котором вы щас читаете этот текст http://onwp.ru).

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

Спасибо 🙂

Добавить Комментарий

Проверку для полей формы которую вы берете с woo можно написать на jQuery. Но так как сама форма изначально работает с перезагрузкой переписать ее полностью на ajax будет сложнее чем сделать свою.

На этом сайте есть пример как сделать форму авторизации: http://onwp.ru/gotovye-resheniya/vsplyvayushhaya-forma-avtorizacii-na-ajax-bez-plaginov-gotovoe-reshenie.html

Так же есть давольно много гтовых решений по всплывающей форме регистрации/авторизации, например:

https://ru.wordpress.org/plugins/ciusan-register-login

Искать тут: https://ru.wordpress.org/plugins/

Если вы хотите написать свою форму, до задавайте вопросу по возникновению проблемы. Готовый код вам просто вот так вряд ли выкинет, это не быстрая задача. А на конкретные вопросы — я отвечу.

Спасибо за ответ! Решил этот вопрос установкой плагина Login With Ajax.

В общем теперь у меня проблема номер 2. Я хочу сделать двухэтапную регистрацию.

1ый этап это логин и пароль, для этого подойдет уже сделанная мною форма регистрации от wocommerce во всплывающем окне. После прохождения первого этапа, пользователя редиректит на 2ой этап, на страницу, где он обязан вставить аватар и написать имя. Для этого мне надо вытащить из личного кабинета buddypress функции вставки аватара и смены имени, и расположить их на созданной странице вордпресса, предусмотренной для 2го этапа регистрации.  После этой страницы его редиректит в личный кабинет. Я все уже сделал, осталось только вытащить из buddypress смену аватара и имени и вставить на страницу 2го этапа регистрации. Реально ли это сделать и как это сделать?

Спасибо 🙂

в 03.06.2016.

Реально, но проще будет написать для этого свой функционал регистрации а не использовать готовые решения.

в 04.06.2016.

ОК. Скажи а с тобой можно как-то связаться и обсудить реализацию этой двух этапной регистрации?

в 04.06.2016.

Я бесплатно консультирую только на данном сайте. Поэтому советую правильно продумать как делать, что делать. Приступить. И по мере возникновения вопросов — задавать их на сайте.

в 05.06.2016.

Ок. Решил пока не заморачиваться с двухэтапной регистрацией.  Появился такой вопрос. Можно ли из баддипрессовской регистрации убрать поля логина и повторного введения пароля? Например у вукомерса есть функция: Автоматически генерировать имя пользователя из email клиента, а повторно вводить пароль там не надо. Так вот как это сделать, может есть плагин или можно например какойто скрипт испоьзовать который будет брать данные из поля почта и вносить их в поле логин , а само поле логина можно скрывать, ну и с паролем в том же духе.

в 07.06.2016.

Плагинов не знаю. Ваши идеи для самостоятельной разработки, без использования плагинов.

в 07.06.2016.
Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.