Adding Mailchimp sign up form

webwigman · January 3, 2014

How do I include the code for a Mailchimp sign up on my pages. I have tried to add HTML but all of the code is visible on the page.

webwigman · January 3, 2014

I forgot to include the code that I am trying to add.

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

Subscribe to our mailing list

denisegoldberg · January 3, 2014

First, that code you pasted in is a combination of CSS and HTML. You would need to split it into the proper content elements.

Smug only accepts a subset of HTML. Although I can't seem to locate the related post, something in the back of my mind says you can't embed forms in smug using HTML. That's why smug added a Wufoo form to the content elements.

Hopefully someone else who knows which HTML is acceptable will jump in here.

--- Denise

webwigman · January 6, 2014

Thanks Denise, I thought it would not be that simple. I will investigate wether I can do the same with Wufoo.

leftquark · January 11, 2014

It's not possible to add a MailChimp sign-up form. Only Wufoo at this point

tomnovy · January 13, 2014

Hi there,

Actually this is possible. Wuffoo gives you the ability to use MailChimp to collect customers/visitor information {newsletter signup form}. You can read about this here:

http://blog.mailchimp.com/wufoo-form-integration-with-mailchimp/

leftquark · January 13, 2014

tomnovy wrote: »

Hi there,

Actually this is possible. Wuffoo gives you the ability to use MailChimp to collect customers/visitor information {newsletter signup form}. You can read about this here:

http://blog.mailchimp.com/wufoo-form-integration-with-mailchimp/

Note that there's been some updates to Wufoo since that mailchimp blog post in 2010. It's much simpler to connect mailchimp and wufoo ... simpler than the instructions in the link above.

The most annoying thing about Wufoo is customizing the forms with CSS. I can't seem to get it figured out since SmugMug embeds it using an iframe. We can't control the CSS inside the form because it's within an iFrame. You have to customize the CSS on the Wufoo side, and that's not as straight forward as it would seem.

Allen · January 13, 2014

WuFoo used to have an html version of the code which was easy to customize.

tomoscott · January 14, 2014

denisegoldberg wrote: »

Smug only accepts a subset of HTML. Although I can't seem to locate the related post, something in the back of my mind says you can't embed forms in smug using HTML. That's why smug added a Wufoo form to the content elements.

--- Denise

I just added a customized signup form on my site, which includes a custom form that goes to my own server, and it seems to be working just fine.

TXphotog · February 4, 2014

tomoscott wrote: »

I just added a customized signup form on my site, which includes a custom form that goes to my own server, and it seems to be working just fine.

Would you mind sharing your customization to get the form to go to your own server?

Thanks

tomnovy · August 16, 2014

Hi friends,

I have made a short tutorial on how to add Mailchimp to your SmugMug site:

http://www.tomasznowicki.net/blog/how-to-add-a-newsletter-signup-form-to-your-smugmug-site

AharonD · September 18, 2014

Thank you

tomnovy wrote: »

Hi friends,

I have made a short tutorial on how to add Mailchimp to your SmugMug site:

http://www.tomnovicki.com/blog/how-to-add-a-newsletter-signup-form-to-your-smugmug-site

Great article, thank you for taking the time to put it together