Submit SquareSpace forms to Sharpspring CRM

footer-codeinjection.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="scripts/jquery-2.0.0.min.js"><\/script>')</script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

<script type="text/javascript">

'use strict';	
var SSAPP = SSAPP || (function(){
    var temp, $form, prefix, companyID, formID;
    return {
        init : function() {
        	companyID = 'MzawMDEzMbU'; // replace with your company ID it looks similar to this
        	prefix = 'https://replacewithyourlink.marketingautomation.services/prospector/save';
        	$form = jQuery("form.newsletter-form");
        	event = $form.attr('onsubmit');
        	$form.attr('onsubmit', 'SSAPP.submitNewsletter();' + event );
        	$(document).on('submit','form.newsletter-form, #block-09c5ebaece4c203dbcef form, .sqs-block.form-block.sqs-block-form form',function(e){
        		e.preventDefault();
        	});

        	if ( window.location.pathname.indexOf('contact-us') !== -1 )
        	{		
        		$form = jQuery("#block-09c5ebaece4c203dbcef form")
        		event = $form.attr('onsubmit');
        		$form.attr('onsubmit', 'SSAPP.submitContact();' + event );
        	}
            // some other initialising
        },
        slugify : function() {
		    var a = 'àáäâèéëêìíïîòóöôùúüûñçßÿœæŕśńṕẃǵǹḿǘẍźḧ·/_,:;';
		    var b = 'aaaaeeeeiiiioooouuuuncsyoarsnpwgnmuxzh------';
		    var p = new RegExp(a.split('').join('|'), 'g');

		    var text = $("title").text().replace(' — Cartessa','');
		    text =  text.toString().toLowerCase().replace(/\s+/g, '-') 
		    .replace(p, function (c) {
		        text = b.charAt(a.indexOf(c));
		    })
		    .replace(/&/g, '-and-') 
		    .replace(/[^\w\-]+/g, '') 
		    .replace(/\-\-+/g, '-') 
		    .replace(/^-+/, '') 
		    .replace(/-+$/, ''); 
		    return '?product=' + text;
		},
		submitNewsletter : function () {			
			formID  = '38e0cdb4-eb07-4c89-bea9-a75e6da592d9';
			var url = prefix + '/'+companyID+'/'+formID;
			var data = {
				"field_2698292227" : $(".newsletter-form-field-element").val(),
				"field_2925154307" : 'Newsletter',
				"formid__sb": formID,
				"companyprofileid__sb": companyID,
				"agentreferrer__sb": window.location.href			
			}

			var temp = Cookies.get('__ss_tk');
			if ( undefined != temp && '' != temp ) {
				data.trackingid__sb = temp;
			}

			temp = Cookies.get('__ss_referrer');
			if ( undefined != temp && '' != temp ) {
				data.agentreferrer__sb = temp;
			}
			$.ajax({
				type: "POST",
			    url: url,
			    data: data,
			    success: function(data) {
			    	console.log(data);
			    	return false;			    	
				}
			});
			return false;
		},
		submitContact : function () {			
			formID = '709705c8-9c53-4f83-bae9-41455b7fb870';
			var url = prefix + '/'+companyID+'/'+formID;
			var prefer = $("input[name=radio-yui_3_17_2_1_1492473708170_1160868-field]:checked").val();
			var optin = $("input[name=checkbox-yui_3_17_2_1_1492473708170_1181988-field]:checked").val();
			var phone = $( ".phone input" ).map( function(index, element) {
			    return $(this).val();
			}).get().join('-');

			var data = {
				"field_2698290179" : $("input[name=fname").val(),
				"field_2698291203" : $("input[name=lname").val(),
				"field_2698292227" : $("input[name=email").val(),
				"field_2698298371" : phone,
				"field_2698309635" : $(".form-item.field.number input").val(),
				"field_2698310659" : $("textarea").val(),
				"field_2918503427" : prefer,
				"field_2918504451" : optin,
				"field_2925154307" : $("title").text().replace(' — Cartessa',''),
				"formid__sb": formID,
				"companyprofileid__sb": companyID,
				"agentreferrer__sb": window.location.href			
			}

			var temp = Cookies.get('__ss_tk');
			if ( undefined != temp && '' != temp ) {
				data.trackingid__sb = temp;
			}

			temp = Cookies.get('__ss_referrer');
			if ( undefined != temp && '' != temp ) {
				data.agentreferrer__sb = temp;
			}
			$.ajax({
				type: "POST",
			    url: url,
			    data: data,
			    success: function(data) {
			    	return false;
				}
			});
			return false;
		}
    };
}());



Y.on('domready', function() {
	SSAPP.init();
});

</script>

Instructions for Sending SquareSpace Form Data to SharpSpring CRM.md

Sending Form Data to Sharpspring from a SquareSpace website.

Recently a new client has a SquareSpace website and they want to use Sharpspring for there CRM which I am all for. But one of the challenges I found was that the SquareSpace forms offered very little customization , so I hacked together some JavaScript that sends the form data to Sharpspring then continues with the Rest of the SquareSpace submit handler.

I'm sure there is probably a better way to do this but this way worked for me and the client is happy so, that's all I can say.

So the idea behind this, is you can built a Native Sharpspring form and make sure all the fields that you have on your form on your website exist, Once you have the Sharpspring form built, click on the button to preview it, and you will need to inspect the form source code, where you will find things like the CompanyID, FormID, and FieldIDs they are all very easy to grab using the web inspector, if anyone has issues doing this just comment on this thread and I'll make a short guide on how to get that information.

So now onto the SquareSpace part of things, basically the theory is this, I find the SquareSpace form tag , and grab the onsubmit event, Now I add a function call I wrote to handle the Sharpspring stuff in front of the rest of the onsubmit event and then replace the onsubmit event with the new one.

The trick is finding a way to ID the form since the ID is never the same and there might be more then one form etc, I just found a class that is unique to the page above the form and did it like that.

Now after logging into the Admin Area of SquareSpace, you will want to goto "Settings > Advanced > Code Injection" and include the file you modified earlier into the Footer area of the Code Injection