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: Add code to GIT repository
  • Step 05: Go to Settings
  • Step 06: Go to Pages Table
  • Step 07: Choose Branch
  • Step 08: Congratulations! You're App is deployed
  • Test App

Was this helpful?

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

Github

PreviousAWSNextCloudflare

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: Add code to GIT repository

Follow the code to initialise and add your code files to your repo.

git init
git add index.html
git commit -m "first commit"
git branch -M main
git remote add origin your_origin_url
git push -u origin main

Step 05: Go to Settings

On your github repository, you can see a tab called Settings, just click on the tab.

Step 06: Go to Pages Table

On your settings page, you can see a tab called Pages on the left. Just click on tab.

Step 07: Choose Branch

Here, you can should set your branch as main and click on Save button. You're good to go!

Step 08: Congratulations! You're App is deployed

Congrats, You're app is now deployed on github. Your hosting url will be username.github.io/repo You can now visit it! 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 👇

installation