1. Download the free package. You need to host all the included files from the package on your own domain because Facebook doesn’t allow file hosting.
2. Log in to your Facebook account.
3. Search for the Static HTML: iframe tabs application and select it.
4. Click on Add Static HTML to a page button and you’ll be prompted for the page where you want the app to be added.
5. Once added you’ll see on the left side menu of your page a new tab with a star icon called Welcome. Click on it to edit it.
6. Add the following HTML embedding code in the text field:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "http://www.yourdomain.com/product_folder/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowScriptAccess = "always";
params.allowFullScreen = "true";
var attributes = {};
swfobject.embedSWF("http://www.yourdomain.com/product_folder/FacebookTemplateFX.swf", "DivFlashComponent", "595", "520", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="DivFlashComponent"></div>
Don’t forget to use your own URL for the product’s location, name, width and height.
7. Click preview to see how it looks or save changes. The product is now added to the Welcome tab of your page.
8. Optional: To change the tab’s name, called by default Welcome, edit your page, go to the Apps tab and clickEdit Settings option next to the Static HTML: iframe tabs application to enter the name you want.
9. Optional: To make the tab your default landing tab (first thing your visitors see on your page) edit your page and go to the Manage Permissions tab and change the Default Landing Tab. Note that this option doesn’t work with the new Timeline for pages.
Getting rid of the FlashXML.net label
To remove the FlashXML.net label from the top-left corner you’ll need to buy the paid package. Once you do that, simply use the SWF file from the paid package to overwrite the SWF file from the location where you hosted all the files from the free package.
To set the Contact Form you have to edit the send_email.php from pages/contact/ContactForm/assets/script/folder.
For a comprehensive article about our templates’ structure and more customization options, please read this FAQ article.
