Documentation Home
Installation & Updates
- Installation
- Pro Installation
- Updates
Getting Started
- General Settings
- Login Redirection
- Email Notifications
Usage & Display
The Login Form
- Login Options
- Logged In Options
- Further Customization
Templates & Styling
Shortcode
- Login Shortcode
- Shortcode Arguments
Widgets
Blocks & Page Builders
- Gutenberg Blocks
- Divi Module Pro
- Elementor Widget Pro
AJAXify
Security Pro
- reCaptcha
- 2FA
- Login Limiter
Advanced Customization
CSS
- CSS Framework
- Overriding CSS Rules
- CSS Variables
- Overriding Stylesheets
- Debug Mode
Templates
- File Hierarchy
- HTML Structure
- Template Locations
- Creating a Template
- $lwa PHP Variable
- Parent Templates
PHP
- LoginWithAJAX::output()
- Actions/Filters
JavaScript
- Hooks
- Overriding JavaScript
- Debug Mode
more ...
Translations
FAQ
Troubleshooting
Migrating from v3.x
- Legacy Mode
- Custom Templates
- Shortcodes and Blocks
- Other Changes

Gutenberg Blocks

Login With AJAX 4.0 introduces support for Gutenberg blocks, including the new Widget blocks area introduced in WordPress 5.8.

The process of adding a widget or block is pretty straight forward. You'd first search for the Login With AJAX block:

When you add the block, you will see the login form by default. All the options available to you are covered in the login form documentation page.

Additionally, you will see an extra option called Guest Preview Mode or just Preview Mode in the block toolbar, as per the screenshot below. By toggling this option on/off, you will see the form whilst logged in or logged out.