Change layout of default signup form of MailChimp? – User friendly Tech help

Problem:- Mailchimp is good for creating signup forms, but but..how i can change the layout of signup forms and make them look fancy?n

The greatest mistake you can make in life is to be continually fearing you will make one.”Elbert Hubbard
n
Pr-requisites:-
n1.Create account with mailchimp(as of now its free for 2000 subscribers)
n2.Login with new account, create a list and create a signup form(we selected the default general form)

n



nOur starting default form will look something like :-
n

n

But we want it to be like as below:-

nn

Solution:-
nStep1:- Copy all the default code generated by mailchimp under “Embedded forms”
n
nStep2:-Replace the “form” tag code of your local fancy form with mailchimp form code

n

Step3:- Copy the id attribute of input tags of mailchimp and add that to your fancy form, repeat the above steps for all the fields say firstname,lastname and email.

n

So easy isn’t it? thus we retained our fancy form but with the functionality of mailchimp.

n

 jsfiddle code

n

Keep learning and Keep Sharing 

n

Learn more 
nHow to install wordpress using Bitnami

Was this article helpful?
YesNo

Similar Posts