Squarespace no longer supports JavaScript by default. New subscribers to Squarespace may not be able to use Muut without upgrading to the Squarespace Business plan
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.
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!
Federated ID with Muut is not supported natively on Squarespace at this time. However, if you use MemberSpace, they have built an integration which works well
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!
If you're having issues loading Muut on your squarespace site, check out this helpful doc.