Skip to main content

Embedded Forum Demo

Below you'll find a Talkyard forum embedded in an <iframe>.

Here's how the embedding code on the parent page looks:   (note that for this to work, the forum must be configured to Allow embedding from this domain)

<script type="text/javascript">
talkyardServerUrl = 'https://forum.example.com';
</script>
<script async defer src="https://forum.example.com/-/embedded-forum.min.js"></script>

Detailed instructions here.   You'd want to place the embedded forum at the bottom of your page, and let it be as tall as needed. Otherwise the page might show two scrollbars (one for the forum in the <iframe>, another for the parent page).

Links: You can link directly to forum pages inside the iframe. Talkyard automatically adds [a # and the forum path] to the parent page URL, so copying the address bar gives you a working link. For example: https://www.talkyard.io/embedded-forum-demo#/-9/the-rules-of-writing (note the '#'). — If you want, open a discussion topic in the forum below, and look at how the URL in your browser's address bar above, changes.