22 Jan 2012

Using iFrames to integrate FB Minisite into Facebook Fan Pages

0 Comment

[video type="vimeo" border="yes" link="http://vimeo.com/35461532" width="100%" height="323"]
1.CREATE FACE BOOK PAGE

LINK:
http://www.facebook.com/pages/create.php

I’ve already created 2 test pages but I’ll show you again how to do it:

  • Use the above link
  • Choose page subject
  • Choose category
  • Choose the name of your page
  • Save new page

2. Upload your template onto your server

  • The best way is to keep all the files of your template in one folder with the name of your choice.
  • Upload the folder to the root of your server using FTP software
  • You can test your template when online just to make sure that it works on your server…
  • It works locally so now upload it to your server – I have already done it and will test it online now – It works on my server as well…

3. CREATE FACEBOOK APLICATION

LINK: https://developers.facebook.com/apps

Choose the name of your application
For example: ourappl

Choose Canvas Page name:
For example:  nightforever

Canvas URL
Link to your website (on your server):

http://www.yourdomain.com/night-template/

Secure Canvas URL
The same link with only letter “S” added after http
https://www.yourdomain.com /night-template/

Choose the Tab Name that will appear on the left menu of your fan page:
For Example:party

Tab URL  will be the same like Canvas URL
http://www.yourdomain.com /night-template/

Secure Tab URLwill be the same as Secure Canvas URL:

https://www.yourdomain.com/night-template/

Edit URL will be the same as Canvas Page URL only with “edit” added at the end:

http://apps.facebook.com/nightforever/edit

Create your application

  • View App Profile Page
  • Click on: Add to My Page
  • Choose the page you want to add the application to…
  • You are done….

I hope it was helpful to some of you – I know that not everybody know how to use the iFrame to integrate FB templates into FB fan pages that’s why I was trying to give as much details as possible.

If you have any questions – feel free to contact me.
GOOD LUCK

[top]

Facebook

Twitter