How to add a Contact Us Form to your Blog?
Adding Contact Us Form to Blogger is very easy, you just need to follow the following few easy steps:
- Log on to your Blogger account and select the blog you want to add contact us page.
- Scroll down to the left menu and find option pages click on that and again click on the New page option available at the top left corner.
- Give the title of this page ie. Contact Us
- For writing anything in blogger we have two options ie we can design or create our post and page in either compose view or HTML view.
- Select the HTML view
- Download your desired contact us page HTML code from the below links and open the file in the text editor. Copy the entire code and paste it into your blogger's HTML view editor.
- Publish the page and try it in your browser, and start receiving your site visitors directly in your mailbox through your site contact form.
Contact Us Page Design
Here I am providing you the best 5 custom blogger's contact form design. Check out each Contact Us page design one by one and download the HTML code of that contact us page's design you like the most.
#1. Simple contact us page design
This is a very basic page with input fields Name, Email, and Message with a submit button. Download the Contact Us Page HTML code below and paste it into your Blogger's Contact Us Page HTML code section.
| Download Your HTML Code | Click Here |
#2. Rainbow Divider CSS Custom Contact Form
In this form, you will get the effect of the rainbow with CSS. It is a cool design but you can further customize this if you want. This form also contains standard input fields followed by Blogger like Name, Email, and Message. I am sure you will love to use this custom contact us form.
| Download Your HTML Code | Click Here |
#3. Custom Contact Us Form With CSS Ribbon
This is a very trendy Contact Us page with special CSS effects. It will add beauty to your contact us page, if its color does not match your website's contact page then you can customize the CSS to match the design and color of your website.
| Download Your HTML Code | Click Here |
#4. Modern custom contact us page
This is a very standard Contact Us page with icons in the input fields. You will definitely love using this custom contact us form in your blog. This custom contact us form will surprise your visitors. I strongly recommend you to use this form for your site contact us page.
| Download Your HTML Code | Click Here |
#5. Contact Us Form With Speech Bubble
This is one of the best Stylish Custom Us Page Designs. Many of our users use this contact page on their blogs and it really is a great look. I strongly recommend you to use this form as your second choice as it will fit any type of website design.
| Download Your HTML Code | Click Here |
After you've added the code, go to the top right and click "Publish." You may now see the Blogger contact form on your static website in real-time. You can send a test message to ensure that everything is working properly. The message should be in your inbox in a matter of seconds; simply check the email address associated with your Blogger account.
