I had a hard time finding good articles that guide you through this process so to help save anyone who may be looking to use the awesome Foundation Framework from Zurb and need to create a super simple MailChimp signup or subscription form with it, I thought I'd share the process.
This process will work with almost any newsletter provider including Aweber but for the sake of this tutorial, I'm only going to show you how to do it with Mailchimp since that happens to be what I use for our sites.
To get started, determine where you are going to place your signup form within your website. As you know, with Foundation, using the grid system, it's very easy to scale content to fit into almost anywhere. For the purposes of this tutorial, you'll want enough space to allow the form fields to be wide enough. If you look at the bottom of this very article, you'll see an implementation of the exact form I'm going to teach you how to make.
First, log into your Mailchimp account and go to your list. Click the dropdown beside Stats and choose Signup Forms
Now you'll see this screen, click Embedded Forms.
Now click on the tab labeled Naked and copy the code from the Copy/Paste Onto Your Site section. It should look like this:
The only piece of this code you'll need is the form action piece, which I've made bold in the above code. Copy this and put it into notepad or something similar.
Now to create your form, simply take the following code and insert your copied form action as shown below:
Place this code snippet where you want the form to appear and you are done. Of course, feel free to style as needed. Here's what your form will look like:
I hope you found this tutorial useful, if you did, please share. Thanks for reading.