Embedding your forum on your own website or blog

You are free to embed the forums your create on your own website or blog. It is quite easy to embed a forum, and only takes a few lines of HTML code. You can embed a forum to provide help or service for your website, or to connect with people on your blog.

The embedding HTML code can be copied from your forum's Embed page under Admin.

The simplest solution is to embed a forum inside your webpage using an iframe. Here is some simple code to embed the FORUMS libre forum in an iframe.

Code to embed a forum in a iframe

<iframe src="http://www.forumslibre.com/forum?embedded=true&id=6004&background=fff" width="550" height="400" frameborder="0" scrolling="auto"></iframe>

This code will produce the following:

The embed tab provides 5 different embedding options. You just need to select the embed option and click "Get Code" to see the results. You can also make up your own option using your own code, or modifying the generated code.

Another option is to put a button or link on your website that open the forum in another window. This can be done using a little Java Script code.

Code to popup a forum in window

<script> function popupwindow(url, title, w, h) { var left = (screen.width/2)-(w/2); var top = 100; window.open(url, title, 'scrollbars=yes, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); return false; } </script> <form onsubmit="popupwindow('http://www.forumslibre.com/forum?embedded=true&id=6004&background=fff', 'child', 700, 600); return false;"> <input style="color:#d5d5d5;background-color:#009900;cursor: pointer;font: 13px/30px Arial, Helvetica, sans-serif;height: 40px;border: 0;margin: 10px 10px 0 0;font-weight:bold;" type="submit" name="chat" value="Forum"> </form>

This code will produce the following:

So that's it, you should now be able to embed your forum on your website or blog.