Handle Webflow Exported Forms with Netlify for FREE!
I have been a user for a while. I love how easy it is to design beautiful websites and export clean code.
recently stopped supporting form handling for exported sites. I have been searching for solutions for a while and has been the best and easiest to my opinion. The most important thing is: it’s FREE!
In this tutorial, I will show you step-by-step how to deploy an exported website from Webflow to Netlify.
- Make your form Netlify-ready in Webflow. Go to the form setting and set it up like this.
2. Export the website as normal.
3. You will need a account here. It’s free to register one. I’m using Netlify CLI to deploy my site. Make sure you have Node.js version 8 or higher, and run these command in your terminal:
npm install netlify-cli@next -g
This line will install the Netlify CLI. It may takes a bit of time. Add sudo in the front if you are using MacOS.
netlify login
This line will prompt you to login in your browser.
netlify init
Go to the root folder of your exported site. This line will initiate the site. You need to give it a name etc.
netlify deploy
This line will deploy your site to Netlify. It will give you a link once it’s finished. Check it out and see if forms work.
netlify deploy — prod
Everything works. This line will make your website live!
Get Form Notifications
Go to https://app.netlify.com/ and choose your project. Go to Settings then Forms. At the bottom you will see Form Notifications. Add Notification then Email Notification. You can even choose different emails to be notified for different forms.
Netlify is a great place to deploy your site, especially if your website is only small. It will save you the money for web hosting. It comes with 100 submissions per month for free tier. It’s good enough for small business websites I’m working on. Not to mention other great benefits such as free HTTPS on all sites.
Easy as that. Let me know how it goes :)
