Embedding A Vanilla Forum On A Facebook Page

If you are looking to add a little pizzazz to your Facebook fan page while tying it back to a site you control, you’ll be interested in how to embed a Vanilla Forum into a page.  You can see this live at the Vanilla Forums FB Page Forum.  Feel free to sign-up for a member account on that forum and play around.

As cool as this is, it’s actually quite simple to achieve:

  1. You must have a FB page obviously.
  2. You must have a Vanilla Forum.
  3. On your FB page you want to enable the Static HTML application.
  4. Next you want make sure that your Vanilla Forum has the Embed Vanilla theme enabled and you want to remove the right sidebar.  You can do both of these things from the Embed Vanilla tab (shocking, I know).
  5. Now grab the Embed Vanilla javascript and paste that code into the page contents area in the Static HTML tab interface. You probably want to name the new tab “Forum” or something like that too.

Save changes and you are done!  Since you will be logged in as a page administrator, you will see a message asking you to either “view tab as a fan”, “view tab as a non-fan”, or “go back to editor”.  Click on one of the “view tab” options to see your embedded Facebook page forum in action.  If you log out of your Facebook account and go back to your Facebook page, you will now see the forum every time you click on the tab, without getting the admin message.  This is what your regular Facebook fans see.

The forum will be working simultaneously on the Facebook tab as well as on your normal forum site.  You can moderate and control content and users from either/or both sites and you have one admin dashboard that controls both. You can see an example of this by visiting the regular site of our Facebook demo forum at fb.vanillaforums.com and compare that to our Facebook page forum.

Feel free to comment on this post if you hit any snags getting set-up.