Embed your forum

Muut is truly embeddable. The fastest way to get started is to use a simple "forum view". We handle the complicated stuff, like login and sign up, all on your page. You add it to one or a hundred (new or existing) pages on your website, and you won't even need any "iFrames".

You can embed Muut in any language, despite your "default" language. You can embed comments only or in addition to a "forum view." You can embed only a single channel or path. You can create custom navigation. And we support secure embedding and federated identity for advanced users.


Quick Embed Settings Page

This method is almost as fast as Muut is. If you want to get up and running with little fuss, follow our lead. Find the "Place on your site" or quick embed page on the settings screen. You can find your settings screen through your dashboard, or if you're logged into Muut you check out quick embed page here.

When you're on your "Place on your site" page, you'll see a page with two drop down menus and a set of options. You'll even note that in our example, we've highlighted what we call your community-name. You won't need this just yet, but it's good to know.

The best thing about your quick embed page? It's got your code pre-built, just for you! This page is super versatile, and kind of magic. It automatically changes from your selections, from forum to comments; it even lets you pick existing page or new. Let's stick with "forum" for now, but if you want to use Muut as a commenting system, check out our article on comment embedding!

Adding Muut to an existing page? Make sure you have rights to add or "inject" snippets of HTML code inside your website's <body></body> tag. New pages require the ability to edit/delete or add entirely new HTML pages.

  • New forum pages? Select the corresponding values from the dropdown menu and copy [ctrl/⌘ + C] & paste [ctrl/⌘ + V] the into your new/blank HTML page. Click save and publish it anywhere you like on your website.
  • Existing pages with a forum tacked on? The default setting when you open the quick embed page, is for exactly this purpose. Just copy & paste, and add it to your site inside the <<body></body>  tag. Be sure to save and publish!

What does that look like in practice?


Existing Page Quick Embedding

This method is almost as fast as Muut is. With just a couple lines of code, you'll be ready to go. You'll need to make sure you've either got code level access to your website (can you edit the HTML?) or be able to edit or add or "inject" little snippets of code into the <body></body> tag of your website. There are a couple of ways you can do this, the first is to inject this code into your <body></body> tag.

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

You won't be adding these two lines of code exactly as seen, though. You'll want to edit the community-name variable and replace it with your own. You can find you community-name here on your quick embed page.

In this case you'll select "Forum" and "on an existing page". Just copy and paste the code into your website, wherever you want it to appear in your <body></body> tag. Embedding your community on an existing page is that easy!


New Page Quick Embedding

Tossing up a new page with only your Muut community in Forum view is a popular option. We get why: Muut is super pretty, all on it's own. You'll need full HTML access, so you can create a new HTML file/page from scratch, or modify one entirely from head to toe. Why? Because we're going to give it one heck of a makeover. Make a new HTML file, or open an existing one and delete the contents. From there you'll add the following code. As usual you'll want to replace community-name variable, with your own community-name found on your quick embed page:

<!DOCTYPE html>
<html>
  <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <title>Your Community Title</title>
  </head>
  <body>
   <a class="muut" href="https://muut.com/i/community-name">Your Community Title</a>
   <script src="//cdn.muut.com/1/moot.min.js"></script>
  </body>
</html>

That's it. You're now a Muut magician with a killer community platform ready to... have conversations about all the things.