Hosted Web Forms – Adding a Text Area To

Works in: ie, firefox, safari, chrome

Infusionsoft’s new Hosted Web Forms are awesome! But you loose some of the customization ability… Not any more!

This is a fix we put together for our own use, and loved it so much we just had to share it!

It’s easy…

Just paste the below code into an html area on a webform, and change the fieldName to the name of the field you want to convert to a textarea. (Use firebug to get the field name).

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
</script>
<script>
	var fieldName = 'inf_custom_Message';
	var textArea = document.createElement('textarea');
	$textArea = jQuery(textArea);
	$textArea.attr('name', fieldName);

	jQuery(document).ready(
		function(){
			  var $originalField = $('input[name=' + fieldName + ']');
			  $textArea.val($originalField.val());
			  $originalField.replaceWith($textArea);
		}
	);
</script>

Other things could also be done, like copying in Google Keywords into the Leadsource field, bringing in data from a third party system, and more…