Squarespace Configuration

Configuration Steps

Javascript Snippet Setup

Squarespace Premium Plans

  • In the menu on the left side, navigate to "Settings".
  • From there, navigate to "Advanced" settings and choose "Code Injection".
  • Copy and paste the javascript snippet into either the "header" or "footer" boxes.
  • Replace example-tenant-name with your tenant name in the javascript snippet.
  • Click the "Save" button, near the top of the screen.

Squarespace Basic Plans

  • In the menu on the left side, navigate to "Pages",
  • Click a page, or create a new page, and edit it on the right side of the screen.
  • Add a new section, or edit an existing section somewhere in the body of the page.
  • Hover over the section until a menu bar appears at the top of the section, then click "Edit".
  • Add a "Code" block by clicking the "Plus" icon in the menu bar above the section, or by hovering within the section until a horizontal rule (an "insert point") appears. The "Code" block will be in the "More" section of that popup menu. For help, visit Adding content with blocks.
  • Make sure the code type "HTML" is chosen.
  • Copy and paste the javascript snippet into the box.
  • Replace example-tenant-name with your tenant name in the javascript snippet.
  • Click "Apply" to save your changes.

HTML Snippet Setup (any plan)

  • In the menu on the left side, navigate to "Pages",
  • Click a page and edit it on the right side of the screen.
  • Add a new section, or edit an existing section somewhere in the body of the page.
  • Hover over the section until a menu bar appears at the top of the section, then click "Edit".
  • Add a "Code" block by clicking the "Plus" icon in the menu bar above the section, or by hovering within the section until a horizontal rule (an "insert point") appears. The "Code" block will be in the "More" section of that popup menu. For help, visit Adding content with blocks.
  • Make sure the code type "HTML" is chosen.
  • Copy and paste the HTML snippet for the page you are creating.
  • Click "Apply" to save your changes.

Review all pages. If you find that you need to adjust space around the Mariana integrations, you can do this on a global level or page-by-page. For global adjustments, visit “Design” in the menu on the left side menu. At the bottom of the menu, you will see an option to include “Custom CSS”. For local adjustments, add a “Code” block while editing the page.