Creates Login Form with Fluent Forms Plugin

Are you wanting to create a login form with Fluent Forms plugin? In this tutorial I am showing you how you will achieve this functionality.

Follow the video for form’s settings.

PHP Snippet

You will add this custom PHP codes into your theme’s functions.php file (navigate to appearance > theme editor page) or custom plugin’s PHP file.

Custom JS Snippet

At first we shall add a custom CSS class into the submit button (here Log In button) which will use into the JavaScript code.

1. Go to Editor page of your Login form
2. Select the submit button
3. Click on Advanced Options panel
4. Enter btn-login class into the Element Class input box
5. Click on the Save Form button

After this you will add the following JavaScript code at Custom CSS/JS page.

1. Navigate to your login form’s Settings & Integrations page
2. Click on Custom CSS/JS link
3. Enter the following JavaScript code inside the Custom JavaScript textarea.
   
   JavaScript

   jQuery(document).ready(function($){ $('.btn-login').on('click', function(){ setTimeout(function(){ $('.ff-message-success').remove(); }, 12500 ); }); });

   1 2 3 4 5 6 7

   jQuery(document).ready(function($){     $('.btn-login').on('click', function(){         setTimeout(function(){             $('.ff-message-success').remove();         }, 12500 );     }); });