Prevent Webflow Form SPAM With Formspark & Botpoison

[@mikepecha]

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

[@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 :)

[@nutella571]

Hey @mikepecha - thanks for the awesome guide! Really makes a difference for our clients. One quesiton - we finished the setup with bp and honeypot - not when you click form submit button - theres 3 seconds delay until successful form submitted confirmation is shown. Sometimes it makes user to click multiple times so it creates multiple duplicate submissions. How to eliminate this delay?

[@mikepecha]

Thank you. You could modify the JavaScript to disable the button while the form is being submitted.

[@specki9850]

Super cool Video, thanks for that! How is the lorem Ipsum text created if you type /lorem ? Best regards Marcel

[@mikepecha]

@@specki9850 Thank you, Marcel. You can check the Video in my Challen "10 Tips to build faster in Webfloe" there I show it

[@wakeforddigital]

Wanted to say, fantastic video - to the point and hopefully helpful as the Webflow spam has ramped up yet again. New subscriber here!

[@mikepecha]

Awesome, thank you! Glad it was helpful :) Mike

[@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 :)

[@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 🔥

[@petigubi]

Great video. But for me, it is redirecting to the formspark page after submission. How did you disable that?

[@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?

[@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.

[@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.

[@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?

[@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.

[@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.

[@nutella571]

Hey, if the form is a component - then the setup will be replicated across all instances of the component in WF. For opt-ins set up another form in Formspark with separate routing. Not Mike, but hope this helps..

[@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.

[@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 :)

[@TheBalkanSpy]

I can't get it to work 😭 I do everything correct and it just doesn't work. Gives me error that something went wrong when I submit the form

[@dimitrisqq]

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

[@mikepecha]

Thank you, Dimitris :)

[@ZahaibSayeed]

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

[@mikepecha]

Thanks :) I am glad it was helpful! Mike

[@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.

[@privateyou-tuber6649]

worked like a charm. thank you so much

[@mikepecha]

You're welcome!

[@rmo4762]

Thank you so much! Awesome content about Webflow!

[@des7638]

Useful. Thanks Mike!

[@mikepecha]

Glad it was helpful, dēs!