// //

How to add Contact us Form in Blogger / Blogspot blog for free

How to Create Free Contact us  for blogger Blog .

  • Login to your Google account and Click On Documents form Google Header as Shown in Figure 1.0 tab or click here for direct Link  https://docs.google.com .
how to add contact us form in blogger

Figure 1.0

  • Click on "CREATE button " located at Top left side  of your Google Docs Dashboard as shown in Figure 1.2
how to add contact us form in blogspot

Figure 1.2



  • When you click on CREATE Button  you see small Drop Down window with option like Documents  Presentation ,Form,Drawing etc .Since we need to create Contact us form for blogger/blog/website, Therefore we  use form option. So ,select Form option as shown in Figure 1.3 .
how to add contact form blogger

Figure 1.3 
  • Once you Click form ,you will see new window As shown in Figure 1.4 .By default form will have two field however you can Add more items by clicking on Add item button located at top right of Form Page .Since we are making contact page for blogger/blogspot , Type Heading as contact us as Shown in Figure 1.4 . 

Note: If you check " Make this required field " then People need to fill this field compulsorily .If you uncheck " Make this required field " then People need not to fill this field compulsory. 



how to add contact form blogger
Figure 1.4


  • If you see Sample Question 2 then Click on edit  Button shown in Figure 1.5 as Pencil , Select Question type as Text and Fill Question title as Organisation , Help Text as website/blog/Organisation . Its up to you to make this field as Compulsory or Simple , By filling check box  of Make this required field You can make it Compulsory and to make field/ item simple leave check box  of Make this required field as blank .
how to add contact form blogger
Figure 1.5


  • You can Add more items by clicking on Add item option ,you can find add Item option just as top right of your Form Page .If you still don't find Add item option the Refer Figure 1.5 .


how to Add contact us Form blogger
Figure 1.5



  •  Add  New item by  Clicking on New item button as shown in above Figure and Select text .  Fill Question title as Email id , Help Text as Enter valid email id  and Click Done.Refer Figure 1.6

how to Add contact us Form blogger
Figure 1.6

  • Again Add New item As mentioned above button and  Select text [Figure 1.5].  Fill Question title as Email id , Help Text as Enter valid email id  and Click Done. Refer Figure 1.7
how to Add contact us Form blogger

Figure 1.7

  • For Phone no , Add New item ,  Select text [Figure 1.5].  Fill Question title as Phone No , Click on " Done ". Refer Figure 1.8



how to Add contact us Form blogger

Figure 1.8




  • For Subject , Add New item , Select text [Figure 1.5].  Fill Question title as Subject , Click on " Done ". For message field  ,we need a paragraph box so you can add paragraph box  through Add new item button [Refer figure 1.5] .Click On add New item , this time select Paragraph instead of text ,Fill Question title as Your Message , Click on " Done " .Refer Figure 1.10



Add contact us Form blogger

Figure 1.10

  • After  you done with adding Item ,You can Drag any Item to Desired position like moving any item to first place or last place . To do so Click and hold on any item and drag where you want to appear in form itself . Refer Figure 1.11
Add contact us Form Blogspot

Figure 1.11


  • Now Click on mire option , at top right of form page  you will see new small window with Embbeding code .as shown in Figure 1.12  .
Add contact us Form Blogspot

Figure 1.12
  • Copy the Embed code from Google doc Form as shown above , Go to blogger.com ,Select your blog and click one Pages, Add new page , Select blank  Page ,enter page name as Contact us , Paste Emebed Code in  Html Mode of posting , publish your page .