Join the Webstudio community

Updated 4 weeks ago

Webhook form with Botpoison not working

I am using Formspark and it is working fine for submissions. However, when I enable Botpoison (Formspark's native spam protection) the form does not work. It sends as it should. But does not show up in Formspark as normal (or as spam) and does not filtered by Botpoison. It's like nothing happens.

Share: https://p-0a1701d1-8099-4e99-970d-28a5c4e1b2d9.apps.webstudio.is/?authToken=daecc5cc-3440-4217-92cc-85f5fc4cb2c4&mode=preview
S
B
O
19 comments
Formspark Documentation:
I have confirmed keys
I recognize that this is not the place for Formspark support. I am just wondering if anything looks incompatible with WS.
Which browser do you use to test?
Multiple issues I see without testing your solution:
  1. you don't need webhook form (formspark is not a webhook provider), use regular form
  2. they use their custom script to handle the submission etc. I opened your project. and I don't see you adding that script from your screenshot
Is there a prebuilt regular form somewhere that has the success and error functionality built in? All the templates and integrations seem to use Webhook forms.
html forms generally have this functionality
if you are using external form embed - you need to set that up there
generally validation on the client works on each specific field, e.g. input
Attachment
image.png
ideally you need to fully and precisely describe what you are trying to build because from what I hear I have 10 possibilities of what you need.
I am looking for is a basic contact form to collect name and email. But my understanding from what you say is that I can NOT use the WS pre-configured Form Component because I want to use Formspark to handle form processing. Formspark does not do Webhook. I don't know how to build a form from scratch to show the success or error message. If I add the non-webhook form to my project all I get is a form box. I can build fields and a submit button. But no built-in logic to tell the user if it has sent or if there is an error.
Attachment
image.png
Formspark to handle form processing.

not sure actually, if formspark allows you to own the html of the form, then you can build the form in webstudio visually and attach their script to handle the logic, it could be possible if they are smart
most form providers usually generate the entireform including html, stylign and functionality
Formspark does not do Webhook.

Formspark will have its own logic that submits data, you won't need webhooks
I don't know how to build a form from scratch to show the success or error message.

If you are using Formspark or anything like that, I expect them to let you handle the success/error after submission, it depends on how they work.
In theory if they are smart they would let you define your own success/error containers and just privide them with selectors to show/hide the message. THat is if they can act as a layer on top of your html.
But no built-in logic to tell the user if it has sent or if there is an error.

That's right, regular hmtl form doesn't handle displaying error/success after submission. THis is why webhook form exists: it submits data to a webhook and depending on the status code in the response shows error or success message box.
Add a reply
Sign up and join the conversation on Discord