Overview

Squarespace is an all-in-one solution for creating a customizable website or online store. To show Cheerlink widget on your Squarespace website and provide support to your customers, you can easily integrate Cheerlink and Squarespace in a few steps.

Get started

Install for whole website (recommended)

  1. Copy the code snippet below. Note: Replace the workspace id with your actual workspace id， which can be found at settings-general

image.png

<script>
window.cheerlinkSettings = {
  appId: "your_workspace_id"
};
</script>

<script>
!function(){var e=window,t=document,a=function(){var e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="<https://static.cheerlinkapp.com/sdk/square-space/entry/cheerlinkSeed.js>";var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)};"complete"===document.readyState?a():e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}();
</script>
  1. Go to your Squarespace admin, and choose Utilities/Website Tools/Code Injection

image.png

image.png

  1. Paste the above code into the Header text area. Save. The widget should appear on your website.

image.png

Install for specific pages

  1. Copy the code snippet below. Note: Replace the workspace id with your actual workspace id， which can be found at settings-general

image.png

<script>
window.cheerlinkSettings = {
  appId: "your_workspace_id"
};
</script>

<script>
!function(){var e=window,t=document,a=function(){var e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="<https://static.cheerlinkapp.com/sdk/square-space/entry/cheerlinkSeed.js>";var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)};"complete"===document.readyState?a():e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}();
</script>
  1. Select a page, and choose Page Settings

image.png

  1. Choose “Advanced” and paste the above code into the text area. Save. The widget should appear on that page.

image.png