Sunday, May 26, 2013

Convert The Mailto Hyperlinks On Your Blog Into Contact Forms

Author: Gagan Masoun
Convert The Mailto Hyperlinks On Your Blog Into Contact Forms
Having a link that gives permission readers to send email from your blog can be a great addition to your blog or website, making it simple for your blog readers to send queries or suggestions. When someone clicks an hyperlinked email address, it opens a new message box (like Microsoft Outlook for example). Recently, one of our readers asked us, how he can convert the Mailto Hyperlinks on his Blogger Blog into contact forms.

Today, In this article, I will show you How to Convert The Mailto Hyperlinks into contact forms. Let's start the tutorial:

Convert Mailto Links into Contact Forms

The first thing you need to do create an account at SquareSend with the email address that you would like to use in your mailto links.

Squaresend Contact Form

After it login into your Blogger dashboard. Now select your blog and go to Template ›› Edit HTML, and find </head> code in your template. Copy-paste given code above </head>


<script type="text/javascript">
(function() {
var ss = document.createElement('script'); 
ss.type = 'text/javascript'; ss.async = true;
ss.src = document.location.protocol + '//squaresend.com/squaresend.js';
var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(ss, s);
})();
</script>
Save your template and its done. I know now you want to know how it works, add your email address in blog post, page or sidebar with Hyperlink and then click on email address for example: yourid@example.com. See demo here.

Remember - Free account can receive 50 incoming messages every month. You can add three different email addresses with your account. You can easily customize your forms with the help of documentation page. If you need another help then ask via comments! Thanks

Author
Author - is the owner of Blogs Daddy Blog. Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can follow him on twitter @BlogsDaddyYou can also follow him on Google+.

0 comments:

Post a Comment