Data shows that adding a footer contact form to every page of your website increases conversions by 31%.
In part I of our lead generation series, we will teach you how to convert more visitors to your website into customers. When navigating a majority of websites you'll find they each have one constant, dedicated contact us page. Data, however, shows that adding a footer contact form to every page of your website actually increases conversions by 31% as users are more likely to contact you if doing so is easy and does not require visiting a dedicated web page. If you're in the lead generation business, as most websites are, adding a footer contact form to your web pages is highly advised to increase conversions.
Below we have included the code and CSS you need to add a basic Bootstrap contact footer form to your web pages.
Step 1 - Add the HTML below just above the footer of your web pages.
Step 2 - Add the following references to Bootstrap and jQuery in the header of your web pages.
Step 3 - Download the CSS below and include it in your web pagefooter-form.css
Step 4 - Add validation to the form via jQuery Validation Engine.
Step 5 - Add optional styling to your dropdown select options via Selectize.
Step 6 - Initialize the jQuery Validation Engine and Selectize Plugins.
You can customize the form to meet the needs of your business and swap out form fields with the fields you want from your leads. Now you have a running start to start converting more leads that visit your website! Enjoy!