Frontend Login & Register Forms – Simple Login & Registration

Mô tả

Get beautiful, branded login forms and registration forms for your website.

Minimal setup allows you to get up and running fast.

Login & Register Forms replaces the default WordPress sign-in & registration flows on the frontend of your site.

Add simple login forms, simple register forms & lost password forms to pages, posts or templates without editing core files.

All forms can be customised and branded with ease, and integrates with popular social login buttons.

Login & Register Forms features

• Simple login forms with [quicklrf_login].
• Simple register forms with [quicklrf_register].
• Add your logo, colors, labels & button styles for full branded forms.
• Pre-built layouts that look nice.
• AJAX submission support for login form and registration form actions.
• Custom redirect after login.
• Custom redirect after logout.
• Custom redirect after registration.
• Hide default wp-login.php page.
• Extend form output using plugin hooks.
• Use template tags for theme integration.

Login & Register Forms shortcodes:

• [quicklrf_login] – Display a front-end login form.
• [quicklrf_register] – Display a front-end register form / registration form.
• [quicklrf_login_register] – Display a dual front-end login & register form.
• [quicklrf_lost_password] – Display a lost password form.

Shortcode attributes reference

Shortcode attributes allow overriding default settings on individual forms.

[quicklrf_login]

• template="default|card|split"
• redirect="https://example.com/account/"
• form_width="narrow|medium|wide"
• title="Member Login"
• primary_color="#0073aa"
• bg_color="#f0f0f1"
• button_style="rounded|pill|square"
• show_logo="true|false"

[quicklrf_register]

• template="default|card|split"
• register_redirect="https://example.com/welcome/"
• redirect="https://example.com/welcome/" (backward-compatible alias)
• form_width="narrow|medium|wide"
• title="Create Account"
• primary_color="#0073aa"
• bg_color="#f0f0f1"
• button_style="rounded|pill|square"
• show_logo="true|false"

[quicklrf_login_register]

• template="default|card|split"
• redirect="https://example.com/account/" (login tab redirect)
• register_redirect="https://example.com/welcome/" (register tab redirect)
• active_tab="login|register"
• form_width="narrow|medium|wide"
• title="Welcome"
• primary_color="#0073aa"
• bg_color="#f0f0f1"
• button_style="rounded|pill|square"
• show_logo="true|false"

[quicklrf_lost_password]

• template="default|card|split"
• form_width="narrow|medium|wide"
• title="Reset Password"
• primary_color="#0073aa"
• bg_color="#f0f0f1"
• button_style="rounded|pill|square"
• show_logo="true|false"

Examples:

• [quicklrf_login form_width="narrow" title="Log In" button_style="pill"]
• [quicklrf_register register_redirect="/welcome/" primary_color="#1459c7"]
• [quicklrf_login_register active_tab="register" title="Join Us" bg_color="#eef4ff"]

Other plugin integrations

Nextend Social Login

If Nextend Social Login is active, you can show their social login buttons at the bottom of your forms.

To enable this integration:

1. Install and activate Nextend Social Login.
2. Go to Login & Register settings > Advanced > Nextend Social Login.
3. Enable one or more switches:
   • Login Form
   • Register Form
   • Login + Register Form

Behavior notes:

• Login Form switch: shows Nextend buttons at the bottom of [quicklrf_login].
• Register Form switch: shows Nextend buttons at the bottom of [quicklrf_register].
• Login + Register Form switch: shows Nextend buttons inside each tab of [quicklrf_login_register] (no duplicate extra output below the form).

WP Social

If WP Social is active, you can output the WP Social login buttons at the bottom of your forms.

To enable this integration:

1. Install and activate WP Social.
2. Go to Login & Register settings > Advanced > WP Social.
3. Enable one or more switches:
   • Login Form
   • Register Form
   • Login + Register Form

Behavior notes:

• Login Form switch: renders WP Social buttons at the bottom of [quicklrf_login].
• Register Form switch: renders WP Social buttons at the bottom of [quicklrf_register].
• Login + Register Form switch: renders WP Social buttons inside each tab of [quicklrf_login_register] (without duplicate output below the full wrapper).

For Developers

The login and registration forms expose hooks so you can extend them without editing the plugin.

Plugin-specific action hooks (each receives the resolved $args array):

• quicklrf_login_form_before_fields
• quicklrf_login_form_after_fields
• quicklrf_login_form_before_submit
• quicklrf_login_form_after_submit
• quicklrf_register_form_before_fields
• quicklrf_register_form_after_fields
• quicklrf_register_form_before_submit
• quicklrf_register_form_after_submit

Registration also fires quicklrf_login_before_register (filter) and quicklrf_login_after_register (action) during processing.