www.youtube.com Open in urlscan Pro
2607:f8b0:4006:81e::200e  Public Scan

Form analysis
1 forms found in the DOM

/results

<form id="search-form" action="/results" class="style-scope ytd-searchbox">
  <div id="container" class="style-scope ytd-searchbox">
    <yt-icon id="search-icon" class="style-scope ytd-searchbox"><!--css-build:shady--><!--css-build:shady--><span class="yt-icon-shape yt-spec-icon-shape">
        <div style="width: 100%; height: 100%; display: block; fill: currentcolor;"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true"
            style="pointer-events: none; display: inherit; width: 100%; height: 100%;">
            <path clip-rule="evenodd" d="M16.296 16.996a8 8 0 11.707-.708l3.909 3.91-.707.707-3.909-3.909zM18 11a7 7 0 00-14 0 7 7 0 1014 0z" fill-rule="evenodd"></path>
          </svg></div>
      </span></yt-icon>
    <div id="search-input" class="ytd-searchbox-spt" slot="search-input"><input id="search" autocapitalize="none" autocomplete="off" autocorrect="off" name="search_query" tabindex="0" type="text" spellcheck="false" placeholder="Search"
        aria-label="Search"></div>
    <div id="search-clear-button" class="style-scope ytd-searchbox" hidden=""><ytd-button-renderer class="style-scope ytd-searchbox" button-renderer="" button-next=""><!--css-build:shady--><yt-button-shape><button
            class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default yt-spec-button-shape-next--enable-backdrop-filter-experiment"
            aria-label="Clear search query" title="" style="">
            <div class="yt-spec-button-shape-next__icon" aria-hidden="true"><yt-icon style="width: 24px; height: 24px;"><!--css-build:shady--><!--css-build:shady--><span class="yt-icon-shape yt-spec-icon-shape">
                  <div style="width: 100%; height: 100%; display: block; fill: currentcolor;"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true"
                      style="pointer-events: none; display: inherit; width: 100%; height: 100%;">
                      <path d="m12.71 12 8.15 8.15-.71.71L12 12.71l-8.15 8.15-.71-.71L11.29 12 3.15 3.85l.71-.71L12 11.29l8.15-8.15.71.71L12.71 12z"></path>
                    </svg></div>
                </span></yt-icon></div><yt-touch-feedback-shape style="border-radius: inherit;">
              <div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response" aria-hidden="true">
                <div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
                <div class="yt-spec-touch-feedback-shape__fill" style=""></div>
              </div>
            </yt-touch-feedback-shape>
          </button></yt-button-shape><tp-yt-paper-tooltip offset="8" disable-upgrade=""></tp-yt-paper-tooltip></ytd-button-renderer></div>
  </div>
  <div id="search-container" class="ytd-searchbox-spt" slot="search-container"></div>
</form>

Text Content

•


NaN / NaN













•



NaN / NaN










Back





CA
Skip navigation

Search
Search


Search with your voice
Sign in



CA






How to Create User Login Form with the Reset Password Feature | JetFormBuilder
User Login Addon

Search

Watch later

Share

Copy link

Info

Shopping


Tap to unmute


2x



If playback doesn't begin shortly, try restarting your device.









•


You're signed out
Videos you watch may be added to the TV's watch history and influence TV
recommendations. To avoid this, cancel and sign in to YouTube on your computer.
CancelConfirm



Share
Include playlist


An error occurred while retrieving sharing information. Please try again later.



0:00






0:00 / 0:00•Watch full videoLive
•
Introduction

•


Scroll for details


Sign in to confirm you’re not a bot
This helps protect our community. Learn more
Sign in




HOW TO CREATE USER LOGIN FORM WITH THE RESET PASSWORD FEATURE | JETFORMBUILDER
USER LOGIN ADDON

Crocoblock
Crocoblock
31.5K subscribers



<__slot-el>
Subscribe



<__slot-el>
Subscribed



249




Share

Download

Download

Save








18K views 1 year ago #login #WordPress
18,170 views • Mar 22, 2023 • #login #WordPress

Show less
Welcome to our super-exciting tutorial on building #login form for #WordPress
with JetFormBuilder User Login Pro Addon and its newly added Reset Password
Feature. Here we also cover how to use Render State functionality that was added
in JetFormBuilder 3.0 and how you can benefit from it and save time. …...more
...more
CHAPTERS

VIEW ALL





INTRODUCTION

INTRODUCTION

0:00

INTRODUCTION

0:00




TUTORIAL’S OVERVIEW

TUTORIAL’S OVERVIEW

0:47

