Hi guys today, we're going to see how you can add Google forms,
to your wordpress website
Let's say you have a website and you want to add Google forms on your site.
You can do that easily by watching this video.
So after watching this video, you will be able to create different
types of Google forms like these
and add it to your site
So anyone who's visiting your site will be able to fill up this form
And when they click submit, you will get an email like this.
So let's get started.
I am Bryan from Website learners and let's add Google forms to our website.
First let's look at the side where we want to add Google forms.
Here it is
Now to add Google forms to our site, we are going to do two steps.
The first step is to create a form.
So to create the form, let's open a new tab and search for Google forms
Now click the first link, and it will take you to this site.
This is the site where we can create our forms.
So to create the form,
Just click, go to Google forms
and here you can see the sample forms.
Now, to see the full list of forms, which you can add to
your site just click template
and here you can see all types of forms and select the form you want.
Now let's say you want to create a contact form.
So just select this form
And you can see that we have got our contact form.
Now you can edit this form based on your need.
So let's say you want to change this text, all you have to do is just select
the text and enter your own text
So I'm going to enter, get in touch.
Now, if you want to delete any field, let's say you want to delete this field.
So just click on the field
Then click here and it will be delete.
Next, Let's say you want to add a new field, just click on this plus icon and you
can see that a new field is added.
Now, if you click here, you will get different options.
to change the type of your field
I'm going to select paragraph
And it will be changed here and change the name of your field
So I'm going to enter your message once you're done editing your form.
Next let's change the form colour to match with our website
So to change the colour, Just click here
and select the colour you want
As you can see the colour has been changed.
Once you have changed the colour,
If you click here, you can see that this option is enabled,
which means each visitor will be able to submit a form only once.
So to allow your your visitor to contact you multiple times, just disable this
and click save
Okay.
So now we have successfully created our form. Once we have created the form, we can go to the final step, which
is to add this form to our website.
So to add this form to your site, Just click send then click here
and you will get the html code
No, this is the code which will help us to add the form to our site
So do add the form to your site,
You need copy this code and paste it on the page where
you want to display the form.
First, let's create a page on our site.
So to create it, let's go to our WordPress dashboard.
Then go to pages, click 'add new',
and it will take you to this page
Here you need to enter the page title
As I want to add a contact form to our site.
I'm going to enter contact us
Now to add this form to our site, just click the plus icon
and search for html
then select the html blog
and you will get this field.
No, let's go back to our form
Copy this code
then come back
and paste the code here
Once you have done that let's click publish
and a contact form will be added to our site
So to check that, just click view page,
and you can see that the form has been added.
So now we have successfully added a Google form to our wordpress website.
Now, in the same way, you can create any number of forms and
added to your site like this.
Okay.
Now, if you see here, we have a scroll bar in our form
and our visitor needs to scroll down to fill the entire form
Now, instead of scrolling down, what if you want to display the
full form on your page like this next lets see, how you can do that.
So to display the full form, you need to increase the height of your form.
So to increase the height, let's go back to this tab
and here you can see that we have the height and width of our form.
So just select the height
And then enter the value you want.
So I'm going to enter 950, now to save our changes, just click update.
Now, if we go back to our contact page
and click refresh,
you can see that
We now have the full form on our page without the scroll bar.
So this is how you can display the full form on your page.
Okay.
Next, lets see how this form works. Now for visitor fills up these details,
and click submit.
You can see that the form has been submitted
One your visitor has submitted the form,
How can you see those responses?
Next lets say how you can see the response of your visitors
So to see the response, let's go back to Google forms
Here you can see that we have got one response so to view it, click here
Now here you can see all the responses from your visitors
Okay.
Now, if you want to get these details in the spreadsheet, all
you have to do is just click here,
then click create,
and it will create a spreadsheet like this with all the visitors responses
Okay.
So now you know, how to see your visitors response from Google forms.
Now, every time you get a response from your visitors, you need to go to
Google forms and check their response.
So instead of checking the details from Google forms, what if you want to get
an email notification for new responses?
So next let's see, how you can get an email notification for new responses.
So to get email notifications, let's go back to our Google form
And click here
and then click add-ons
now here search for email notifications
and you will get this add on
No, this is the add-on, which will help us get notifications when someone submits the form
So to get the notifications, we need to install this add-on so let's click here
and then click install
And click continue
Now, choose your google account.
And click allow
Now we have installed the add-on for email notifications.
So let's click done
and then close this.
Now, here you can see that we have got a new icon.
So to get email notifications, just click here
and click email notifications
Then click create Email notifications
and you will get a box like this.
Now to get the notification here you need to create a rule
So to create it, first lets enter the name for the rule.
So I'm going to enter contact form and then enter your name here.
Once you get an email notification from your visitor,
If you want reply to your visitors, Just scroll down and enable this option
then click here
And select email
so now you can reply to your visitors. Once you have created the rule, just click save
Okay.
And now you will get an email notification for every new response.
So to check how it works, let's go to our site.
Now let's say a visitor wants to contact you and fills up this form
And then click submit.
You can see that the form has been submitted.
Now, if we go to our inbox,
you can see that we have got an email
Now you can see the details of the visitors who have filled in the form.
So this is how you can get the email notifications for every new response.
Okay.
Now, if you want to reply to this email, all you have to do is, just click reply
Then here, enter the message you want and click send
Now, this message will be sent to that visitor's email address
Now, If we go to our visitor's inbox, you can see that your visitor has got an email
Now, if you open it,
you can see the message which we have sent in the email.
Okay.
That's it guys
So, this is how you can add Google forms to your WordPress website.
No, if you want to know how to add an Instagram feed to your
website, you can watch this video.
Also make sure you subscribe to website learners to get more videos like this one.
Thanks for watching.
I'll see you in the next video.
Take care.
Bye bye.