Tuesday, December 24, 2013

How to Add Contact Form to Website/Blog (Kontactr)

contact form
Contact form is a form through which visitors of a site contact with  the site's admin. Normally every visitor based blog or website should have Contact Page or Form in it. Not only that an standard website must have Contact Page. On the other hand if you are interested to monetize your site with Adsense then you's site should have a Contact Page with Contact Form to make it compatible with Adsense Policy. So, it is easily be understood that how much important a contact page with contact form for a site. In this post I am gonna show how you can add contact form in your site's contact page.


Also Read:

There are several way you can add contact form in your site's contact page. If your are blogging on blogger plat form then then you can add official Contact Form gadget on your blog, but to add this gadget to a specific page you need to do a few modification on that. That is why I will recommend your to use third party contact. there are several website available on internet which provide free contact from service for the website and blog. In this post I'm using Kontactr.com. Let's know something about this and also see how how to create contact from on it.


Kontactr is a one-click contact form service which lets you create contact forms on the fly. With this simple tools, its even easier to integrate the contact form into your website. The contact from that created on this site, you will be able to use on any site. But as because of the posts of this site is mainly dedicated to the blogger blogging Blogger Platform that is why I will only show how you can add the contact from to Blogger only.


Creating Contact Form on Kontactr:
  • First go to this site Contact Form.
  • Then Sign up for an account by giving required information. And confirm the confirmation mail to activate your account.
  • After activating your account, then Log into your account.
  • Now you will get the Contact Form script code in the AJAX Widget box. You can use this code directly on your site's contact page.
ajax widget code
  • But if you want to customize the form then click on Customize link.
  • Then customization the Background, Text, Text Box Background and Text Box color of the form.
ajax widget code customization
  • Once the customization is done Copy the code for your customized form. An follow the steps below to add it to your blogger blog.


Adding Contact Form to Blogger: 
  • Now Sign into your Blogger Account and go to Dashboard.
  • Then click the Pages option and click the Edit button of your Contact Page. If you don't have any contact page, the create one.
  • Then in the Page editor click on the HTML button located at left top corner.
  • Now Paste the contact form code here.
Pasting ajax widget code on contact page
  • Finally click on Update or Publish button to complete the process.

That's it, Now view your blog and visit the contact page to see the contact form.


Stay with www.iTTimesbd.com for more IT related Post

No comments:

Post a Comment