Facebook ON Template

Published on Mar. 6th 2012


Ever wished you could have top product features and galleries on Facebook? Well now you can, as the new Facebook ON template is out. Boost your facebook page to an unprecedented level. As its core is a top product viewer with awesome features such as the Multilevel Menu FX, Youtube/Vimeo Player FX, Accordeon News Reader FX, 360 Product Viewer FX, full customisation support and great performance it is the facebook theme to turn your page on and up!

XML Customizable Template

By editing the included configuration xml files you can modify the assets to obtain a brand new and original look for your flash website. Background images and colors, text content, gallery images, navigation buttons are just a few examples of things that you can customize in your template.

Included Flash Components & Galleries:

Installation instructions

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);
<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.

free package

  • Fully functional, no restrictions

  • Easy to install anywhere

  • XML customizable

  • Watermarked :



  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 7
  • >
  • loading comments...


Posted 3 years ago

Why do I have a watermark if I am a lifetime member?

FlashXML Support

Hi. Please read this FAQ page

Daniele Brunengo

Posted 4 years ago

EDIT 2: It was Chrome blocking the script (which is hosted on google https servers, so I don’t even want to get into it). So I embedded the whole html page instead of the SWF object and now it seems to work.

I used this code:
<html> <head> <style>* {margin: 0px;}</style> </head> <body>
<IFRAME name=“iframe” src=“http://www.pcpuntodoc.it/PcPuntoDocFB/” width=810 height=600 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto></IFRAME> </body>

Hope this is useful to somebody else.

FlashXML Support

Hi. Glad you made ​​it.

Daniele Brunengo

Posted 4 years ago

EDIT: the problem is only with Google Chrome, works fine with Opera.

Daniele Brunengo

Posted 4 years ago

Hello again, I’ve managed to implement the app and it works fine, except it doesn’t show up in Google Chrome and Opera!

You can check it out here: https://www.facebook.com/Brunengo.Daniele/app_190322544333196

It works fine on Firefox and Internet Explorer.

Is there a way to fix this? Thanks.

Daniele Brunengo

Posted 4 years ago

Sorry, delete everything, I found it, I’m a moron.

  • loading comments...
  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 7
  • >

Do you have a question?

you will get an answer in 24 hours, tops.

(required) Only alphanumeric characters allowed
(required) (will not be published)
Please type a message! Your message is too long! Either try to keep within 1500 characters, or contact our support team via email at support [at] flashxml.net.
(will not be published)
You mistyped the two words!
Can't read? Change the image
Format your comments using Textile: *bold*, _italic_, "link text":address, @code@
Connect to us on Facebook Follow us on Twitter Subscribe to our RSS feed
Copyright © FlashXML.net 2009 - 2017