Skip to main content
3 minutes reading time (674 words)

Introducing the Login, Registration and Search Blocks for Gutenberg

Cover

More than anything, WordPress was created to make it easier for you to manage content. Over the years, WordPress’ use was closely linked with writing blog posts. However, Advanced Gutenberg’s latest update gives you the tools you need to create pages with more freedom by adding the login, registration, and searching functionality right alongside both pages and posts.

Advanced Gutenberg 2.1 provides two new block types to put WordPress’ more vanilla features at your fingertips - the login and registration, and search blocks. With these two new blocks, you can seamlessly integrate login and registration to help you attract members, as well as search bars to help members find what they are looking for.

Login and Registration using Gutenberg

Picture this - you have created the ultimate one-pager for your product. At the end, you want to drive users to sign up. What do you do? Ask users to scroll up and register, or update the template? With Advanced Gutenberg 2.1, you need only add a block at the end of the page.

The login and registration functionality is provided in one block called login/register form. Users can alter between the login and registration view themselves depending on whether they already have an account or not. While editing, you can preview the login and registration views by pressing the switch view button in the block menu.

 

All the text in this form can be edited by clicking on the elements, including the button text and labels. The block is deceptively simple, in spite of the functionality that it holds, but you can customize it to your heart’s content from the sidebar.

First up are the form-specific settings. You can choose which of the login or registration views is shown by default. Just below, you can specify where the form redirects after the user logs in or registers - either to the homepage, to the dashboard or to a custom page altogether. Just below, you can customize the block’s dimensions to start customizing appearances. You can toy around with options to customize the header’s color and the form’s logo and dimensions.

 

Scrolling further in the settings, you can disable switching between the login and registration views. For example, if the form is in a page aimed at recruiting customers, the registration view is probably the more judicious option, but you may still leave the login functionality available. Though not recommended, you can also hide the password reset link.

The rest of the sidebar options are the classic Advanced Gutenberg customization options. You can change the colors of the input fields’ background, labels and values. Below, Advanced Gutenberg makes available options to customize borders, as well as the submit button and its behavior.

 

New Gutenberg Search Block

Once you turn users into members comes the next big task - retaining them. Advanced Gutenberg 2.1’s second new addition is the search bar block - a nifty tool that you can insert anywhere, including at the end of an article to allow members to look for their next great read.

 

The block comes with two styles to choose from - a modern style and a more classic look. Moreover, you can customize it with a variety of options from the block settings. By default, the search bar is compact, but you can extend it to full width or specify your own width in pixels.

You can move the position of the search icon to the right instead of the default left alignment. The icon can also be changed, including to indicate that the search function looks for images. Everything else - from text to buttons - can be modified in the same way as the login and registration block.

 

Gutenberg’s capabilities continue to astonish us almost a year on from the release of WordPress 5.0. Advanced Gutenberg lets you unleash your creativity with its latest venture into more functional blocks. Whether you want to draw in new members or retain existing ones, you will find something to your taste in Advanced Gutenberg 2.1.

2
Stay Informed

When you subscribe to the blog, we will send you an e-mail when there are new updates on the site so you wouldn't miss them.

Related Posts

 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Thursday, March 28 2024

Captcha Image