> 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/vercel.md).

# Vercel

Here's how to setup a Working HTML Contact Form on Websites hosted with Vercel Platform.

**Vercel Platform Guide:** [**https://web3forms.com/platforms/vercel-contact-form**](https://web3forms.com/platforms/vercel-contact-form)

### Step 01: Create an 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 a GIT Repository

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

### Step 03: Create a New Project in Vercel

Now, click [New Project](https://vercel.com/new) button from your dashboard.

### Step 04: Import GIT Repository to Vercel

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

Now, you can see your repos, click on **Import** button near the repo you want to import.

### Step 05: Deploy Vercel App

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

Configure you name and settings. Click on **Deploy** button. You're good to go!

### Step 06: 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-49da9ec3c5caddf904b7bcf625a6c33c435b72e6%2Fcongrats.png?alt=media)

Congrats, You're app is now deployed on vercel. You can now visit it! 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)