portal/templates/includes/footer.html

{% extends "lib/website/templates/includes/footer.html" %}

{% block powered %}
<p style="float: right; clear: right;">
	<a style="font-size: 90%; color: #888;" href="http://erpnext.org">ERPNext Powered</a>
</p>
{% endblock %}

{% block extension %}
<br>
<div class="input-group col-md-6 col-md-offset-3">
	<input class="form-control" type="text" id="footer-subscribe-email" placeholder="Your email address...">
	<span class="input-group-btn">
		<button class="btn btn-default" type="button" id="footer-subscribe-button">Stay Updated</button>
	</span>
</div>
<br>
<script>
	$("#footer-subscribe-button").click(function() {

		$("#footer-subscribe-email").attr('disabled', true);
		$("#footer-subscribe-button").html("Sending...")
			.attr("disabled", true);

		if($("#footer-subscribe-email").val()) {
			erpnext.send_message({
				subject:"Subscribe me",
				sender: $("#footer-subscribe-email").val(),
				message: "Subscribe to newsletter (via website footer).",
				callback: function(r) {
					if(!r.exc) {
						$("#footer-subscribe-button").html("Thank You :)")
							.addClass("btn-success").attr("disabled", true);
					} else {
						$("#footer-subscribe-button").html("Error :( Not a valid id?")
							.addClass("btn-danger").attr("disabled", false);
						$("#footer-subscribe-email").val("").attr('disabled', false);
					}
				}
			});
		}
	});
</script>
{% endblock %}