Overview

Isn't Google Forms great? You can use it for surveys, for gathering user feedback, quizzing your students, generating leads, collecting support requests - basically anything you would use a form for. Even better, it's FREE to use. However... it won't give you all of the same benefits as a paid solution - like sending auto-replies. That's where Bootstrapping Tools comes in! The tool below will let you set up an auto-reply message which gets sent to anyone that makes a submission to your Google Form. We even included an HTML email template so that your emails can look better than just plain text.

Here's what our HTML email template looks like. If you're familiar with HTML and CSS, you should be easily able to modify it to fit your own style and theme.

Forms Auto-Reply Emailer Template Screenshot

In the template, you might have noticed a company name, logo and footer. You'll be able to add in those into the template using the form fields below - along with the Email Subject and Body text.

Instructions

  1. Before getting started, make sure you have a Google Form that is sending the responses to a Google Sheet. If you don't know how to do that, checkout our Youtube Tutorial Video

  2. Fill out the form below. If you don't have a company name, logo, or website - you can leave all of those fields blank

  3. For the "Recipient Email Field Name" field, use the column header where the email addresses are being captured from your Google Form. If you're using Google Form's "auto collect email" feature, it's probably named "Email Address"

  4. For the "Recipient Name Field Name" field, use the column header where the submitter's name is located. If you aren't asking for their name, feel free to leave this field blank

  5. Next, put in the Reply To email address you want any replies to be routed back to. If you don't want users to reply back, check off the "No Reply" checkbox

  6. Next, fill out the Email Subject field - email subjects with more excitment tend to get opened more ;)

  7. Finally, fill out the Email Body field. For new paragraphs, leave at least one new line inbetween paragraphs.

  8. Once you've filled out the forms, it's time to install the code into your Google Sheet - click on the "copy" icon in the upper right-corner of the code preview box for the Code.gs file. This will copy all of the code to your clipboard

  9. Navigate back to the Google Sheet which is attached to your Google Form

  10. In the Google Sheet, click on the "Extensions" option and select "Apps Script" - this will open up a Google Apps Script project that is bound to your Google Sheet

  11. Paste in the code you copied and save the file (CMD+s / CTRL+s)

  12. Now go back to the tool and copy the code for the emailTemplate.html file.

  13. Back in your Google Apps Script Project, create a new file using the PLUS(+) icon found in the upper left area. Select "HTML" from the options. Make sure to name this file emailTemplate.html

  14. Once you've copied all of the code, hit the save button to save your Google Apps Script project

  15. Now it's time to run the initialSetup() function - you can do this by clicking on the drop down located next to the "Debug" button, selecting "initialSetup" from the options, and then clicking on the "Run" button.

  16. The app will ask you to authorize the code to execute. Just follow the prompts to grant your new script access to make the changes it needs.

  17. Once you've authorized the script and the script has completed, go back to your Google Form and preview it so that you can submit a response. After you've submitted a response, you should see an email come through to the inbox of the email address entered into the form (or the Google email account you're logged into when you submitted the form)


(leave blank if none)

(leave blank if none)

(leave blank if none)


What is the fieldname for the recipient's email address?
(Not their email address)

What is the fieldname for the recipient's name?

Is there a ReplyTo email you'd like to specify?



Code.gs

0

emailTemplate.html

<!DOCTYPE html> <html> <head> <base target="_top"> <style> body { background-color: #f0f0f0; } a { text-decoration: none; } .container { padding: 20px 0px; font-size: 16px; } .header-section { padding: 10px; margin: 10px; vertical-align: middle; background-color: #f9fc88; } .footer { padding: 10px; margin: auto; vertical-align: middle; background-color: #f9fc88; } .footer-content { text-align: center; } </style> </head> <body> <? if (data.logo !== '') { ?> <section class="header-section"> <a href=<?= data.url ?>> <img class="logo" src=<?= data.logo ?> height="60px" width="auto" /> </a> <strong style="font-weight: 700; font-size: 18px; vertical-align: middle; margin: auto 0;">&nbsp;<?= data.companyName ?></strong> </section> <? } ?> <div class="container" style="width: 70%; margin: auto;"> <p style="padding-bottom: 15px;"> <? if (data.recipientName !== '') { ?> Hi <?= data.recipientName ?>, <? } else { ?> Hi <?= data.recipientEmail ?>, <? } ?> </p> <? let paragraphs = data.body.split(' ') ?> <? for (let item in paragraphs) { ?> <p> <?= paragraphs[item] ?> </p> <? } ?> </div> <? if (data.logo !== '') { ?> <footer class="footer" style="padding-top: 15px;"> <div class="footer-content"> <a href=<?= data.url ?>> <img class="logo" src=<?= data.logo ?> height="25px" width="auto" /> </a> </div> </footer> <? } ?> </body> </html>