Skip to main content

Add Stack's Chat Widget to Your Squarespace Website

Looking to engage your website visitors and turn them into customers? Stack's Webchat for Squarespace is here to help you do just that! Follow this guide to seamlessly integrate Stack's chat widget into your Squarespace site.

What You'll Learn​

  • How to get the embed code for Stack's chat widget.
  • Different methods to add the chat widget to your Squarespace website.

Getting the Embed Code​

To start, you'll need the embed code for the chat widget:

  1. Navigate to Sites in your Stack dashboard.
  2. Go to Chat Widget.
  3. Click on Get Code to copy the embed code.

Adding the Chat Widget to Squarespace​

Method 1: Using Code Injection​

  1. Log in to your Squarespace account and open the website where you want to add the chat widget.
  2. Go to Settings from the main menu.
  3. Select Developer Tools under the Website section.
  4. Click on Code Injection.
  5. Paste the chat widget code into the Header or Footer fields.
  6. Click Save to apply your changes.
  7. Preview your website to ensure the chat widget is displaying correctly.

Method 2: Using an Embed Block​

  1. Log in to your Squarespace account and open the page where you want the chat widget.
  2. Enter the page editor and choose the section for the chat widget.
  3. Click the plus icon to add a new content block and select Embed from the menu.
  4. Paste the chat widget code into the Code Snippet field.
  5. Click Apply to save your changes.
  6. Preview your website to confirm the chat widget appears as expected.

By following these steps, you'll have Stack's chat widget up and running on your Squarespace site, ready to engage with visitors and boost conversions!