Create a separate Registration page

[jcockroft64]

Create a Registration Page similar to the Sign-On page.

Page should have a background image. Include a nicely finished "boxed" section where person enters their user name and password. As well, have a section to provide alternative to register with their google, facebook or twitter login.

[russellelliott]

ProfilePress

I found a plugin that enables the creation of a custom registration page by creating a form, inserting it into a page as a shortcode, and setting that page as the registration page

Plugin link: https://wordpress.org/plugins/wp-user-avatar/ More info: https://kinsta.com/blog/wordpress-user-registration-plugins/#ProfilePress

ProfilePress delivers support for an unlimited number of forms and password fields, all for free. You can redirect users to different pages after actions like logins, registrations, and password resets.

Form can be inserted into any page as a shortcode https://profilepress.com/article/custom-wordpress-registration-form/

Having done that, all visit to http://yoursite.com/wp-login.php?action=register will be redirected to your front-end custom registration page.

Create custom Wordpress registration page https://profilepress.com/article/create-custom-wordpress-registration-page/

First, make the registration form

• Can be done via drag and drop or a shortcake editor
• Can add the MiniOrange shortcode in there Then, add it’s shortcake to a new page Then, set that page as the registration page
  1. Hover on ProfilePress and click on Settings
  2. Select the Global Settings tab
  3. Scroll down to the registration page section and select the newly created custom registration page.
  4. Click on Save Changes.

[russellelliott]

Update; I've installed the plugin and made a basic registration page. The social login buttons have also been added. Clicking the "register" link on the login page automatically redirects to the custom login page. https://www.sierrahiking.net/register/

The registration form is represented as a short code. Shortcodes can also be used for user profiles and account pages as well as login pages and ecommerse (checkout, order success and failure)

The plugin also made the following pages: Another login page: https://www.sierrahiking.net/log-in/

• As mentioned before, the plugin adds a login form via shortcode.
• Logging in on the existing login page redirects to the login page created by the plugin.
• I tested out the login page created by the plugin and the login button works for that form. Could be a solution to issue #80.

User profile page: https://www.sierrahiking.net/my-profile/

• Could be useful considering you desired a means of getting data by user.

My Account: https://www.sierrahiking.net/account/

• Page for viewing account info. From here, one could possibly change your password, or edit account details.
• There is a form that can do those things. It is represented as a shortcode that can be inserted into any page.

Member Directory: https://www.sierrahiking.net/member-directory/

• Lists all the users of sierrahiking.net

Reset Password: https://www.sierrahiking.net/reset-password/

• Self-explanatory. Linked in the Register form.

E-commerce related pages; I put them in the trash

• checkout
• order confirmation
• order failed

[russellelliott]

Added the ProfilePress login form shortcode to the login page. Login and logout work. Set as the default login page. https://www.sierrahiking.net/login/

[russellelliott]

You can customize redirects from logging in or logging out https://profilepress.com/article/redirection-settings/ ProfilePress -> Settings -> General -> Redirection

I set the login to redirect to the master map like the old login button did. Originally redirected to the Wordpress Dashboard.

[russellelliott]

1. Copy-pasted the section structor from Elementor editor
2. "Login Buttons Code" Elementor Custom Code now applies to registration page to center the social media icons
3. "Login Page" Elementor Custom Code now applies to registration page as to match the styling of the login page.

How I did the styling: For step 2 and 3, go to Elementor->Custom Code, then click edit on the code in question. In the edit menu, click "Edit" in the "Conditions". From there, add a rule for a singular page and specify the page to add the rule to.

Here's how the registration page looks