how to create Facebook Pages custom
how to create a Facebook Pages custom
Facebook has made significant changes to the update page or Facebook Pages in recent months. Custom landing tabs have disappeared and all Facebook Pages are now rendered using the new view of the timeline. Page owners can add photos of coverage and they can also highlight important facts in pinning them upwards.
Facebook pages, by default, include apps for events, Photos, videos and Notes. However, if you want to include information customized to your Facebook Page – perhaps a Google Map of your company or YouTube videos or maybe a calendar of events – you will need to create an app for it. Let me share some good examples.
the official Facebook Page of Nokia has a welcome tab which highlights some of their recent phones. The Nike page has a tab that highlights the location of Nokia stores in the country. Apple’s App Store page has a tab featuring where they put a list of their best selling games and applications. The Al Jazeera Page on Facebook has a “Watch Live” tab where you can watch the news inside Facebook.
have you ever wondered how the big brands to create these interesting Facebook pages? They can have big marketing budgets, but do you really need to hire qualified designers or programmers to create these fan pages? Well the answer is obviously no. You can create beautiful applications customized for your Facebook Page without writing a single line of code and all you need are a few minutes.
Building Custom tabs (Apps) for the Facebook Pages
simple Apps for the Facebook Pages, in English, are like ordinary web pages that are embedded within Facebook using the IFRAME tag. Thus, any object that can be incorporated into a web page HTML – like audio MP3s, Google Maps, YouTube videos, presentations, Google Calendar, jQuery, carousels, slideshows, etc. – can be easily added to your Facebook Pages.
the other big reason is that Google Sites can serve as a more secure pages (https) and regular (http) connections. This is an extremely important point, because a majority of Facebook users may be lit “secure browsing” in their security settings. If your Facebook application serves as a regular URL (http) content, all these users will see is a warning message and you certainly don’t want to do. Google Sites is a recommended option.
how to create a Facebook application for your Page
enough theory, let’s get our hands dirty and create a custom application to our Facebook Page. If you’re stuck, follow this video tutorial.
step 1: open Google Sites and create a new site. Choose ‘Blank slate’ for the theme and, under Site settings, set the 100% width so your content occupies the entire width of the canvas of Facebook. Disable the header and the Sidebar because we do not want such things to appear on our Facebook Page.
step 2: compose a new page in Google Sites and add content to this page by using the built-in WYSIWYG editor. If you are an experienced coder/Designer, switch to HTML view and add the HTML code directly into your page. You can insert images, videos, maps and worksheets, tables and everything else as an HTML page standard gadgets.
step 3: open the Facebook developers page at developers.facebook.com and, if it is your first Facebook application, click on “go to” to add the Developer application to your Facebook profile. Then click on the button that says “Create a new application” and give a name (you can ignore the other fields) in your application.
step 4: expand the “Tab Page” option in the basic settings and set the URL to “Tab” and “Secure Page” the same tab as your URL or page of your Google site. The tab URL Page should point to the http version of the Google Sites page, while the Secure Page tab URL must use the https version.
step 5: you should also upload a thumbnail image of 111 × 74 pixels with your Page tab as it will appear in the header of your Facebook Page. Use larger fonts within the image for better readability. Save changes and your Facebook application is now ready.
step 6: , now we need to add this Page to our Facebook Page custom tab. It’s easy. Copy the application ID of your Facebook application you just create and replace XYZ in the following URL with this App ID open the URL in your browser and you should see an option to add the application to your Facebook Pages.
thats all. You can add multiple apps/tabs to your Facebook Page using the same technique, and it is also possible to change the order of tabs in the header.
If you need to update the content of a Facebook tab, just update the corresponding Google sites page and your Facebook tab updates automatically because internally, you host just the same Page of Google Sites to your Facebook Fans.
here is a video tutorial that will guide you through all the steps in detail. ↓