Skip to main content

How to create a PHP, Bootstrap 3 Contact Form which works with blogger and any other platform

Need a contact form for your Blog?


Here is a simple way to create a professional looking contact form using PHP, HTML and Twitter Bootstrap 3. By downloading the files in this tutorial and with some minor modifications you can quickly implement the contact form on your blog.


You can download the 2 files used for this tutorial from here. I have also included the PNG file used as a background tile in case you want the same design.



Open the zip file downloaded from above and open the HTML file.

Copy the PHP file and host it on a server with PHP. You can use one of the free hosting providers or host it on your own server.

Now, copy the location of the PHP file and paste it in the HTML file on line 29 replacing the URL in form action="".

Open the zip file downloaded from above and open the HTML file. Copy the form to your contact page and apply your own style to it.


Here is an example of the form HTML code embedded in this page:

Contact Form







In the PHP file change $myemail, on line 3, to the e-mail address where you would like to receive the e-mails form the contact form.

The last change you need to make is to line 37 where you will enter the HTML confirmation page. This is the page which will be displayed to your visitors after successfully sending you a message.


Please leave your questions and suggestions below.

Comments

Popular posts from this blog

iPhone 5 Rumor Roundup

Release Date The latest rumors regarding the iPhone 5 indicate that the official release date will be officially announced during the next Apple event which is to be held on September 12th 2012. According to Verizon CFO, Fran Shammo, Apple (AAPL) will stick to last year's release date and launch the iPhone 5 in October 2012. Although during the 2012 WWDC we had the opportunity to get some more details about iOS 6, no hardware specifications were released. source - 9to5mac.com Larger Screen The iPhone 5 is rumoured to have a larger, 4 inch retina display. source - Apple.pro Nano SIM According to the Financial Times, mobile carriers in Europe are stocking up on Nano SIM cards. This might be related to the release of the next generation iPhone. Smaller Dock Connector Another wide spread rumour is that Apple will release the iPhone 5 with a smaller, 8 pin dock connector. This means that new cables will be available for  new Apple devices released in the future. Did you hear any new rum...

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo

HTML Codes for Romanian Characters

Character Simple Code Numerical Code Hex Code Ă Ă Ă ă ă ă Â Â Â Â â â â â Î Î Î Î î î î î Ș Ș Ú ș ș Û Ş Ş Ş ş ş ş Ţ Ţ Ţ ţ ţ ţ