Web3Forms
  • Introduction
  • Getting Started
    • Installation
    • Customizations
      • Email Subject line
      • Success / Thank You Page
      • Custom Redirection
      • Captcha & SPAM
        • hCaptcha
        • reCaptcha & Turnstile
        • Honeypot
        • Report Spam
      • Custom Reply-To
      • From Name
    • Pro Features
      • reCaptcha Integration
      • Cloudflare Turnstile Captcha
      • Add CC Email
      • Autoresponder (Auto-Reply)
      • File Attachments
      • Advanced File Uploader
      • Webhooks
      • Restrict to Domain
      • Intro Text
    • Examples
      • Basic HTML Contact Form
      • Advanced - All Options
      • Ajax Contact Form using Javascript
      • Multi Column Contact Form
      • Javascript Form Validation
      • Contact Form with Dark Mode
      • Raw Contact Form
      • Google reCaptcha v3
      • File Upload Form
      • With Multiple Checkbox
    • Integrations
      • Zapier
      • Integromat
      • Examples
        • Google Sheets
        • Airtable
        • Telegram Notifications
    • Options Reference
    • API Reference
    • Troubleshooting
    • FAQ
  • How-to Guides
    • HTML & JavaScript
    • JS Frameworks
      • React JS
        • Web3Forms React Plugin
        • React Hook Form
        • Simple React Contact Form
        • React File Upload Form
        • React Google ReCaptcha v3
        • React Hook Form File Upload
      • Vue JS
      • Svelte
      • Angular JS
      • Alpine.js
    • Site Builders
      • Webflow
      • Framer
      • Carrd.co
      • Squarespace
      • Wix
      • Dorik
    • Static Site Generators
      • Next.js
      • Astro
      • Nuxt.js
      • Hugo
      • Jekyll
      • Gatsby
      • Gridsome
      • Eleventy
    • Hosting Providers
      • Vercel
      • Netlify
      • Digital Ocean
      • AWS
      • Github
      • Cloudflare
    • JAM Stack
    • Landing Page Builders
      • Unbounce
      • Instapage
      • Pagewiz
      • Groovefunnels
    • WordPress
      • Elementor
      • Oxygen Builder
Powered by GitBook
On this page
  • Step 01: Create HTML Form
  • Step 02: Create an account on Github
  • Step 03: Create a GIT Repository
  • Step 04: Create an account on Netlify
  • Step 05: Create a New Project
  • Step 06: Connect GIT Repository
  • Step 07: Choose Github Repository
  • Step 08: Deploy on Netlify
  • Step 09: Congratulations! You're App is deployed
  • Test App

Was this helpful?

Edit on Git
  1. How-to Guides
  2. Hosting Providers

Netlify

PreviousVercelNextDigital Ocean

Last updated 4 years ago

Was this helpful?

Step 01: Create HTML Form

First of all we need to create a html page with web3forms. Learn how to setup on our page.

Step 02: Create an account on Github

First Step is to create a Github account if you don't already have one.

Step 03: Create a GIT Repository

Now, you should create a new GitHub repository and add your html code to your repo.

Step 04: Create an account on Netlify

Step 05: Create a New Project

Step 06: Connect GIT Repository

Now, just click on Github button to connect Netlify with your Github Account.

Step 07: Choose Github Repository

You will now be able to see your repos. Just click on the repository you want to deploy!

Step 08: Deploy on Netlify

You can now add your details, Finally lets click on Deploy Site button and you're good to go!

Step 09: Congratulations! You're App is deployed

Congrats, You're app is now deployed on Netlify. If you wish to change your domain, just click on Domain Settings and change your domain. You can now visit your App! It will work absolutely fine. Well done! 👏

Test App

Now, here comes the final part! It is time to test. Head over to the app, and submit the form. Open your mail, you can see a new one. It will look like this 👇

Head over to and create an account on Netlify. If you already have one, sign in to your account. You will be redirected to your dashboard.

Now, click button from your dashboard.

http://netlify.com/
New Site From GIT
installation