Up next in 10
New Advanced Form Block in Kadence Blocks 3.1 [Update]
3K views
Jan 24, 2024
In this video, the presenter introduces and explores the new Advanced Form Block in Kadence Blocks version 3.1. The video likely covers a walkthrough of the updated features, functionalities, and improvements introduced in this version of the Kadence Blocks plugin, specifically focusing on the enhanced capabilities of the Advanced Form Block. Viewers can expect insights into how to leverage the new features for creating advanced and customizable forms within the Kadence Blocks plugin, enhancing the overall form-building experience for WordPress users. Whether you're a WordPress enthusiast, designer, or developer, this video aims to provide an overview of the exciting updates and capabilities brought by the Advanced Form Block in Kadence Blocks 3.1.
View Video Transcript
0:00
Hi everyone, welcome to Kito Blogging and in this video I will talk about the advanced form block that recently introduced in the Cadence Blocks version 3.1
0:09
So after 3.1 you will get an advanced form block and you can use a variety of options in your form like file upload form and you can add a subject line like this
0:21
So you can add a select button like this and you can choose date, you can add accept comment conditions, you can
0:30
You can add mobile number. So you will get a lot of options in your form now and you can also integrate with ReCAPTCHA
0:36
with your forms. So let's check how you can use the advanced form block in Cadence Block
0:42
So if you found this video helpful, then make sure to hit the like button
0:46
So first of all, let's go to the dashboard here and here let's go to the plugins
0:52
And as you can see that I am using the Cadence Blocks version 3.1.11
0:57
So after 3.1 you will get this advance form block. So let's go to the post here and let's
1:03
click on add new. And let me just add a title like form block or I can set a like new form
1:12
block like this. Now to add the form let's click on plus and you can search simply search
1:18
for form. And here you will see two options. One is normal form and another one is form advance
1:24
ADV. So let's click on here. Now here you'll see two options. One is normal form. A.D.V. So let's click on here. Now here can select an existing form like this or you can create a own form like this
1:34
So let me just click on here again and let's create a new form here
1:39
Now here you will see a section like this like whether you want to add a contact form
1:45
whether you want to add a contact form with these options or you want to add a subscribe
1:49
button like this. So let me just choose this option, contact form here
1:54
Now after selecting this you will ask you to choose the stylings like whether you want to add the levels before the form blocks or you
2:03
want to add a dark mode version of it or you want to add a placeholder instead of
2:09
level and you can add a underline section like this so let me just choose this
2:14
one in field here and you can add a form description here if you want now let add like contact form 2 now let click on create now as you can see that it has created a contact form block Now let click on the submit button here and let keep it as full
2:32
Now to add more block you can see this option plus so let's click on here and here you will
2:38
get different options like you want to add a text field or an email field or whether you
2:42
want to add a text area like this message so this is a text area and you can also add a text
2:49
field like let's keep it like subject so user can input their subject like this now let's click
2:57
on plus here and you can add a telephone field here and let's keep it like mobile number and let's
3:04
keep it above like this now let's click on plus here and here you can see this option select so if
3:11
you add this option so user can select multiple options like select your platform
3:19
And let's let me just add a platform like blogger. Let's add an option like WordPress
3:25
Let's add an option like others like this and user can choose from this drop down menu
3:31
Now let's add a new section here and here you will see this option radio block like this
3:37
and they can also choose from this option as well. So here this is the drop down menu and you can add a radio button
3:44
So let me just add the same here like this. Let's add a blogger here
3:49
here, WordPress, let's add others. Now let me just publish this page first and let me just view this post and as you can see
4:01
that here you will see this drop-down options like this like user can choose their platform
4:06
or you can add a radio button like this so you can use like this
4:11
So you can use any of the method you want. Now let me just click on plus here and let's just
4:19
check the checkbox field here and you can also add a check box like this instead of the radio
4:24
button so all the function are almost same so let me just select one option here now let's
4:31
click on plus here and here you will see some advance field here like whether you want to add
4:38
a option to upload file now let me just add the field level like upload the document like like this and if you select this option let me just close here and here you can set the field level here or you can change this like upload the PDF like this as you can see that
5:00
level is changing here as well and you can also add a description here if you want like
5:07
upload pile size must be below 10 m Like this. So you can add a description below this form
5:18
So user can know that he can or see can maximum upload a file of 10 mb
5:25
And here let's click on the file upload form here. And as you can see that you can also enable file type like whether you want to only support
5:33
PDF images or you can accept audio, video documents like this or you can accept G file as well
5:40
Now here you will see these options like you can choose the file size. limit so you can set it like 25 mb and let's add a new field here and click on advanced
5:51
field now here you will get more options like time block date block or accept domain
5:57
conditions so let me select the date here and i can select like choose the date like this
6:05
and user can choose date by clicking on this date picker like this now let's add a new form block here and there
6:13
is the accept block so i can type like i accept term and condition and read the privacy policy
6:24
like this and you can also select a text from here and you can link your privacy policy page
6:30
like this so it will link to the privacy policy page and by default it is set to opt me in so you
6:37
can set like i accept like this and here you will see more options like layout like
6:43
like you can add paragraphs to your forms or you can add a row layout to your forms or you can
6:48
add recapture to your form and you can directly import your recapture key and add it to your
6:56
recapture in the form like this so let me just delete it for now so this is how you can use
7:04
the advanced form block in cadence and as you can see that earlier you will get a very limited options in the form but now you will get like name email address subject or you can add mobile number or you can add a drop down field or you can select the file upload option in the cadence form as well now you can also add a date picker or add the
7:25
option to accept comment conditions so there is a couple of improvements in this field and if you
7:31
click on any of the block you will see more options like this so you can change the settings here as well
7:37
like whether you want to send the email to a different number or something like that if you choose
7:43
the mobile option you can add a placeholder here as well you can add a description under the
7:49
mobile like i can add description like plus 9 1 000 like this so you can add an example here
7:58
just below the form and if you select this option you will change all these values from here
8:04
and if you click on submit button here and if you click on advance here you will see this
8:12
option to add area level as you know if you run the pay speed inside test you will see an
8:18
option like form element do not have discernible names or the button element do not have
8:24
discernible name so you can easily fix that by adding the aerial level value so it is a good
8:30
option to have accessibility options in Cadence form as well. And here you will control all the settings from here like you can change the styling of the
8:40
forms, you can change the background color, you can change the field row gap, you can change
8:45
the input size as well like this, you can control the row gap like this and here you can
8:52
change the placeholder color, input color. So you have all the options to play around with, you can change the level here, you can change the radio
9:00
box color as well you can change the help text you can change the message styling as well
9:06
so here there the options are vast so you need to play around it and customize it according to
9:13
your requirements so this is the overview of the advance form block that recently introduced
9:18
in cadence blocks plugin and if you have any doubt regarding this then you can ask me in the
9:23
comment section and if you found this video helpful then make sure to hit the like button
9:27
And if you want me to make more videos related to Cadence, Blocks or Generate Press Theme or Bloxie themes, do let me know in the comment section
9:35
I will see you in the next one. Bye-bye