TUTORIAL’S OVERVIEW

0:47




REQUIREMENTS

REQUIREMENTS

1:37

REQUIREMENTS

1:37




CREATING A NEW FORM

CREATING A NEW FORM

2:05

CREATING A NEW FORM

2:05




BUILDING A LOGIN FORM

BUILDING A LOGIN FORM

2:22

BUILDING A LOGIN FORM

2:22




RENDER STATE FOR LOGIN FORM

RENDER STATE FOR LOGIN FORM

4:15

RENDER STATE FOR LOGIN FORM

4:15




BUILDING RESET PASSWORD FORM

BUILDING RESET PASSWORD FORM

5:20

BUILDING RESET PASSWORD FORM

5:20




RENDER STATE FOR RESET FORM

RENDER STATE FOR RESET FORM

5:59

RENDER STATE FOR RESET FORM

5:59




Transcript

Follow along using the transcript.

Show transcript



CROCOBLOCK

31.5K subscribers
Videos

About

Videos


About


Facebook Community


Instagram


Facebook Page


Twitter


LinkedIn


13:21
13:21


How to Create WordPress Login Form | JetFormBuilder User Login Pro Addon
by Crocoblock
6:37
6:37


JetFormBuilder WordPress Plugin Features & Updates | 3.0 Version
by Crocoblock


Show less








#login #WordPress


HOW TO CREATE USER LOGIN FORM WITH THE RESET PASSWORD FEATURE | JETFORMBUILDER
USER LOGIN ADDON

18,170 views18K views
Mar 22, 2023

249




Share

Download

Download

Save














83 COMMENTS

Sort comments
Sort by
Top comments

Newest first






Add a comment...










@AHMEDPASALIC9520

1 year ago

This is great. It may be helpful to consider adding some additional details
regarding if user is already logged in and possible redirections after login. I
recently tried it out myself and had some difficulty logging in, as I was
already logged in. I spent some time trying to figure out what was wrong.
Show less Read more
Like
4


Dislike

Reply




1 reply

1 reply







@NITSHARMA

1 year ago

Please add an option for email verification during registration. In this option,
users will receive a verification link via email. After clicking on the link,
users will be able to log in to the website. With this option, the spam will be
reduce.
Show less Read more
Like
15


Dislike

Reply




5 replies

5 replies







@AKADEMIATORTU

1 year ago

Thank you for a great tutorial! What would be very helpful is to add a function
that will ask the user to confirm their email address before an account is
created (say via a link sent to the email supplied at registration) - this of
course for a registration form, not a login form.
Show less Read more
Like
1


Dislike

Reply





·
1 reply


·
1 reply







@DRAGON3602010

3 months ago

Great and is it possible with that to customize the login page of WordPress to
go to the dashboard wp-admin? Thanks
Show less Read more
Like
1


Dislike

Reply





·
1 reply


·
1 reply







@NEGATIVE42

1 year ago

Awesome! Was waiting for the Password Reset Feature, without it the the account
plugin was no good...
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@ECOMEDIAWEBMULTIMEDIA

1 year ago

I loved it, congrats from Colombia!! (south america )
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@VSTPLANETEE

5 months ago (edited)

Is it possible to open the password reset form with jetpopup after you click on
the email reset link? That would need another conditional function I guess.
Show less Read more
Like


Dislike

Reply





·
4 replies


·
4 replies







@SULASHIDAYAT

1 year ago

There is no Reset Password Field on my Jetform Version 3.0.9, and add on User
Login Action Version 1.0.2.
Show less Read more
Like
1


Dislike

Reply





·
1 reply


·
1 reply







@COMLEONMOTO

1 year ago

Thank you, Julia. A really nice and useful tutorial indeed
Show less Read more
Like


Dislike
❤ by Crocoblock
Reply









@MRABHIJITRABHA

11 months ago

So Login & Register in one form possible? Even If I use two different
conditional block it throws an error that same field id can't be same.
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@MOMOHEZEKIELTRUMP6835

1 year ago (edited)

Well timed tutorial. I have a login forms but no function to recover password.
Show less Read more
Like
2


Dislike
❤ by Crocoblock
Reply




1 reply

1 reply







@JUANCARLOSRODRIGUEZ5022

1 year ago

Go Juliet! Thanks for the tutorial.
Show less Read more
Like


Dislike
❤ by Crocoblock
Reply









@NGONINENGOMASHA2402

6 months ago

Question. How do you get rid of the Lost Pssword? button that pops op every time
you enter the correct email address with the wrong password. The lost password
button is going straight to the wordpress reset page instead of the one I
created
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@WEBFOTOGRAFICA96

