Hey everyone! This is Jake, and I’m here to tell you how to put a contact form on your blog.
This is the quickest, easiest way to get a contact form on you blog. The service is free, the links/advertisements are minimal, and it’s pretty easy to get the form to look good on your site. To see an example of our implementation of a contact form by FoxyForm see our contact us page. I’m assuming most of our readers are also blogger users, but these instructions are pretty generic for the most part, and should work on any website, any blogging platform that allows you to place HTML (pretty much everything these days).
is to get a place to put the contact form. The best way to do this is to just add a Page in Blogger. If you’re on wordpress you could also add a new page. Name your page something very easy and generic (good for SEO) for example : “contact” or “contact us”.
get the code. This sounds super hard, but it’s actually VERY easy. Head over to FoxyForm.com to generate a form. Step 1 on the foxy form site is to choose your attributes such as Name, E-Mail, Subject, Message, etc. The next step is to choose color, font, and font size. You can click the link next to the color box which will bring you to a page that displays all of the color codes. Finally, step 3 on FoxyForm is to enter your email address. This is where it gets pretty cool.
*The email address you decide to use is concealed from web crawlers, and isn’t easily accessible to the general public.
put the code on the page you created in step 1. Click the big Green “Create Formular” button. This will bring you to a page with an HTML snippet in a little box. Copy all that code, put it on your contact page (click edit on the page, and make sure your in the HTML view).
Finally, you need to test to make sure everything works.
The form create by foxyform is hosted on the foxyform.com website. The code you placed on the contact page is actually just an iframe. An iframe is an HTML window that allows you to “pull” an external website onto the page and it appears in a little window (referred to as an iframe). More on iframes here.
Let me know if you have any questions, I’ll answer them in the comments section!