Prevent Webflow Form SPAM With Formspark & Botpoison

You will learn how to use Formspark and Botpoison to handle form submissions in Webflow. Formspark has better spam protection than what Webflow offers, and is regarded to be better for GDPR compliance.
▶ Clone my Formspark demo project in Webflow:
webflow.grsm.io/formspark *
Botpoison: botpoison.com
Formspark: formspark.io
▶ Build Multi-Step Forms in Webflow:
inputflow.io
0:00 Problems with Webflow forms
1:27 Form preparation
2:16 Formspark signup
2:57 Pricing model
4:04 European servers
4:21 Create a form
5:47 Copy action URL
6:25 Settings
7:37 Spam protection
8:11 Botpoison setup
10:47 Insert Code snippet
12:48 Test submission
14:41 Honeypot method
16:07 Honeypot setup
#webflow
* The description of this video contains affiliate links (marked with *), which means that if you sign up for one of the tools that I recommend and decide to switch to the paid plan, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support!

[@mikepecha]

▶ Build Multi-Step Forms in Webflow:
inputflow.io

[@privateyou-tuber6649]

worked like a charm. thank you so much

[@mikepecha]

You're welcome!

[@chazfpl]

Such an underrated video, clear and concise. Brilliant, so helpful.

[@mikepecha]

Thanks Chaz! Really happy that you got value out of this.
Mike :)

[@chazfpl]

@@mikepecha you saved me a bunch of time and I’m on a very tight deadline. Awesome work 🔥

[@rmo4762]

Thank you so much! Awesome content about Webflow!

[@ZahaibSayeed]

So glad I came across this for me and my clients Webflow sites! Subscribed :)

[@mikepecha]

Thanks :) I am glad it was helpful!
Mike

[@dimitrisqq]

Subbed as a thank you for tackling a serious and trending issue! Super clear and coincise! Keep it up! ❤

[@mikepecha]

Thank you, Dimitris :)

[@karthikpasupathy]

I've been looking for a solution to this problem, and this tutorial was bang on! Thanks!

[@mikepecha]

That's great to hear Karthik :)

[@bencelinski523]

Brilliant and very comprehensive tutorial thank you 🙏 Thanks for not making it a 5 min shortcut but really spending the time to go through everything properly. Instant subscribe 👌💪🔥

[@mikepecha]

Thank you Ben, I appreciate it :)

[@des7638]

Useful. Thanks Mike!

[@mikepecha]

Glad it was helpful, dēs!

[@nav-unger]

Nice one. Thanks a lot Mike.

[@mikepecha]

Glad it was helpful :)
Mike

[@chazfpl]

Subbed, thank you again.

[@mikepecha]

Thanks for watching and subscribing :)

[@maximilianogarcia1317]

Great insights Mike, thank you! A couple of questions here.
1. If the form is configured as a component, I assume I don't need to repeat the process in every page. Correct?
2. In the case of single email opt-ins (for example for users to subscribe to our company newsletter). Would you advise to use the same method (formspark+botpoison)? In that case, should I create a separate form for the single opt-in?
Thanks again.

[@OtherStuff_Show]

This worked perfect for me the other day, now trying to setup and its throwing an error when anyone tries to complete the form? Any suggestions would be great, thanks Mike!

[@mikepecha]

What error do you get?

[@dpg1988]

Thanks dude for your thorough walk-through, super helpful. One thing though, it interferes with the redirect I had setup for the button - previously, submitting the form captured the users' email, notified me, and then redirected that user onto another page.
With this FormsSpark integration, it causes the submission only to show the "success" state. Is there a way to change this?

[@mikepecha]

Yes, in the Formspark code just manually redirect with Javascript when the submission was successful.

[@von_fuer_]

Great tutorial! Do you know if it's possible with Formspark to send an auto-response mail to the user who submitted the form? Or would I have to use a service like Make for this?

[@von_fuer_]

Ah, just saw your response in another comment 👍

[@Jack-ue1eo]

Hi, great video! Seems that setting the form action to post disables the redirect URL function. Do you know how to fix?

[@mikepecha]

No, the Formspark code disables the standard Webflow form submission.

[@JesseShauffer]

Great video….how do you deal with the 3-4 second delay?

[@mikepecha]

Thanks, Jesse. You could write a few lines of JavaScript to fix it.

[@conafam]

Thanks Mike. Great video. Do you know if it’s possible to configure FormSpark to send an acknowledgement email to the person who completed it? Thanks

[@mikepecha]

Thanks @conafam! No, I don't think that is possible at the moment. However you could use Formspark's Zapier integration, or Webhook feature to set up an automation for this.

[@hcf797]

Great video. Can this help block users from using a personal email address?

[@mikepecha]

Hi hcf797, no as far as I know blocking users from using a personal email address is not possible.

[@conafam]

Quick question on this. My form is throughout my site as a Webflow component. Rather than pasting this code on every single page, can I just add to customer code in site settings? Thanks

[@mikepecha]

Yes, will work 👍

[@alexanderking6254]

Does anyone have the issue of formspark not submitting the form and/or redirecting to their page?

[@mikepecha]

What's the error message that is being displayed?