Friends, if you are looking for How To Add Contact Form In Blogger New then you have come to the right place, now you do not need to go anywhere else because in today’s post I am going to tell you How To Add Contact Form In Blogger New . I will tell you in a very easy way and by following the steps anyone can easily add a contact form in their blogger website.
So the methods that I share with you are so easy that even the smallest child can apply them easily, so you just have to follow all the steps given below and apply it. There are many benefits, so you should definitely include a contact form New in your blogger website.
What is Adding Contact Form to your Blog?
Friends, contact form is called that in which anyone can fill his inquiry and give it to the person whose website is posted and apart from this, you can easily get the inquiry of many more users through your contact form, that is what we call contact form.
And we can also implement it in blogger website by creating custom contact form which I have already told you in today’s post.
How To Add Contact Form In Blogger New ?
So friends, now I will tell you how you can set up a contact form for your blogger website as well, which is a very easy way, you just have to follow the step by step given below and after that your contact form will be set up. With this you will be able to easily take any inquiry from your user.
Benefits of Adding Contact Form to your Blog.
contact us page for blogger
contact us form for blogger
blogger contact form
contact us html code for blogger
Option 1: Use Blogger’s Built-In Contact Form
Step1:- Go to Blogger Layout:
Step2:- Add the Contact Form Widget:
Step3:- Click “Add a Gadget”
Step4:- From the list of gadgets, find and click “Contact Form” and then click “Save.”
Step5:- Save your layout changes.
Test the Form:
Option 2: Use HTML and JavaScript
Step1:- You go to your blogger’s dashboard.
Step2:-After that click on page and create new page
Step3:-So now you click on the pencil button on the left side and click on HTML viewer.
Step4:-Now you have to copy this HTML Contact Form code given below.
<style>
.formInput[type=text], .formInput[type=email], .formTextarea { border: 1px solid;}
.formLabel {
display: inline-block;
font-size: medium;
margin-bottom: .5rem;
}
.formInput[type=text], .formInput[type=email], .formTextarea {
display: block;
width: 100%;
outline: 0;
padding: 15px 15px;
margin-bottom: 0px;
}
.submitBtn {
background: #343a40;
color: white;
border: none;
padding: 15px 20px;
margin-top: 10px;
text-align: center;
vertical-align: middle;
cursor: pointer;
width: 100%;
}
.submitBtn:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
</style>
<div class="container">
<form action="https://formsubmit.co/example@gmail.com" method="POST" target="_blank">
<div class="form-group">
<div class="form-row">
<div class="col">
<label class="formLabel" for="name">Name</label>
<input class="formInput" name="name" required="" type="text" />
</div>
<div class="col">
<label class="formLabel" for="email">Email</label>
<input class="formInput" name="email" required="" type="email" />
</div>
</div>
</div>
<div class="form-group">
<label class="formLabel" for="message">Message</label>
<textarea class="formTextarea" name="message" required="" rows="10"></textarea>
</div>
<button class="submitBtn" type="submit">Submit Form</button>
</form>
</div>
Step 5:- After paste the code now example@gmail.com Replace this email from your Email id.
Step 6:- Now last step is save the page.
- How To Embed PDF in Blogger Post (2023)
- How to Add AUDIO File in Blogger Posts?
- How To Insert Hyperlink In Blog Comment Blog {4 steps
- How to Enable Dark Mode in Blogger Blog (working)
- How to Create an HTML Sitemap Page for Blogger Blog
- How To Add Reading Progress Bar In Blogger
- How to Add a Floating YouTube Subscribe Button on Blogger
- How To Add Responsive HTML Table In Blogger
Conclusion
So friends, by now you must have seen that How To Add Contact Form In Blogger New , now I have to tell you how much easier the method is, I have told you by commenting so that more and more people can know that this website is made for them only.
In an easy way, anyone can make changes inside their Blogger website and I also provide a video below every post, so you can get an idea of how easy it has been made for you to make any change in your Blogger website.
In And if possible, share India with your friends as much as possible and to see similar content, you can remember the name of our website mindsetblogging4u.
