For anyone who wants to do this, I got it to work on 7.0 and 7.1. You can pass any number of URL parameters, and the script allows you to push them into a code block:
The URL I used for this: https://website.com/ordered?firstname=Jack&order=2545346&email=jack@email.com
Log in to your Squarespace account and navigate to the page where you want to display the URL parameters as payload.
Click on the page's settings icon and select "Advanced" from the menu.
Click on "Code Injection" in the Advanced menu.
In the "Header" section of the Code Injection panel, paste the following code:
<script>
window.onload = function() {
const urlParams = new URLSearchParams(window.location.search);
const firstName = urlParams.get('firstname');
const order = urlParams.get('order');
const email = urlParams.get('email');
const payloadString = `Thank you, ${firstName}<br/> Here is yout order number: ${order}<br/> And lastly, we will send order updates to the following email address on file: ${email}`;
document.getElementById('url-payload').innerHTML = payloadString;
}
</script>
Then on the page, you want to display the payload:
In the page editor, add a "Text" block where you want to display the URL payload.
In the text block, add the following code:
<h1>Your order has been submitted</h1>
<p id="url-payload"></p>
You can add/change the number of parameters by adding and removing "const parameter = urlParams.get('parameter');" within the Java Script above, and then add it to your payload under PayloadString: by adding ${parameter}.
Thanks to everyone that put me on the right path!
For anyone who wants to do this, I got it to work on 7.0 and 7.1. You can pass any number of URL parameters, and the script allows you to push them into a code block: The URL I used for this: https://website.com/ordered?firstname=Jack&order=2545346&email=jack@email.com Log in to your Squarespace account and navigate to the page where you want to display the URL parameters as payload. Click on the page's settings icon and select "Advanced" from the menu. Click on "Code Injection" in the Advanced menu. In the "Header" section of the Code Injection panel, paste the following code: <script> window.onload = function() { const urlParams = new URLSearchParams(window.location.search); const firstName = urlParams.get('firstname'); const order = urlParams.get('order'); const email = urlParams.get('email'); const payloadString = `Thank you, ${firstName}<br/> Here is yout order number: ${order}<br/> And lastly, we will send order updates to the following email address on file: ${email}`; document.getElementById('url-payload').innerHTML = payloadString; } </script> Then on the page, you want to display the payload: In the page editor, add a "Text" block where you want to display the URL payload. In the text block, add the following code: <h1>Your order has been submitted</h1> <p id="url-payload"></p> You can add/change the number of parameters by adding and removing "const parameter = urlParams.get('parameter');" within the Java Script above, and then add it to your payload under PayloadString: by adding ${parameter}. Thanks to everyone that put me on the right path!
