Download
User Rating: 4.9/5 ( 1 votes)
Formchimp is a customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.
Features
-
Customizable Error and Success messages.
-
Ability to specify which element the output should be appended to, if it exists or where the element should be created
-
Automatically transforms the mailchimp signup url in the JSONP format
-
Changes the value of the button if the response is successful
-
This solution is language agnostic, only dependency is jQuery.
-
is AJAX-enabled, but degrades gracefully if Javascript isn't turned on
-
Multiple sign-up forms, for multiple lists.
Source: github.com
1. INCLUDE JS FILES
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="jquery.formchimp.js"></script>
2. HTML
<form action="ADD MAILCHIMP URL">
<label for="email">Email*:</label>
<input id="email" name="ADD MAILCHIMP NAME ATTRIBUTE" type="email" value="" />
<button type="submit" value="Subscribe">Subscribe</button>
</form>
3. JAVASCRIPT
$(".form-class").formchimp();
4. OPTIONS
appendElement:
Selector: Declare where the new element, containing the messages from Mailchimp will be appended to.
Default: $(this)
buttonText:
String: The message to be written on the submit button after a successful subscription.
Default: ''
errorMessage:
String: Set custom error message given when return an error.
Default: ''
responseClass:
Selector: Declare custom element in page for error output.
Default: mc-response
successMessage:
String: Set a custom success message.
Default: ''
url:
String: The mailchip list subscription url, to get the JSONP address just change post to post-json and append &c=? at the end.
Default: form action attribute