Skip to content

This is an html form template that automatically pushes data to a Google Sheet. You can add or remove the number of inputs, although they must match the name of the column in the spreadsheet. Credit to Martin Hawksey for his initial work.

Notifications You must be signed in to change notification settings

aduuub/html-form-to-google-sheets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Overview

This is an html form template that automatically pushes data to a Google Sheet. You can add or remove the number of inputs, although they must match the name of the column in the spreadsheet.

Setup

  1. Clone the Google Sheet
https://docs.google.com/spreadsheets/d/1-o8LVpInGhJxEMwo0s9dzuMr6FMbxa7dP2WhpK7A1zM/edit#gid=0
  1. Go to the script editor: Tools -> Script editor

  2. Pushlish as a web app: Publish -> Deploy as a web app and set access to Anyone, even anonomous.

  3. Authorise and copy the url e.g.

https://script.google.com/macros/s/AKfycbx53O1TvQh8qM8MCWMtmXAJalALLoQf5mZc64f__ostC-xF95F2/exec
  1. Paste the url into index.html as the forms action (line: 16)

  2. Add all the inputs in index.html and as the column headings in the cloned Google Sheet ensuring that the 'name' attribute matches the column name

  3. Sussed.

About

This is an html form template that automatically pushes data to a Google Sheet. You can add or remove the number of inputs, although they must match the name of the column in the spreadsheet. Credit to Martin Hawksey for his initial work.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published