Channel embedding

If you are using WordPress, Shopify, or Wix, please check with your platform’s help page first.
There are a few methods for embedding a Muut channel.


Single channel with flat view

 This eliminates the Muut dashboard and sidebar and leaves a streamlined single channel. Your typical embed code might look something like this (don't forget to check your settings page for your customized quick embed code):

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

For a single channel embed you'll just add one or two additional directories above your community name. So if you wanted to embed a channel named "general"...

<a class="muut" href="https://muut.com/i/[community-name]/general”>General Channel</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>

Single channel with threaded view

 This is nearly identical to the above method, but produces a more traditional comment section. Typical embed looks something like this (don't forget to check your settings page for your customized quick embed code):

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

For a threaded single channel view, one that shows no thread titles but an easy to chat/reply format you'll just add one or two additional directories above your community name plus the modifier data-show_title="false". So if you wanted to embed a channel named "general"...

<a class="muut" href="https://muut.com/i/[community-name]/general” data-show_title="false" >General Channel</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>

Full forum with default channel


This allows you to change the default channel that opens when the classic forum is loading. Your normal embed code looks like this (don't forget to check your settings page for your customized quick embed code):

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

Community owners who want to change the default channel it's all about the #! add that bit before the slash followed by the name of your channel. Like so:

<a class="muut" href="https://muut.com/i/[community-name]#!/general”>General Channel</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>