I just came across a sweet little forums application called Moot. https://moot.it And would like to embed this in my site but I'm having problems getting it to work correctly. Apparently Moot is not in the already supported embed.ly list and I have not had great success trying to edit the "Template" code on a new Forums page I created. Has anyone else looked at Moot and had success embedding this in their NationBuilder site?
It is possible to embed Moot on a NationBuilder page, though the process for doing so is a bit more involved than with most other third-party services (in part because Moot's recommended process requires embedding multiple lines of code in multiple places). Following the steps below should get you all squared away:
Step 1: Create a new Custom Theme in your nation. When prompted, choose "Clone existing theme."
Step 2: Within your new Custom Theme, open the _layout.html file.
Step 3: Visit Moot's documentation on Embedding in a new browser tab or window.
Step 4: Copy the HTML code Moot specifies for inclusion in the <head> section of your website. Do not include the <head> and </head> tags, themselves — only the code between them.
Step 5: In your Custom Theme's _layout.html file (see Step 2), paste the code you copied in Step 4 on the line just prior to the </head> tag.
Step 6: In the code snippet that you just pasted into your _layout.html file, delete the following lines:
These lines of code are duplicative of code already rendered by NationBuilder, and leaving them in your theme may cause problems with rendering some parts of your theme (ex: dropdown menus, signup forms, etc.).
Step 7: Within your Control Panel, navigate to the page you plan to embed the forum. (For the sake of this FAQ, we'll assume this is a 'Basic' page.)
Step 8: On the page you navigated-to in Step 6, open the 'Template' tab.
Step 9: In a new browser tab, return to Moot's documentation on Embedding. In the section labeled "Forums", copy the code snippet pictured below.
Step 10: Return to the 'Template' tab you opened in Step 7. Paste the code you copied in Step 8 just below the {{ page.basic.content }} tag.
Note: Be sure to replace 'your_forumname' with the proper name for your forum.
Step 11: 'Save and Publish' your custom page-level Template.
Step 12: Look at the public facing site. Your forum should be ready to go!
Showing 11 reactions
Sign in with
Hines Digital
Certified Architect
Certified Expert
Hines Digital
Certified Architect
Certified Expert
You might try this: https://muut.com/help/#quick-embedding
Kindest regards, Dirk Lovink
Hines Digital
Certified Architect
Certified Expert
Moot’s default embed documentation asks that you embed a jQuery file into your site, as well. NationBuilder, however, already includes jQuery in our themes and this duplicative reference causes issues in some themes.
I’ve updated the documentation above to account for this (Step 6), so it should be good to use going forward.
And Peter, I’ve updated your custom theme to fix the broken dropdown menus. You’re all set!