> For the complete documentation index, see [llms.txt](https://docs.web3forms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.web3forms.com/how-to-guides/hosting-providers/netlify.md).

# Netlify

## Step 01: Create HTML Form

First of all we need to create a `html` page with web3forms. Learn how to setup on our [installation](https://docs.web3forms.com/getting-started/installation) page.

## Step 02: Create an account on Github

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-5b691e57deb6353c3dac0fafc984fadb6462a78f%2Fgithub.png?alt=media)

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

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-e01c7a13c0a6fc4ab34a0b259d384b06af7b1799%2Fnetlify.png?alt=media)

Head over to <http://netlify.com/> and create an account on Netlify. If you already have one, sign in to your account. You will be redirected to your dashboard.

## Step 05: Create a New Project

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-4c1af781d0caa892b83657a597df0a89fffeb38e%2Fnetlify-dashboard.png?alt=media)

Now, click [New Site From GIT](https://app.netlify.com/start) button from your dashboard.

## Step 06: Connect GIT Repository

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-85349ff9e66d68ff3322c776b1415ccf06c41e6e%2Fnetlify-import-git.png?alt=media)

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

## Step 07: Choose Github Repository

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-d824c4bd232bcb1a8458111b0bcd69ba11278909%2Fnetlify-repo-configure.png?alt=media)

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

## Step 08: Deploy on Netlify

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-4be4aabcb55cccd087e1470724fb436094ef8506%2Fnetlify-deploy.png?alt=media)

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

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-bc71ed163ab81f521113bc4a8c094b276f847a89%2Fnetlify-congrats.png?alt=media)

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

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-f6f661f64420d428c42d0a73f6b49311d054760e%2Fapp-live.png?alt=media)

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 👇

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPUC7SfrK7-rhtC1UKR%2Fuploads%2Fgit-blob-2390b995777e19c4a98323868041b043d71ab25e%2Femail.png?alt=media)
