Hi, I’d like to embed a Mailchimp signup form into a Freeway page. I have added a markup item and copied the code from Mailchimp into it, I do seem to get the form, but it’s completely stripped of any styling as it shows on the Mailchimp side.
It mentions placing part of this into the HEAD of your page, but I’m unsure how to do this. Could anyone advise?
This is the code below :
#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. */
Paste the following from your code there and close the window:
#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. */
Then leave the rest of the code below in the Markup item, ‘without the css sections you just pasted in the AFTER ’:
Subscribe to our mailing list
* indicates required
Email Address *
First Name
Last Name
HTH
On Sep 8, 2014, at 8:55 PM, matt covarr wrote:
Hi, I’d like to embed a Mailchimp signup form into a Freeway page. I have added a markup item and copied the code from Mailchimp into it, I do seem to get the form, but it’s completely stripped of any styling as it shows on the Mailchimp side.
It mentions placing part of this into the HEAD of your page, but I’m unsure how to do this. Could anyone advise?
This is the code below :
#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. */
Thanks Mike, this seems to have worked. Useful to note though that I could only get it to reference the style sheet once it was uploaded. On a local preview, it still stripped out the styles.
Would be great to know how to add some additional styling to it. ie transparent background, font colour change and custom button.
I’s just a blank page with the form in place. I can set the form to a fixed width within mailchimp, but would like to change the font colour, the button (grey) background colour and ideally have the background set as transparent instead of white.
Not sure if this can be done within Freeway or whether this needs to be done via Mailchimp?
/* 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. */
Hi Dave, works perfectly. Any way that the code can be tweaked to make the background of the form transparent. Currently it displays in a white block? Thanks for all your help with the various bits…I owe you a beer if you’re ever down in South Africa!
Hi Dave, thanks. It is essentially the white background that appears behind the whole form. The actual inside of the form fields can remain white, I’d just like the cream background of the page to show through behind the text etc. I have also noticed that for some odd reason, the whole menu bar now shifts across to the left?