Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

this is my first question on here so I do apologise in advance if I do something wrong. I'm a web designer, not a programmer (just for the record)!

I have to add a custom welcome tab to a Facebook fan page, and...I don't know how to do it. I have googled and found several tutorials, but I can't seem to follow any of them because my experience always deviates from what the guides lead me to expect!

The tutorial I've seen most recommended is this: http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/ However, I've tried it and I just don't get the same pages or forms as shown.

After I create and name a new app, the tutorial says I need to go to the Facebook Integration tab and fill in the fields "Tab URL", "Secure Tab URL" etc. I can't find any of this. The forms I have found ask for a whole load more information such as "Canvas Page", "Canvas URL", "Bookmark URL" and more, but I simply don't know what I'm supposed to put in here.

If anyone could advise me (in the most basic terms), or point me to a very simple tutorial then I would be most grateful.

EDIT: Think I have this sorted - thank you.

share|improve this question
add comment

migrated from stackoverflow.com Aug 1 '11 at 17:47

This question came from our site for professional and enthusiast programmers.

2 Answers

up vote 3 down vote accepted

You will need to click On Facebook in order to display Page Tabs, which will display the Tab URL, Secure Tab URL and all of the Canvas URL details.

Canvas Page is the name you'd like for your application to show up on Facebook e.g. http://apps.facebook.com/LaurasApp/

Canvas URL is the URL to pull content for your application.

Tab URL is the URL to pull content for your Page.

Secure Tab URL is used if you are using https.

share|improve this answer
    
Hi, we're struggling to see the difference between the Canvas URL and the Tab URL. Lets' say we had an iframe at www.mysite.com/iframe/page.html, would that be the tab URL or the Canvas URL? And if it's one of those, what is the other one? –  Mikey Hogarth Aug 1 '11 at 16:40
    
Apps on Facebook.com are loaded into a Canvas Page. A Canvas Page is quite literally a blank canvas within Facebook on which to run your app. You populate the Canvas Page by providing a Canvas URL that contains the HTML, JavaScript and CSS that make up your app. When a user requests the Canvas Page, we load the Canvas URL within an iframe on that page. This results in your app being displayed within the standard Facebook chrome. –  Neil Knight Aug 1 '11 at 18:27
    
okay: if my iframe is at "mysite.com/iframe.html";, what goes in "canvas page", "canvas url" and "tab url", still struggling to see the differece! –  Laura Hogarth Aug 2 '11 at 11:45
    
Canvas page is the name of the URL that you want. Canvas URL should just be mysite.com/ and the Tab URL is where you specify the actual page you want to render. –  Neil Knight Aug 2 '11 at 12:56
    
Thank you for your help - I will give it a go! –  Laura Hogarth Aug 2 '11 at 13:39
show 7 more comments

Here is a very simple tutorial that explains how to do it step-by-step. You should have no problems getting your custom page online by following this: http://webdeveloperpost.com/Articles/How-to-create-a-custom-facebook-page-without-restrictions.aspx

share|improve this answer
    
Thank you very much. –  Peter Taylor Aug 9 '11 at 21:21
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.