Training

Configuring the plugin

Setting Up Signup Forms

vidoe here

In the video it shows an ajax sign up form that checks that the user name and password do not already exist in WordPress before they are registered on infusion soft. The form and the ajex header script are given below.

Header Script: Classic Form

Replace the keyword YOURDOMAIN with your site URL

jQuery(document).ready(function() {
	jQuery("#username").change(function() {
	 if ( jQuery('#username').attr("value") != '') {
        jQuery('.loading').show();
		jQuery('#Submit').hide();
        var username = jQuery('#username').val().toLowerCase();
        jQuery.post("http://YOURDOMAIN/wp-content/plugins/2b1c-infusionsoft-membership/check-username.php", { username:username  } , function(data) {
		
            //if username is already taken (FALSE)
             if (data == 0) {
                jQuery('.loading').hide();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#username').after('<span class="error"></span>');
                jQuery('.error').text('Username is already taken.');
             } else {
                jQuery('.loading').hide();
				jQuery('#Submit').show();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#username').after('<span class="available"></span>');
                jQuery('span.available').text('Username is available.');
            }
        });
	}
	});
	jQuery("#email").change(function() {
	 if ( jQuery('#email').attr("value") != '') {
        jQuery('.loading').show();
		jQuery('#Submit').hide();
        var email = jQuery('#email').val().toLowerCase();
        jQuery.post("http://YOURDOMAIN/wp-content/plugins/2b1c-infusionsoft-membership/check-username.php", { email:email  } , function(data) {
		
            //if username is already taken (FALSE)
             if (data == 0) {
                jQuery('.loading').hide();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#email').after('<span class="error"></span>');
                jQuery('.error').text('Email is already taken.');
             } else {
                jQuery('.loading').hide();
				jQuery('#Submit').show();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#email').after('<span class="available"></span>');
                jQuery('span.available').text('Email is available.');
            }
        });
	}
	});
	
});

</script>
<style>
.loading {
	display: none;
}
.available {
	color: #060;
}
.error {
	color: #f00;
}
</style>

Header Script: New Drag and Drop

Replace the keyword YOURDOMAIN with your site URL and replace the keyword YOURINFUSIONSOFTDOMIAN with your Infusionsoft subdomain.

jQuery(document).ready(function() {
	jQuery("#inf_field_Username").change(function() {
	 if ( jQuery('#inf_field_Username').attr("value") != '') {
        jQuery('.loading').show();
		jQuery('.infusion-submit input').hide();
        var username = jQuery('#inf_field_Username').val().toLowerCase();
        jQuery.post("http://YOURDOMAIN/wp-content/plugins/2b1c-infusionsoft-membership/check-username.php", { username:username  } , function(data) {
		
            //if username is already taken (FALSE)
             if (data == 0) {
                jQuery('.loading').hide();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#inf_field_Username').after('<span class="error"></span>');
                jQuery('.error').text('Username is already taken.');
             } else {
                jQuery('.loading').hide();
		jQuery('.infusion-submit input').show();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#inf_field_Username').after('<span class="available"></span>');
                jQuery('span.available').text('Username is available.');
            }
        });
	}
	});
	jQuery("#inf_field_Email").change(function() {
	 if ( jQuery('#inf_field_Email').attr("value") != '') {
        jQuery('.loading').show();
	jQuery('.infusion-submit input').hide();
        var email = jQuery('#inf_field_Email').val().toLowerCase();
        jQuery.post("http://YOURDOMAIN/wp-content/plugins/2b1c-infusionsoft-membership/check-username.php", { email:email  } , function(data) {
		
            //if username is already taken (FALSE)
             if (data == 0) {
                jQuery('.loading').hide();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#inf_field_Email').after('<span class="error"></span>');
                jQuery('.error').text('Email is already taken.');
             } else {
                jQuery('.loading').hide();
		jQuery('.infusion-submit input').show();
                jQuery('.error').remove();
                jQuery('.available').remove();
                jQuery('#inf_field_Email').after('<span class="available"></span>');
                jQuery('span.available').text('Email is available.');
            }
        });
	}
	});
	
});

</script>
<style>
.loading {
	display: none;
}
.available {
	color: #060;
}
.error {
	color: #f00;
}
</style>

Signup Form: Classic

Replace the keyword YOURDOMAIN with your site URL and replace the keyword YOURINFUSIONSOFTDOMIAN with your Infusionsoft subdomain.

<form id="registration" action="https://INFUSIONSOFTDOMAIN.infusionsoft.com/AddForms/processFormSecure.jsp" method="POST"> 
<input id="xid" name="xid" type="hidden" value="2ff6cdb9b9b3245ddd35497956f444e8" /> <input id="type" name="type" type="hidden" value="CustomFormWeb" />
<table border="0">
<tbody>
<tr>
<td colspan="2" height="30"><strong>Contact Information</strong></td>
</tr>
<tr>
<td>First Name *</td>
<td><input class="textfield" name="Contact0FirstName" type="text" /></td>
</tr>
<tr>
<td>Email *</td>
<td><input id="email" class="textfield" name="Contact0Email" type="text" /></td>
</tr>
<tr>
<td>Username *</td>
<td><input id="username" class="textfield" name="Contact0Username" type="text" /></td>
</tr>
<tr>
<td>Password *</td>
<td><input class="textfield" name="Contact0Password" type="text" /></td>
</tr>
<tr>
<td><span class="loading"><img class="attachment-medium" title="ajax-loader" src="http://YOURDOMAIN/wp-content/plugins/2b1c-infusionsoft-membership/ajax-loader.gif" alt="" width="16" height="16" /></span></td>
</tr>
<tr>
<td colspan="2" align="right"><input id="Submit" class="button np inf-button" name="Submit" type="submit" value="Submit" /></td>
</tr>
</tbody></table>
</form>

Infusionsoft Send HTTP Post URL

You will find this at the bottom of the Infusion Members plugin

Where To Find Infusionsoft HTTP Callback Script

You can now login to your wordpress membership site using normal wordpress login screen. This is so ugly so you may want to download this plugin that makes a need little wordpress login form that you can put on your side bars or within pages.

Sidebar Login By Mike Jolley | Visit plugin site