Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Two-Step MailChimp Modal signup form

Hey guys!

I have been scouring the net looking for a solution and here's hoping you guys have something!

So what I want is a two step signup process that acts like this:

http://codecanyon.net/item/doomailchimp-modal-subscribe-php-class/full_screen_preview/3826800

HOWEVER, I want them to enter their email address first before hitting subscribe and I want that filled email field to appear in the popup modal form. This way at least their email is captured and they can optionally enter further details.

Any ideas on how I can achieve this or any come across a modal plugin that can help me achieve it? (PS. I am integrating it into a wordpress site using mailchimp)

3 Answers

If this is for a "newsletter" subscribe on a blog, I'd suggest you stick to email-only, for UX reasons.

Use something like this and integrate it with mailchimp.

Code up on codepen.io

Hi James,

Essentially that is what I want, but when someone clicks on subscribe I want a modal form to pop up and allow people to enter their first/last name and organisation. Something simple like a lightbox.

This is an example of what I am looking. Exactly.

http://netted.net/

Write up on it here:

http://blog.mailchimp.com/customer-spotlight-netted-by-the-webbys/

ill post my solution if i come across one.

Any luck, Kurt Archer?