Infusionsoft Hacks*

Hosted Web Forms – Put a Calendar on a field.

A Client of mine requested a way to put a popup calendar on a webform. His customer’s fill out a web form specifying a day they would like to reserve his services. He has found that customers frequently enter the wrong date… Thus, a calendar popup should alleviate this by helping customer’s see the day of week, etc… Of the date they select.

Adding this calendar to a hosted webform is a piece of cake. Just add the following code to your webform, and replace the jQuery selector with the proper one.

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript">
</script>
<script type="text/javascript">
jQuery('#inf_field_someField').datepicker();
</script>

See the demo form below… Click on any field to see the calendar.