Menu

SquadFree - BootStrap Template With form

Bootstrap Template

Original files

For many reasons this remains one of the best template to start working with. I do recommend it a lot for Landing pages or welcome pages. Responsive and easy to use it's always a pleasure to start a new project from this one.

SquadFree Template

I recently used one http://bootstraptaste.com/squadfree-free-bootstrap-template-creative/ it's a very good template but the one online miss a functionnal form.

So I added one !

Hope you'll enjoy it as much as I do

How to use the bootstap template form

If you're familiar with HTML, CSS and PHP setting up the form won't take long. Otherwise here a step by step to do it fine.

Package files

Squadfree with form files
  1. CSS files: the top ones, you'll just use if you wanna update the design elements
  2. img folder: with all default images, better to keep the same size and name so you'll save time on the website edition (not that for SEO however)
  3. index.php file you edit to customize the page iteselft (texts, images, meta and so on)
  4. contact.php: file to edit to receive the email and customize the default message, redirection page (for tracking also), and subject of the email

index.php

Squadfree with form files index.php

This file has all the information you'll have to edit from the meta to the text itself. You can customize the lines 268 to 307. It basicaly looks like that:

  <div id="input_message" class="col-md-12"> 
  <textarea id="comments" class="form-control" name="message" rows="6" placeholder="Your Suggestion ..."> </textarea>   
</div>

placeholder= is the field you can edit to replace the message displayed inside the form fields

contact.php

Squadfree with form files

On this file you shoul edit lines 36 to 38 adding your own contact information. Before you test don't forget to review you spam box as those form emails usually come first to your own spam box.

// EDIT THE 2 LINES BELOW AS REQUIRED
$email_to = "This email address is being protected from spambots. You need JavaScript enabled to view it.";
$email_subject = "Contact Request -  Website";

Need support ?

Our team can help you to setup your own form, review the code or setup the full page for you.

  1. Select your package
  2. Payment 100% safe with Paypal
  3. Send us all information at This email address is being protected from spambots. You need JavaScript enabled to view it.
  4. Receive your file ready within a couple of days
Options

Last modified onSunday, 31 May 2015 08:32

Additional Info

  • Published in Blog
  • Read 4784 times

Leave a comment

back to top

Meet our Expert

Florian UGHETTO: Adwords Certified, Google Partners, Google Trainer and Digital Expert in Dubai, since 2009, Florian specialized in Digital Marketing, Trainings & Consulting. He is now supporting the growth of local and international business worldwide.