Squarespace

You can use Muut with squarespace in two ways.

Federated ID with Muut is not supported on Squarespace at this time.

Forum Embedding

Integrating Muut to your Squarespace site is as easy as inserting a two-line snippet to a Code Block on any number of your Squarespace pages. Here is an example (simply replace community-name with your own forum name):

<a class="muut" href="https://muut.com/i/[community-name]">Your Forum Title</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>

Find your custom embed code on your settings page

To learn more about the flexibility of embedding Muut, please take a look at our documentation.

Commenting

There are a few steps to replacing your squarespace comments with Muut.

First, you'll want to disable your squarespace comments globally. Squarespace has an excellent document on this process. Be sure that you've unchecked "Enable comments Globally"

Once your squarespace comments have been disabled, it's time to add Muut comments onto your blog! Embedding Muut comments on your squarespace blog is a bit different than any other platform, but we've got you covered.

You'll want to navigate to your blog directory on your squarespace admin panel and open your blog settings. Then you'll click on the advanced tab and look for Page Header Code Injection.

Here, we'll add a bit of extra code to make sure your comments work as expected.

<style>.view-list .comments {display:none;}</style>

Adding this will make sure your Muut comments only appear where they should.

Now, we'll move onto Post Blog Item Code Injection. Once you've found it, you'll input your comment embed code. Here's an example (Be sure to replace community-name with your community name):

<a href="https://muut.com/i/[community-name]/comments" class="muut comments" type="dynamic">Comments</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>

Find your custom embed code on your settings page

But note, we've made a slight change to your code. under class we've added an extra class comments. By default it will only say class="muut" So when you are adding your custom embed code be sure you change the class section to say class="muut comments"

Once you've done that, you'll be good to go!

Advanced

Squarespace also supports some advanced embedding techniques, but not all have been tested. Let us know your experiences at info@muut.com and we'll expand our guide!

Issues

If you're having issues loading Muut on your squarespace site, check out this helpful doc.