Here are some quick steps of this tutorial that we need to follow in order to create a protected form:
Install the required plugins
Configure the required plugins
In order to create a spam-protected form with Akismet protection. You must have the following plugins:
Akismet - This is the core Akismet plugin
Gutenberg Forms Akismet Addon - Gutenberg forms addons that let you connect and create Gutenberg forms with Akismet Protection.
Gutenberg Forms - Of-Course you need this installed as well. 😊
After installing the required plugins that are mention above. Let's configure them step by step.
Akismet has a very good API that you can follow in order to configure it according to your requirements.
Gutenberg Forms Akismet Addon
Now we are heading up to the main part of this tutorial.
If you have followed all the steps above right then you are just a few steps away from having a working Gutenberg form with the Akismet addon.
Here are a few steps to configure the Akismet addon correctly.
The first step for any Gutenberg Forms addon is to enable the addon. Before proceeding to further steps make sure the addon you want to configure is enabled.
Now your add-on is ready to use inside the Gutenberg Form. Let's create a new Gutenberg form inside the block editor.
You can now see a new suggestion in the "form actions".
After selecting Akismet in the "form actions". You can now see a new panel named as Akismet. Here you can map the fields which need protection.
After selecting the fields you can now publish the form. That's how easy it is to create Gutenberg Form with Akismet Protection.
Here is the final form. Of course, you don't see much in this image below. But it does protect you from a lot of spams.