I was afresh allowance out a acquaintance and brief his appliance company’s website to Squarespace. In general, Squarespace is an amazing and able apparatus for creating mostly changeless websites with actual little effort. Their toolkit includes assorted plugins such Open Table affiliation and Forms, which achieve Squarespace a actual adorable best for all kinds of baby businesses.
However, as I was tinkering with Squarespace I ran into one annoying limitation. If would like to add a Contact Us anatomy to your site, the emails that it would accelerate to you cannot be customized and they attending like this:
One affair actuality is that all emails are beatific from [email protected], alike though, the chump included his/her email address. As you can imagine, if you are accepting a lot of emails, your inbox gets abounding with a agglomeration of analogously attractive messages. It would be abundant added advantageous if the email looked like it accustomed from the chump so that you can acknowledgment to it directly.
Fortunately, you can achieve this with some added accomplishment and a few accessible tools.
First, you charge to assurance up for an email sending account such as SendGrid, which allows you to accelerate custom email via an API. You can use added casework like Mandrill or MailGun, but this tutorial focuses accurately on SendGrid.
If you are planning on accept beneath again 12000 emails per month, again SendGrid is chargeless and no acclaim agenda is needed!
Instead of sending the anatomy responses anon to your email, you will charge to accept the Google Drive accumulator adjustment for your Squarespace form.
Once your save your changes, all the anatomy submissions will be recorded in a Google spreadsheet. In the aing step, we’ll see how to use Apps Calligraphy to email those responses to you via SendGrid.
Google Apps Calligraphy is a able billow based scripting accent for light-weight appliance development in the Google Apps platform.
Using App Script, we can run custom cipher whenever a new acquiescence is added to the spreadsheet.
To begin, go to http://drive.google.com and acquisition the spreadsheet that was created for you by Squarespace. Open it and built-in to Accoutrement > Calligraphy Editor.
Copy the cipher from the Gist beneath as a starting point:
You will charge to chase the apprenticeship in the alpha of the cipher and amend some agreement variables including the email addresses that you would like to use and your SendGrid API key. Instructions on how to get your API key are here: https://sendgrid.com/docs/User_Guide/Settings/api_keys.html.
One important agreement to pay absorption to is NAME_COLUMN_NAME and EMAIL_COLUMN_NAME variables, ethics of which should be set absolutely to the cavalcade names agnate to the chump name and email.
Save the cipher already you are done modifying it. Now baddest the Initialize action from the dropdown and bang on the comedy figure to run the script.
The Initialize action will install a Trigger in your spreadsheet, which will run the processSpreadsheetForNewSubmissions action every minute. The closing action will analysis your spreadsheet for new submissions and accelerate custom HTML-based emails to the email abode that you announce in EMAIL_TO.
If aggregate works, the new emails should attending abundant better:
You can added adapt the attending and feel of the emails with custom HTML by modifying the processSubmission action in the script.
You can additionally adapt the calligraphy hardly to accelerate auto-responder emails to your barter as well.
I achievement this was helpful. Enjoy!
Seven Important Life Lessons Squarespace Custom Forms Taught Us | Squarespace Custom Forms – squarespace custom forms
| Welcome to help the weblog, within this moment We’ll demonstrate about squarespace custom forms