Streaming live at 10am (PST)

Best way to apply Webflow CSS styles to Mailchimp embedded forms


#1

Hi,

I have a site with a form that sends data to Mailchimp. I’m getting a lot of spam, I’ve tried to implement some workarounds as hiding the submit button by default and showing it with an interaction from a radio button, but it doesn’t work well and I need to add a captcha widget to the form.

As I’m not comfortable enough with coding to integrate the Google reCaptcha by myself (and no tutorial seems available with detailed operational steps), I’m thinking about embedding a Mailchimp embedded signup form with built-in reCaptcha.

The problem is that I would like to apply the styles that I have defined in Webflow to the Mailchimp embedded form so that it looks the same as the Webflow form that I have designed. Can you please let me know what is the best way to do this?

is it better to use the Mailchimp Unstyled Form which provides only the raw HTML with no CSS or JavaScript, and then editing the HTML code to add the Webflow CSS class names? Or exporting the Webflow code and importing the CSS part into Mailchimp for example?

Thank you in advance for your help


#2

Hi @WebflowUser Have you tried using our reCAPTCHA component?


#3

Hello, yes but I can’t use it because this is an exported site.


#4

Hi @WebflowUser

You should still be able to integrate recaptcha after you export your site.

https://developers.google.com/recaptcha/intro

I also found this YT video that may help: https://www.youtube.com/watch?v=rFccSL76SeY


#5

Hi,

Thank you for your reply. As I mentioned in my post, I had a look to Google reCaptcha integration but it seemed a bit complicated and I wasn’t comfortable enough with coding to do it without a detailed tutorial.

I will try to do it with the YouTube video that you sent and to do a tutorial for other Webflow users as you don’t plan to do it.