Whats up guys, here's Claudio from Visual Motor Wordpress Themes. And in today's video
we gonna learn how to use the fun of forms. OK? So this is my favorite
OK? And the best mood step form builder and contact form as well
This lugging, it's very, very good and they now have a free version that I'm using and I really
really enjoy and would like to share with you. OK? It's a quite new plugging
OK? But it's truly truly good. I really, really recommend you because they do conditional forms
they do large extent mood step forms. That is something really, really complicated to do that they make easy
And before we can start, please take a moment to hit the subscribe button like this video and share this content of a friend of
yours. Have no idea how might help us. OK? So let's get this started
First of all, let me show you a little bit more about this plugging. OK
The fun of forms is to build stunning interactive or intuitive smart mood step forms
OK? What is this? You know, when you need to complete a form and you need to reply some questions
you need to enter some information. And after this, you're gonna submit the form. This is a mood step forms and there is a really
really low number of plugins on wordpress that do this properly. And of course they have a pro version
OK? That is really good as well. I will test this later to show you
but I'm gonna explain some differ, some difference. But we're gonna create a new form using the free version
Let's test this is the form. Can you see how beautiful this is. Single select question
Go on mood blow. Next question, go on, go on or go on
go on appointment. Booking question. This
is a pro version as far as I can review. So we're gonna let you book an appointment right here
Go to the next now text feud. We can type some text right here
OK? For example, email, phone number, website URL. Anything you want date question
So let's pick a date slider
question. Can you see we can select a number? We can upload a file
we can enter an address. Can you see the map right here from Google
Really, really interesting but
let's build or form. OK. First of all, we're gonna need to install this plug in
It's really, really good. OK? And it's free. So let's go to our board press dashboard
view the left side bar of menus, hover your mouse over plugins and click on
add new, OK? Into the upper right corner and search fields you're gonna type for new forms
OK? This is the plug in. Let's click on this style. Now it's a writing stylet and now we're gonna click on activate
You're gonna be amazed of how many features this plugging offer even in the free version
Never miss an important update. This is important ally and continue. Now we have a checklist and
a video tutorial for beginners. OK? Really, really interesting and very beautiful dashboard
By the way, can you see these parts locked right here? This is for the pro version of the plug in
OK? So if you are a pro user, you can unlock all of those features
Like for example, import, export data, import integrations, appointment
events, an appointment. So let's create our forms. OK? Forms into the free version are based
by three important parts. OK? We have the questions, the contact forms and the forms itself
OK? So we're gonna start for the questions. So as you can review
we, as soon as we activate the plug in, we're gonna be here, directed to this page
We're gonna see a new button next to comments on our wordpress dashboard
the left side bar called its fun forms. And we're gonna start right here in two questions
OK? So here is introduction video, need help dark mode. I really love the dark mode
Thank you developers. I really like the dark mode. So what we're gonna do
we're gonna add a new question by how here here is the plus bottom at the bottom left side of our screen
Really like the dark interface. Congratulations that. So we have a single selection
we can configure our questions. For example, this one, option
one, the second one, option two. And
if you click into this action right here into this section right here, we can for example
instead of just changing the description, OK, upload an image or select an icon from F Awesome
Let's choose the apple. Let me select another icon for example and
right. Yeah, let me change this for the apple as well. So
apple or Android question title, let's
apply some description in the case that you want. And now let's apply a new question
Imagine that you are a mobile developer company and you would like to collect leads and understand more about their needs
For example, an app for Android or an app for apple, for example
Now a mole selection question so we can select the two questions or more in the case that we want or
maybe a text, one placeholder
minimum number, maximum number, alloy, text only allo numbers, only alloyed data only and required field
And as you can check if you want to unlock more fields. For example
data is lighter HML file, upload and drop downs or address you must be a pro user
but we're gonna keep this for free by now. OK? I think the text area
no, the text only and the place holder can be your, don't
mind here, your domain here. So
con funny side, for example. OK
So we have the company site, the Android art us. Let's hit the save bottom and
let's close the settings. Exit editor in
order to close this up. OK? And
here we go to our questions. We have two questions. OK? We can categorize the the questions
to assign this to some categories. Now, we're gonna need to create a contact form
OK? This is really important. Once again, we're going to move to the contact forms
click into the plus button. They came with a very good contact form template
I would change this, but I really, really enjoy this layout, the design
It's amazing for me. But if you click right here, we can change the icon
you can change the label, you can make this field required or not
OK? We can make this field required so we can fully customize the form
in the way that I want. I like this form. So we're gonna save this
So let's close this. Let's exit the editor. Here is my form according to there is a
so let's reveal what is happening. Here is my form settings
Let's review. So right here are the settings. The very first thing to do is change the form title
the back end form title. OK? After this, we can apply a recipient's email
OK? In the case that we want, this is operational in the case that we want that more persons on our company receive the same
lead or email, they reply to just type Mao right here. In order to if you click into the reply
they're gonna reply to the same mail to the same email that sends you the form
Ok? The lead you can configure this right here using HTML in the case that you want
For example, how does the form is gonna look on your email inbox
game of name, email, phone check box and answers. The answers is the most important
But you can customize this in the way that you want. And the email title can be new lead
new lead from Visual model.com, new lead from my site, new lead from my page name
OK? Choose wherever is better for you. If you are a pro user
you have more integrations right here into the right side bar. OK? But the most important ones for us is this tool right here
If you are a free user, we have the WPAO that is the Defu email that wordpress sends and the ST the SMTP
server that is a mailing server that normal is your host have
OK? And you can enter with the mailing server and names right here
Go to your host, ask this information. This is good because if you complete this properly
your email will not be delivered to response sections OK. So it's important if you do not want to enter this
just enter right here to the WP mail. Let me save my change
I still have some EOR so let me go back to my from an editor in order to fix it
So what is the problem right here? What is the the issue
We do not have a title. We must enter a title to our form
So contact form title. OK? Contact us in
the description. Let
me save the chains. So form successfully created. Let me close this
Let me exit the editor. Here is my form. OK? Now what else I have to do now
it's where the magic starts. OK? We have the questions, we have the form
Now we can use go to the forms and
here on the forms we're gonna create the important part. OK? The most critical part
Can you see the start? That is the first place. So we're gonna start and move to questions as you can see
I can click drag and drop and after this go to the company site
that is the other question. Then we can go to the form that we have created the
nice form and we can go to the er L head direct in order to for example
head direct to a thank you page or head direct back to the home page
OK? So if you have a page with the with thank you
Let me show you some page. OK? I have not created a thank you page
But imagine that you would like to head direct for our blog. Go to our blog
Copy the L go back right here. Enter the block title. No
here is where the mood step forms start. We can link this buttons
So from the start, we're gonna move to your OS E from this independently of the question that you enter
we gonna direct you the same point. But if you answers apple or answers Android
we can create a new condition right here. For example, a new form to link to a new condition
So if you answers the option one, you go to this. If you answer the option two
you go to this and independently of the second, you must complete the form
OK? And after the form completed, we can go to the
head direct page. Let me delete this. OK. This is just for an example and let me unlink this
As you can see. The process is really simple and really, really, really interactive
OK? It's really nice is the best experience that I have using a contact from plugging in wordpress to be honest
So after the condition made right here, the logic made we gonna
we can go to the design and settings. But I would like to save this. Let's go to the design and settings
The very first thing to do is general settings we must enter to a title to the back end and to the from end
OK. So first form, first form, we
can change the icon on that appears into the end of the form as you can see
All right here into the right side of our screen. We can go to the design options
We can change the colors of every single part. We can customize the colors
we can customize the font sizes, the borders and the contact form itself
We can see a preview here is the form, my first form
So Android, you don't mind the contact form. Let's
submit. This isn't an ma let's
accept the terms and here we go. OK? And we are directed to the thank you page
Let's save. We can also preview this on mobile. In the case that we want on tablet on desktop
we can exit the editor. Here is the form. OK? We have a pop up short code and the wordpress short code
If you are a pro user, we can generate these short codes. It's really, really interesting these short codes
And where are the leads that came from this form? You can see right here into the lead section of the few new forms
All the leads gonna be right here. OK? Font email name. And if you click
you can see the questions. OK? So let's apply this into our wordpress website now
OK. Let's go back to the forms so we can copy here is the wordpress short code
We're gonna copy this and we can place this wherever you want on our site
For example, let me go to my website homepage. Imagine that I would like the form behind this
three column section. This page was made with elemental. So I'm gonna click into edit with element
Find a place that I want the section to be added. I can apply the forms right here
So let me find a widget. The text editor is OK for me
I'm gonna enter the short code. Let me change this background update
Now let's review the page. As you can see, all we have to do is post the short
code and here is our form. Nice and working into a real page
So what your OS is an Android, your website, your L and your contact
information, the
number submit for, let me replace the email. And
thank you. Now we're gonna be directed to our blog page. The condition works perfectly
So do your forms try it out. It's really, really, really interesting
This is the many features that they appear. OK? I really enjoy this plug in
I would like to congratulate the developers of this plug in because it's really
really good to use. It's simple. As you can see, we spent 10 minutes to create a mood step form in a really
really nice way and you can create many, many more things. The dark mode is amazing and I would like to invite you guys to
test and try it out. Ok? And it is, I hope you guys enjoyed this video
I'm gonna leave a link to download this plug into the video description for both the pro and free versions
Ok? I would, I will test the pro version soon. Ok? So we can create another video but into the free
you already can have an amazing form as you can review right here
So I hope you guys enjoyed this video. Feel free to use the comment section below
In the case you have any questions, don't forget to check out the visual motor boarders plug in the N Zoo Wordpress team all for
free and the Visual motor.com portfolio in order to have access to our full templates library
OK? And that is, I hope you guys enjoyed this video and I see you tomorrow all the best