SiteChef Theme Documentation
    General Use
  • Introduction & QuickStart
  • Installation
  • Updating Data
  • Theme Structure
  • HTML Templating
  • Stylesheets
  • Compiling Frontend Assets
  • Data Structure
  • Frontend API Overview
  • How to Publish Your Theme
  • Config Files
  • .sitechefrc
  • theme.json
  • Frontend Library Reference
  • Overview
  • Analytics
  • Carousel Gallery
  • JQuery CleverCrop
  • Height Fix
  • History Scroll
  • HTML5 Video
  • Image Rotator
  • Image Loader
  • Newsletter
    • Newsletter
    • Usage
  • Resizer
  • Simple Parallax
  • Screen Height
  • Styled Dropdown
  • Strip Loader
  • Swipes
  • Twitter
  • Video Click
 
  • Theme Documentation »
  • Newsletter

Newsletter

Binds a form to submit emails to a Mailchimp list

Requires parsley.js for checking form input

Usage

HTML:

 <div class="newsletter-signup">
   <form id="newsletter-form" data-parsely-validate>
     Email: <input type="email" name="email" required></br>
     Name: <input type="name" name="name" data-pasley-minlength=3">
     <button type="submit">Sign Up</button>
   </form>
   <div id="newsletter-thanks hidden">
     Thanks for signing up to the newsletter
   </div>
   <div id="newsletter-sending hidden">
     Submitting your details...
   </div>
 </div>

JS:

 var Newsletter = require('./Newsletter');
 // instantiate the Newsletter class
 var newsletter = new Newsletter(
   $('# newsletter-form'), // jQ element of form
   $('# newsletter-thanks'), // jQ element of thanks message
   $('# newsletter-sending') // jQ element of signup
 );
Next Previous

Built with MkDocs using this theme.
« Previous Next »