1 year ago

Hi all, at minute 14:56 after the Login I see that menu is changing replacing
Login with Logout and adding My Account. Is this done with Croco suite or done
with other plugins such as Nav Menu Roles? Feedback will be appreciated
Show less Read more
Like


Dislike

Reply





·
2 replies


·
2 replies







@GODRORY1129

1 month ago

How do you style the render state button separately from the submit button?
Show less Read more
Like


Dislike

Reply





·
2 replies


·
2 replies







@JWALENDOWSKY

4 months ago

Hi, I did exactly how you showed but when I test it I get the message "Error:
The username field is empty" but I'm of course filling it out. Any ideas?
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@RAMNMDR1840

3 weeks ago (edited)

I encountered an issue where I created a separate page for password recovery. In
the first step, the email was sent successfully. However, when the user clicks
on the reset password link and is directed to enter a new password, after they
click the submit button, two new emails with the same template the first one are
sent to them that I didn't configure. how can I stop sending these emails?
thanks
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@ROBLILLEY2343

1 year ago

Thanks for this! Feels a bit complicated but assuming it'll get easier with
practice :) Any recommendation on how to add recaptcha?
Show less Read more
Like


Dislike

Reply





·
1 reply


·
1 reply







@BRAZILBACK

1 year ago

pfff!! :disappointed_face: The reset buttons do not exist in version 3.0.3, the
form cannot be finalized
Show less Read more
Like
2


Dislike

Reply









@KONSTANTINPULMAN

1 year ago

the bigest problem with custom login forms was that after incorrect password
entry it's redirects to the default WP login page - how that works in case of
this login form?
Show less Read more
Like


Dislike

Reply





·
2 replies


·
2 replies









COMMENTS 83




Top comments

Newest first











CHAPTERS








INTRODUCTION

INTRODUCTION

0:00

INTRODUCTION

0:00




TUTORIAL’S OVERVIEW

TUTORIAL’S OVERVIEW

0:47

TUTORIAL’S OVERVIEW

0:47




REQUIREMENTS

REQUIREMENTS

1:37

REQUIREMENTS

1:37




CREATING A NEW FORM

CREATING A NEW FORM

2:05

CREATING A NEW FORM

2:05




BUILDING A LOGIN FORM

BUILDING A LOGIN FORM

2:22

BUILDING A LOGIN FORM

2:22




RENDER STATE FOR LOGIN FORM

RENDER STATE FOR LOGIN FORM

4:15

RENDER STATE FOR LOGIN FORM

4:15




BUILDING RESET PASSWORD FORM

BUILDING RESET PASSWORD FORM

5:20

BUILDING RESET PASSWORD FORM

5:20




RENDER STATE FOR RESET FORM

RENDER STATE FOR RESET FORM

5:59

RENDER STATE FOR RESET FORM

5:59




ADDING BUTTON TO SWITCH BETWEEN FORMS

ADDING BUTTON TO SWITCH BETWEEN FORMS

6:55

ADDING BUTTON TO SWITCH BETWEEN FORMS

6:55




INPUT AND CONFIRM NEW PASSWORD FIELDS

INPUT AND CONFIRM NEW PASSWORD FIELDS

8:22

INPUT AND CONFIRM NEW PASSWORD FIELDS

8:22




POST SUBMIT ACTIONS

POST SUBMIT ACTIONS

9:23

POST SUBMIT ACTIONS

9:23




SETTING UP EVENTS FOR ACTIONS

SETTING UP EVENTS FOR ACTIONS

11:56

SETTING UP EVENTS FOR ACTIONS

11:56




ADDING THE FORM TO A LOGIN PAGE

ADDING THE FORM TO A LOGIN PAGE

14:16

ADDING THE FORM TO A LOGIN PAGE

14:16




CHECKING THE RESULT ON THE FRONT END

CHECKING THE RESULT ON THE FRONT END

14:46

CHECKING THE RESULT ON THE FRONT END

14:46


Sync to video time
Sync to video time




DESCRIPTION







