Using MailChimp with Squarespace – Squarespace Help
Using MailChimp with Squarespace – Squarespace Help | squarespace custom forms

Seven Important Life Lessons Squarespace Custom Forms Taught Us | Squarespace Custom Forms

Posted on

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.

Using MailChimp with Squarespace – Squarespace Help - squarespace custom forms
Using MailChimp with Squarespace – Squarespace Help – squarespace custom forms | squarespace custom forms

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.

Adding Your Táve Contact Form to Squarespace | Táve Support - squarespace custom forms
Adding Your Táve Contact Form to Squarespace | Táve Support – squarespace custom forms | squarespace custom forms

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.

Adding Google reCAPTCHA to Form Blocks – Squarespace Help - squarespace custom forms
Adding Google reCAPTCHA to Form Blocks – Squarespace Help – squarespace custom forms | squarespace custom forms

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.

Best Free Form Builder Plugin for Squarespace - squarespace custom forms
Best Free Form Builder Plugin for Squarespace – squarespace custom forms | squarespace custom forms

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.

Adding Google reCAPTCHA to Form Blocks – Squarespace Help - squarespace custom forms
Adding Google reCAPTCHA to Form Blocks – Squarespace Help – squarespace custom forms | squarespace custom forms

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.

Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms

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.

How to Customize Squarespace Form Buttons - YouTube - squarespace custom forms
How to Customize Squarespace Form Buttons – YouTube – squarespace custom forms | squarespace custom forms

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
.

Creating a custom checkout form – Squarespace Help - squarespace custom forms
Creating a custom checkout form – Squarespace Help – squarespace custom forms | squarespace custom forms
Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms
Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms
Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms
Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms
Creating a custom product form – Squarespace Help - squarespace custom forms
Creating a custom product form – Squarespace Help – squarespace custom forms | squarespace custom forms

Gallery for Seven Important Life Lessons Squarespace Custom Forms Taught Us | Squarespace Custom Forms