|
2 | 2 |
|
3 | 3 | A ***Step-by-Step Example*** of using an **HTML Form** to send a "Contact Us" Message via Email without a Backend Server using a Google Script - No PHP, Python, Ruby, Java, Node.js etc.
|
4 | 4 |
|
5 |
| -See a working example here: https://dwyl.github.io/html-form-send-email-via-google-script-without-server/ |
| 5 | +See a working example here: https://dwyl.github.io/learn-to-send-email-via-google-script-html-no-server/ |
6 | 6 |
|
7 | 7 | **_Warning:_** Google's API has limits on how many emails it can send in a day.
|
8 | 8 | This may vary on your Google account, see [the limits here](https://developers.google.com/apps-script/guides/services/quotas).
|
@@ -58,7 +58,7 @@ Open the **Script editor...** by clicking "**Tools**" > "**Script editor...**"
|
58 | 58 |
|
59 | 59 | 
|
60 | 60 |
|
61 |
| -Here's a *snapshot* of the script you need (*at this point in the exercise*): [google-script-just-email.js](https://raw.githubusercontent.com/nelsonic/html-form-send-email-via-google-script-without-server/1d1c6727f69dec64a6b7f6bd6ff0dd72d0374210/google-script-just-email.js) |
| 61 | +Here's a *snapshot* of the script you need (*at this point in the exercise*): [google-script-just-email.js](https://raw.githubusercontent.com/dwyl/learn-to-send-email-via-google-script-html-no-server/1d1c6727f69dec64a6b7f6bd6ff0dd72d0374210/google-script-just-email.js) |
62 | 62 |
|
63 | 63 | ### 3. Set the `TO_ADDRESS` in the Script
|
64 | 64 |
|
@@ -162,7 +162,7 @@ Update your `index.html` to include the following JavaScript file at the *end* o
|
162 | 162 |
|
163 | 163 | ```js
|
164 | 164 | <script data-cfasync="false" type="text/javascript"
|
165 |
| -src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script> |
| 165 | +src="https://cdn.rawgit.com/dwyl/learn-to-send-email-via-google-script-html-no-server/master/form-submission-handler.js"></script> |
166 | 166 | ```
|
167 | 167 |
|
168 | 168 | **Warning:** If you did not set the `TO_ADDRESS` variable in Step 3, then
|
@@ -244,7 +244,7 @@ the data into a spreadsheet is safer and less prone to data loss.
|
244 | 244 | 
|
245 | 245 |
|
246 | 246 | This will record the data received from the `POST` as a *row* in the spreadsheet.
|
247 |
| -See: [**google-apps-script.js**](https://github.com/nelsonic/html-form-send-email-via-google-script-without-server/blob/master/google-apps-script.js) for the full code you can *copy-paste*. |
| 247 | +See: [**google-apps-script.js**](https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/blob/master/google-apps-script.js) for the full code you can *copy-paste*. |
248 | 248 |
|
249 | 249 | ### 15. Save a New Version and Re-Publish it
|
250 | 250 |
|
@@ -294,23 +294,23 @@ your form because it automatically re-loads the page when you make changes in yo
|
294 | 294 |
|
295 | 295 | # *Want more*?
|
296 | 296 |
|
297 |
| -If you want us to take this tutorial further, [***please let us know***!](https://github.com/nelsonic/html-form-send-email-via-google-script-without-server/issues) |
| 297 | +If you want us to take this tutorial further, [***please let us know***!](https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/issues) |
298 | 298 |
|
299 | 299 | For your convenience, we have hosted a working demo of the field on GitHub
|
300 | 300 | Pages, check it out to see the code and how it works:
|
301 |
| -https://dwyl.github.io/html-form-send-email-via-google-script-without-server/ |
| 301 | +https://dwyl.github.io/learn-to-send-email-via-google-script-html-no-server/ |
302 | 302 |
|
303 | 303 |
|
304 | 304 | ## Add your own fields!
|
305 | 305 |
|
306 |
| -In response to [Henry Beary's request](https://github.com/dwyl/html-form-send-email-via-google-script-without-server/issues/9) |
| 306 | +In response to [Henry Beary's request](https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/issues/9) |
307 | 307 | we made the form handler *generic* which means you can now add any fields you want to the form.
|
308 | 308 |
|
309 | 309 | We also created a form, `test.html`, which uses all kinds of form input elements
|
310 | 310 | so you can just copy and paste elements as desired into your own form. Just be
|
311 | 311 | sure to update their names and IDs. You can find a working example of this test
|
312 | 312 | form here:
|
313 |
| -https://dwyl.github.io/html-form-send-email-via-google-script-without-server/test.html |
| 313 | +https://dwyl.github.io/learn-to-send-email-via-google-script-html-no-server/test.html |
314 | 314 |
|
315 | 315 | Remember to include the fields *inside* the form that has the id `gform`
|
316 | 316 | and ensure that the `name` of the form element matches the new column heading in your spreadsheet.
|
@@ -361,7 +361,7 @@ if (validateHuman(data.honeypot)) { //if form is filled, form will not be submi
|
361 | 361 |
|
362 | 362 | 1. _How can I get help using this tutorial?_
|
363 | 363 |
|
364 |
| -- Feel free to [post an issue](https://github.com/dwyl/html-form-send-email-via-google-script-without-server/issues/new) describing in detail which steps you have gone through and what isn't working. [A working example](https://stackoverflow.com/help/mcve) that reproduces your issue online is most ideal (e.g., host on GitHub Pages or CodePen), and such examples or providing console errors increase your chances of getting a helpful response. |
| 364 | +- Feel free to [post an issue](https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/issues/new) describing in detail which steps you have gone through and what isn't working. [A working example](https://stackoverflow.com/help/mcve) that reproduces your issue online is most ideal (e.g., host on GitHub Pages or CodePen), and such examples or providing console errors increase your chances of getting a helpful response. |
365 | 365 |
|
366 | 366 | 2. _Can I get edit access to the example spreadsheet?_
|
367 | 367 |
|
|
0 commit comments