You are here

Squarespace

If you haven't, get the JS codes for the widget.

Adding Acobot to Squarespace Site

There are several ways for adding Acobot widget to your Squarespace site. Here, we introduce two ways.

Add the Widget to Your Site Footer Using the Code Injection

In this way, the widget will be added into the template-defined footer on every page of your site.

  1. Log in to your Squarespace site.
  2. Click "Settings" in home menu, then click "Advanced."
  3. Click "Code Injection", and then paste the JS codes copied above into "Footer" field.
  4. Click "Save."

The widget will then show up.

Add the Widget to Certain Page Using the Code Block

In this way, the widget will be added into a regular page of your site.

  1. Log in to your Squarespace site.
  2. In the home menu, click "Pages."
  3. In the "Pages" panel, select the page you want to add the widget.
  4. Move mouse to the top of a page section where you want to add the widget.
  5. Click "Edit" link on the pop bar.
  6. Click "Add Block" icon + to open the block menu.
  7. Navigate to "More" section, and then click "Code". While code editor open, the new block will appear on the page with placeholder content.
  8. Make sure "HTML" is selected in the drop-down menu, and remove the placeholder content <p> Hello, world! </p>.
  9. Paste the JS codes copied above into code field.
  10. Click "Apply."
  11. Click "Save" and log out.

The widget will then show up on the page.

Note: The widget will not show up while you're logged in and editing you site. To view the added widget, you must log out or Preview in Safe Mode.

For more information about adding code to Squarespace site, see Using Code Injection , Using the Code Block or Adding custom HTML, CSS, and JavaScript