Connecting Webflow and Xano without Wized using custom code generated by Claude
I played with Claude over the weekend and got my webflow form data to send to my Xano backend without using wized. I recorded a video showing the demo and I wrote a blog post that shares the code I am using to intercept webflow form submission so that it lands in my xano backend. I usually use wized to connect my form data to xano but this time I just pasted javascript into the body tag on the page with the form.
2:01
4
7 comments
โ€ข Aug '24
does this video solve the problem you mentioned the other day, regarding auto-handling form submissions through Webflow?
2
โ€ข Aug '24 (edited)
yes it absolutely does. With this trigger I can start a auto email via sendgrid and use the inputs to personalise the auto reply.
1
โ€ข Aug '24 (edited)
Pretty cool, Daniel! Recently I had a similar experience, I handled form errors on client side inside a webflow project with some js, it's really basic stuff, but maybe it can serve you
At the end, on:
// Form submission execute Xano Request
if (!hasErrors) {
Wized.requests.execute("step2");
}
Instead of executing the wized request, add the fetch request to xano
I feel like coding on webflow to avoid wized may be a good approach for specific things, the issue is that it implies publishing the project every time you wanna change the code (A solution for that may be host your code somewhere and add the script tag inside the last part of the body tag on webflow)
2
โ€ข Aug '24
Nice one Daniel! Great blog post, I've had some luck with GPT as well for creating shorter code blocks like this. Are there any security concerns with this approach?
1
โ€ข Aug '24
great question. I donโ€™t believe there are any additional security concerns with connecting directly from webflow to Xano as opposed to using Wized in the middle. I tend to store any api key or sensitive data as environment variables in Xano.
Someone could spam the api Iโ€™m sending form data to I bet but there are ways to structure the api in Xano so itโ€™s secure. I wonder what thinks about this?
2
โ€ข Aug '24
maybe you could run a function to allow only one submission per email/IP?
0
View 1 more reply
User
Your comment
Daniel Migizi
4
Connecting Webflow and Xano without Wized using custom code generated by Claude
Snappy Community
skool.com/snappy
We're here to help founders and builders ship your WeWeb & Xano project in days instead of weeks and truly own your investment.
Leaderboard (30-day)
powered by