Squarespace integration
- Karl Tompson
Generate script
Use the Salesforce client configuration tool, or create the snippet and configuration manually. Apply the following settings:
formSelector: Squarespace does not offer an easy method to add CSS classes to forms or containers, so this will generally need to use existing selectors. For example:
‘form’ to simply attach to all forms on the website.
‘.newsletter-block form’ to attach to the form inside the newsletter block. Multiple selectors may be used with comma separators.
formListenOnButton: enable this setting so that Send2CRM creates a replacement submit button to handle sending. If not set the default Squarespace JavaScript handler will override Send2CRM.
formIdAttributes: set to “data-form-id”. Squarespace changes the form id on every page load so it isn't a reliable identifier, this data attribute remains the same.
Example:
<script>
(function(s,e,n,d2,cr,m){n[e]=n[e]||{};m=document.createElement('script');m.onload=function(){n[e].init(d2,cr);};m.src=s;document.head.appendChild(m);})('https://cdn.jsdelivr.net/gh/FuseInfoTech/send2crmjs/send2crm.min.js', 'send2crm', window, 'my-site.my.salesforce-sites.com', '(key)');
window.addEventListener('send2crmLoading', (evt) => {
send2crm.applySettings({
formSelector: '.newsletter-block form, .other-block-form form',
formListenOnButton: true,
formIdAttributes: ['data-form-id'],
});
});
</script>Apply script to all pages
Add the script to all website pages.
Go to Website > Website Tools > Code Injection in Squarespace. Enter the script in the header, with enclosing <script> tags. Save changes.
Map forms
The Send2CRM client is now installed in Squarespace. Capture a submission from each applicable form to set it up in the mapping wizard.
Use the ‘data-form-id’ identifier option.