How to Create User Login Form with the Reset Password Feature | JetFormBuilder
User Login Addon
249Likes
18,170Views
2023Mar 22
Welcome to our super-exciting tutorial on building #login form for #WordPress
with JetFormBuilder User Login Pro Addon and its newly added Reset Password
Feature. Here we also cover how to use Render State functionality that was added
in JetFormBuilder 3.0 and how you can benefit from it and save time. 💡 Tip.
Make sure you have User Login Addon activated and SMTP configured. Get FREE
JetFormBuilder ► https://bit.ly/3nfLwQL 📄 Learn more about User Login Pro Addon
► https://bit.ly/3lBnOhx 📄 Check out JetFormBuilder Documentation ►
https://bit.ly/3LPAnAm ------------- Template Used: LaborTime — Dynamic Job
Board Website for Elementor ► https://bit.ly/3Ty46zM -------------
🌟JetFormBuilder playlist: ►    • JetFormBuilder | Tutorials   —————— ►
TIMESTAMPS 00:00 Introduction 00:47 Tutorial’s overview 01:37 Requirements 02:05
Creating a new form 02:22 Building a login form 04:15 Render state for login
form 05:20 Building reset password form 05:59 Render state for reset form 06:55
Adding button to switch between forms 08:22 Input and confirm new password
fields 09:23 Post submit actions 11:56 Setting up events for actions 14:16
Adding the form to a Login page 14:46 Checking the result on the front end
—————— Get JetFormBuilder Pro addons here ► https://bit.ly/42tuq2a 💡 You can
also get JetFormBuilder Pro addons for FREE if you are an existing Crocoblock
All-inclusive subscriber (just check your account). Upgrade to Crocoblock
All-inclusive here ► https://bit.ly/3JDkzOI —————— Join us here: ► FB Community:
  / crocoblockcommunity   ► Facebook:   / crocoblock   ► Twitter:
  / mrcrocoblock   ► Instagram:   / mrcrocoblock   ► Pinterest:   / crocoblock  
► LinkedIn:   / crocoblock  
Show less ...more
Welcome to our super-exciting tutorial on building #login form for #WordPress
with JetFormBuilder User Login Pro Addon and its newly added Reset Password
Feature. Here we also cover how to use Render State functionality that was added
in JetFormBuilder 3.0 and how you can benefit from it and save time. 💡 Tip.
Make sure you have User Login Addon activated and SMTP configured. Get FREE
JetFormBuilder ► https://bit.ly/3nfLwQL 📄 Learn more about User Login Pro Addon
► https://bit.ly/3lBnOhx 📄 Check out JetFormBuilder Documentation ►
https://bit.ly/3LPAnAm ------------- Template Used: LaborTime — Dynamic Job
Board Website for Elementor ► https://bit.ly/3Ty46zM -------------
🌟JetFormBuilder playlist: ►    • JetFormBuilder | Tutorials   —————— ►
TIMESTAMPS 00:00 Introduction 00:47 Tutorial’s overview 01:37 Requirements 02:05
Creating a new form 02:22 Building a login form 04:15 Render state for login
form 05:20 Building reset password form 05:59 Render state for reset form 06:55
Adding button to switch between forms 08:22 Input and confirm new password
fields 09:23 Post submit actions 11:56 Setting up events for actions 14:16
Adding the form to a Login page 14:46 Checking the result on the front end
—————— Get JetFormBuilder Pro addons here ► https://bit.ly/42tuq2a 💡 You can
also get JetFormBuilder Pro addons for FREE if you are an existing Crocoblock
All-inclusive subscriber (just check your account). Upgrade to Crocoblock
All-inclusive here ► https://bit.ly/3JDkzOI —————— Join us here: ► FB Community:
  / crocoblockcommunity   ► Facebook:   / crocoblock   ► Twitter:
  / mrcrocoblock   ► Instagram:   / mrcrocoblock   ► Pinterest:   / crocoblock  
► LinkedIn:   / crocoblock   …...more
...moreShow less

CHAPTERS

VIEW ALL





INTRODUCTION

INTRODUCTION

0:00

INTRODUCTION

0:00




TUTORIAL’S OVERVIEW

TUTORIAL’S OVERVIEW

0:47

TUTORIAL’S OVERVIEW

0:47




REQUIREMENTS

REQUIREMENTS

1:37

REQUIREMENTS

1:37




CREATING A NEW FORM

CREATING A NEW FORM

2:05

CREATING A NEW FORM

2:05




Transcript

Follow along using the transcript.

Show transcript



CROCOBLOCK

31.5K subscribers
Videos

About

Videos


About


Facebook Community


Instagram


Facebook Page


Twitter


LinkedIn


13:21
13:21


How to Create WordPress Login Form | JetFormBuilder User Login Pro Addon
by Crocoblock
6:37
6:37


JetFormBuilder WordPress Plugin Features & Updates | 3.0 Version
by Crocoblock



TRANSCRIPT










NaN / NaN









27:42
27:42
Now playing




HOW TO CREATE WORDPRESS REGISTRATION FORM | JETFORMBUILDER PLUGIN

