Community forum for knowledge and support

Updated last year

Invisible recaptcha for webflow forms

At a glance

The community members discuss ways to implement an invisible reCAPTCHA on a Webflow form. One community member suggests creating a custom form and using the newsletter service's form embed or action URL to style it. Another community member asks for clarification on this approach and the first community member offers to create a video tutorial. The discussion also covers alternatives to reCAPTCHA, such as manually implementing reCAPTCHA on the contact form or using a third-party service like Elfsight to handle the form submission and spam filtering. However, there is no explicitly marked answer in the comments.

Is there a way to use an invisible recaptcha for a Webflow form?

M
S
15 comments

not natively no. You'd have to do a completely custom form and form processor from my experience. For instance if you are trying to have recaptcha on your contact form but you don't want it on your newsletter subscription - then you'll have to embed the newsletter subscription form or use their action URL and do an embed and customize the form that way.

Exactly my scenario .
What do you mean by "you'll have to embed the newsletter subscription form or use their action URL and do an embed and customize the form that way."?

most newsletter services (Mailchimp, etc) have forms you can copy. So you can paste those into an embed element.

To style them visually, you could have a native form next to it and make sure that your inputs and button have classes and style the native webflow form.

Once you are done with that, you just then need to add the same classes to the HTML in the embed element - class="form-input" - for instance.

And now you have a custom form, but you were able to use the native form as like a proxy for styling and writing CSS.

If this doesn't make sense, I can make a video in a couple hours.

I think I get it but if you can make a video that would make it so much clearer if you don't mind. Thank you so much!

yeah no problem - its a struggle I literally just went through.

Good timing then! Thank you so much.

happens to be my client doesn't have an email service provider account just yet. She's not ready but still wants to collect emails. Is there any other work around having a form there without needing a captcha?

You could try implementing recaptcha on the contact form manually instead of setting it in the site settings - I suppose that is a work around.

oh, interesting. I'll try googling that

the only thing I'm just nervous if she will get spam on her newsletter form. Do you think that's likely?

what do you think of this form?
In the test I don't see any recaptcha. Is this just something in the backend that can detect if it's spam or not?

yeah, this is a service - so they handle the form submission/processing for you. I'm not seeing what the limits of that are but Elfsight is legit

cool. it works well?

I've used it awhile back - its been awhile since I have used any of their apps but for some things I could see it being the right fit. I suppose spam on a newsletter subscription form that is not connected to a service that has some sort of filtering on it, I could see that being something that happens.

Thank you
Any chance I can get that video tutorial?

Add a reply
Sign up and join the conversation on Slack