Save HTML form data to Google Sheets using JavaScript
เคจเคฎเคธ्เคाเคฐ เคธाเคฅिเคฏों ,
เคฏเคฆि เคเคช เคिเคธी เคญी HTML FORM เคธे เคกाเคा เคो เค
เคชเคจे เคूเคเคฒ เคถीเค เคชเคฐ เคธेเคต เคเคฐเคจा เคाเคนเคคे เคนैं เคคो เคเคช เคเคธ เคชोเคธ्เค เคो เคง्เคฏाเคจ เคชूเคฐ्เคตเค เคชเคข़े เคเคธ เคชोเคธ्เค เคฎें HTML FORM TO GOOGLE SHEET เคी เคธंเคชूเคฐ्เคฃ เคाเคจเคाเคฐी เคถेเคฏเคฐ เคी เคเค เคนै เคธाเคฅ เคนी เคซ्เคฐी HTML CODE เคต Java script เคญी เคถेเคฏเคฐ เคी เคเค เคนै|
Steps to follow for html form to Google sheet
- Create a html form for user input
- Create a Google sheet with any name
- Create google sheet field name
- Open Extension and add Java Script
- Change Field in Java Script and Html form
Create a html form for user input
เคธเคฌเคธे เคชเคนเคฒे เคเคช เคเค html form เคฌเคจाเค เคฏเคนा เคชเคฐ เคเค basic HTML FORM เคे source code เคฆिเคฏा เคเคฏा เคนै เคเคช เคॉเคชी เคเคฐ เคธเคเคคे เคนै เคธाเคฅ เคนी เคเคช เคเคธเคฎें extra field add เคเคฐ เคธเคเคคे เคนैं เคคเคฅा เคเคธे modify เคฏा เค เคชเคจे เค เคจुเคธाเคฐ css เคเคก เคเคฐ เคเค्เคธ्เค्เคฐा เคธ्เคाเคเคฒ เคต เคกिเคाเคเคจ เคเคฐ เคธเคเคคे เคนै।
Create a Google sheet with any name
Second step เคฎें เคเคชเคो google sheet เคो open เคเคฐ เคฒेเคจा เคนै เคिเคธเคฎे เคเคชเคो เคเค เคซाเคเคฒ create เคเคฐเคจा เคนोเคा file เคा เคเคช เคोเค เคญी เคจाเคฎ เคฐเค เคธเคเคคे เคนै เคเคช เคाเคนे เคคो sheet เคा เคจाเคฎ เคญी เคेंเค เคเคฐ เคธเคเคคे เคนै เคฏा default name เคธे เคญी เคฐเค เคธเคเคคे เคนै เคिเคธเคा default name เคนोเคคा เคนै sheet1 เคเคธे เคเคชเคो java script me เคฏूเค เคเคฐเคจा เคนोเคा।
Create google sheet field name
เคเคธ Step เคฎें เคเคชเคो เค เคชเคจे User input html form เคธे เคกाเคा เคो เคूเคเคฒ เคถीเค เคชเคฐ เคธेเคต เคเคฐเคจा เคนोเคा เคिเคธเคे เคฒिเค เคเคชเคो เคूเคเคฒ เคถीเค เคฎें เคเคจเคชुเค เคซीเคฒ्เคก เคो เคธेเคต เคเคฐเคจे เคे เคฒिเค เคเคจเคชुเค เคซीเคฒ्เคก เคฌเคจाเคจे เคนोंเคे เคैเคธे เคฎेंเคจे เค เคชเคจे html เคซॉเคฐ्เคฎ เคฎें user name ,Mobile Number , User email , Product list, User Massage เคเคจเคชुเค เคซीเคฒ्เคก เคฒिเคฏा เคนै เคเคธी เคช्เคฐเคाเคฐ เคเคช เคूเคเคฒ เคถीเค เคฎें เคญी เคเคจเคชुเค เคซीเคฒ्เคก เคฌเคจाเคฏे| เคเคช เคाเคนे เคคो เคเคจเคो เคेंเค เคญी เคเคฐ เคธเคเคคे เคนै เคเคฐ เค เคชเคจे เค เคจुเคธाเคฐ เคूเคเคฒ เคถीเค เคชเคฐ เคกाเคा เคा เคจाเคฎ เคธेเคต เคเคฐ เคธเคเคคे เคนै |
Open Extension and add Java Script
เคเคชเคो เคเค्เคธเคेंเคถเคจ เคตिंเคกो เคชเคฐ เค्เคฒिเค เคเคฐเคจे เคชเคฐ เคुเค เคเคช्เคถเคจ เคฆिเคाเค เคฆेंเคे เคเคช App Script เคชเคฐ เค्เคฒिเค เคเคฐे เค्เคฒिเค เคเคฐเคจे เคे เคฌाเคฆ เคเค เคจเค เคตिंเคกो เคเคชเคจ เคนोเคी เคिเคธเคฎे เคเคชเคो เคुเค เคाเคตा เคธ्เค्เคฐिเคช्เค เคे เคुเค เคोเคก เคถो เคนोंเคे เคिเคจ्เคนे เคเคช เคกिเคฒीเค เคเคฐ เคฆे เคต เคจिเคे เคฆिเค เคเค เคाเคตा เคธ्เค्เคฐिเคช्เค เคो เคॉเคชी เคเคฐ เคชेเคธ्เค เคเคฐ เคฆे | เคเคธ เคซाเคเคฒ เคा เคจाเคฎ code.gs เคे เคจाเคฎ เคธे เคฆिเคाเค เคฆेเคा |
เคฏเคฆि เคเคช เคเค्เคธเค्เคฐा เคซीเคฒ्เคก เคเคก เคเคฐเคจा เคाเคนเคคे เคนै เคคो เคเคช เคเคก เคเคฐ เคธเคเคคे เคนै เคฏा เคเคช เคेंเค เคญी เคเคฐ เคธเคเคคे เคนै เคชเคฐ เคเคธเคे เคฒिเค เคเคชเคो html เคซॉเคฐ्เคฎ เคฎें เคซीเคฒ्เคก เคจाเคฎ เคो เคूเคเคฒ เคถीเค เคे เคซीเคฒ्เคก เคจेเคฎ เคे เคธเคฎाเคจ เคนी เคฐเคเคจा เคนै เคैเคธे เคนเคฎเคจे html เคซॉเคฐ्เคฎ เคฎें เคฏूเคเคฐ เคा เคจाเคฎ เคธेเคต เคเคฐเคจे เคे เคฒिเค name=username เคฆिเคฏा เคนै เคฎोเคฌाเคเคฒ เคจंเคฌเคฐ เคे เคฒिเค name=tel เคฆिเคฏा เคนै เคเคธเคे เคช्เคฐเคाเคฐ เคธเคญी เคเคจเคชुเค เคซीเคฒ्เคก เคो เคจाเคฎ เคฆिเคฏा เคเคฏा เคนै เคเคชเคो เคเคธी เคช्เคฐเคाเคฐ เคธे java Script เคฎें เคธेเคต เคเคฐเคจा เคนोเคा เคैเคธे input เคซीเคฒ्เคก |username|tel|email|product|sms|.
Change Field in Java Script and Html form
Change in Code.gs -
- Sheet name
- Sheet url
- Input field if you want
Change in html -
- No change (if you Add Extra Field)
- Java Script change
- Script url (#) Input field if you want
Deploy this app Script
- Click on Deploy
- New Deployment
- Select Webapp
- Access-Anyone
- Copy Webapp url
- Give Access Permission