Crocoblock
Crocoblock
•
•
32K views 2 years ago







10:27
10:27
Now playing




HOW TO CREATE A REGISTRATION FORM WITH EMAIL VERIFICATION | JETFORMBUIDER

Croco Mentor
Croco Mentor
•
•
3.1K views 9 months ago







10:18
10:18
Now playing




I REPLACED ALL MY ADOBE APPS WITH THESE [FREE OR CHEAPER] ALTERNATIVES!

Joris Hermans
Joris Hermans

Verified
•
•
550K views 1 month ago







34:50
34:50
Now playing




HOW TO SET UP MAPS LISTINGS MODULE | JETENGINE AND JETSMARTFILTERS PLUGINS

Crocoblock
Crocoblock
•
•
71K views 4 years ago







35:22
35:22
Now playing




SETTING UP FRONTEND POST SUBMISSION | JETFORMBUILDER & JETENGINE

Crocoblock
Crocoblock
•
•
39K views 2 years ago







17:02
17:02
Now playing




HOW TO CREATE A USER REGISTRATION FORM WITH EMAIL VERIFICATION IN WORDPRESS |
JETFORMBUILDER

Crocoblock
Crocoblock
•
•
3.5K views 4 months ago







1:18:15
1:18:15
Now playing




TRIBL | MAVERICK CITY WORSHIP COMPILATION

MJ -Visual
MJ -Visual
•
•
13M views Streamed 1 year ago







13:40
13:40
Now playing




DON'T USE CHATGPT UNTIL YOU WATCH THIS VIDEO

Leila Gharani
Leila Gharani

Verified
•
•
1.6M views 11 months ago







51:35
51:35
Now playing




HOW TO WORK WITH CROCOBLOCK PROFILE BUILDER | JETENGINE FROM A TO Z COURSE

Crocoblock
Crocoblock
•
•
108K views 3 years ago







6:32
6:32
Now playing




EASY USER REGISTRATION FORM IN WORDPRESS (FREE)

WPDev
WPDev
•
•
11K views 3 months ago







40:21
40:21
Now playing




GETTING STARTED WITH PROFILE BUILDER | JETENGINE & JETFORMBUILDER PLUGINS

Crocoblock
Crocoblock
•
•
35K views 2 years ago







1:20:55
1:20:55
Now playing




REGISTRATION LOGIN FORM WITH EMAIL VERIFICATION & PASSWORD RESET |
JETFORMBUILDER | JOB BOARD - PT 5

Ozzidigipro
Ozzidigipro
•
•
1.5K views 8 months ago







13:01
13:01
Now playing




HOW TO ASSIGN USER ROLE AUTOMATICALLY VIA REGISTRATION FORM | JETENGINE &
JETFORMBUILDER

Crocoblock
Crocoblock
•
•
14K views 1 year ago







28:00
28:00
Now playing




WORDPRESS MESSAGES BETWEEN USERS WITH CROCOBLOCK JETENGINE & ELEMENTOR | 2022

Moxet Khan
Moxet Khan
•
•
15K views 2 years ago







23:25
23:25
Now playing




JETFORM BUILDER LOGIN AND RESET PASSWORD FORM WITH EMAIL VERIFICATION | JETFORM
BUILDER TUTORIAL

WebgeniusBD
WebgeniusBD
•
•
275 views 2 months ago







32:32
32:32
Now playing




ONENOTE AS A SECOND BRAIN (WHAT YOU'RE MISSING)

Tiago Forte
Tiago Forte
•
•
159K views 1 month ago







7:49
7:49
Now playing




WORDPRESS REGISTRATION FORM WITHOUT USERNAME & PASSWORD | CROCOBLOCK JETENGINE |
ELEMENTOR

Moxet Khan
Moxet Khan
•
•
3.5K views 1 year ago







2:19:15
2:19:15
Now playing




CREATE A LISTING WEBSITE WORDPRESS & JETENGINE | REAL ESTATE WEBSITE IN
WORDPRESS ELEMENTOR

WPTuts
WPTuts
•
•
105K views 3 years ago







26:32
26:32
Now playing




WORDPRESS LOGIN AND REGISTRATION PLUGIN | ACTIONS PACK FOR ELEMENTOR PRO

WPTuts
WPTuts
•
•
43K views 3 years ago







13:21
13:21
Now playing




HOW TO CREATE WORDPRESS LOGIN FORM | JETFORMBUILDER USER LOGIN PRO ADDON

Crocoblock
Crocoblock
•
•
22K views 2 years ago









Show more