# 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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F5b691e57deb6353c3dac0fafc984fadb6462a78f.png?generation=1619515049547582\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Fe01c7a13c0a6fc4ab34a0b259d384b06af7b1799.png?generation=1619604761668915\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F4c1af781d0caa892b83657a597df0a89fffeb38e.png?generation=1619604766269392\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F85349ff9e66d68ff3322c776b1415ccf06c41e6e.png?generation=1619604763293164\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Fd824c4bd232bcb1a8458111b0bcd69ba11278909.png?generation=1619604764659041\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F4be4aabcb55cccd087e1470724fb436094ef8506.png?generation=1619604762188059\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Fbc71ed163ab81f521113bc4a8c094b276f847a89.png?generation=1619604765187237\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Ff6f661f64420d428c42d0a73f6b49311d054760e.png?generation=1619515052440332\&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-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F2390b995777e19c4a98323868041b043d71ab25e.png?generation=1619515047948809\&alt=media)