SlideShare a Scribd company logo
1 of 7
Creating Custom Tabs for Vendors
Faceboook page
1 ADMINISTRATOR RIGHTS
Make sure to getat least EDITOR role the Facebookpage.
Note:Can be done bythe administrator(s) of the page undersettings>page roles > add anotherperson
2 LOG INAS A FACEBOOK DEVELOPER
Go to https://developers.facebook.com/apps. Andlogin withthe Facebookcredentialswiththe
editor/admin role for the page.
3 CREATEAND NAMETHE NEW TAB
1. Clickthe green‘+ Add a New App’at the top rightcornerof the page.Thenchoose the
‘Website’buttononthe farright.
2. Clickon the 'Skip and Create App ID' buttonat the topright.
3. Under ‘DisplayName’ put “OrderOnline Now”orsomethingsimilar.Thiswillbasicallybe the
app / tab that will be displayedonthe Facebookpage.
 Leave ‘Namespace’blank.
 Select‘No’for‘Is thisa test versionof another app?’
 Under ‘Category’choose ‘Appsfor Pages’
 Click‘Create App ID’ whichwill leadtothe appdashboardfor the nextstep
4 CONFIGURETHEFACEBOOK PAGETAB
At 'Settings'in the left-handnavigation;thenclickthe '+ Add Platform' buttonto start configuringyour
FacebookPage tab.
Nextclickonthe ‘Page Tab’
Nextaddthe linkof the vendor’smenuonfoodpandain‘Secure Page Tab URL’. SelectYesfor‘Wide
Page Tab’.
For the Page Tab Image you can choose eitherone of the followingimageswhichfitsthe resolution
required.
Afterthese are done click on‘Save Changes’buttonat the bottomright.
5 ADD YOUR CUSTOM TABTO YOUR FACEBOOK PAGE.
To do thisyouwill needtoeditthislink:
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
For YOUR_APP_ID andYOUR_URLitcan be found accordingly.
Afterreplacingthe fieldswiththe correctpartsthe URL shouldlooksomethinglike this:
http://www.facebook.com/dialog/pagetab?app_id=484662968361766&next=https://www.fo
odpanda.sg/restaurant/s3ag/copper-chimney
Once you have the URL as above,copyand paste themintoyourbrowserandthe followingpage will
appear.
Selectthe page youwant toadd the tabtoo thenclickon ‘Add Page Tab’
Once thisis done the tab will be implemented.(:
RemembertoSetitlive toounderthe Statusand Review tab.

More Related Content

What's hot

Magento 2 Social Login
Magento 2 Social LoginMagento 2 Social Login
Magento 2 Social LoginTheMagicians
 
What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011Iskandar Najmuddin
 
Product update sso authentication method released for orangescrum
Product update  sso authentication method released for orangescrumProduct update  sso authentication method released for orangescrum
Product update sso authentication method released for orangescrumOrangescrum
 
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guideLookbook Cloud (Facebook slideshow with multiple hotspots app) user guide
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guideAlex Levashov
 
Android App Development 20150402
Android App Development 20150402Android App Development 20150402
Android App Development 20150402Hideo Kadowaki
 
Creating and embedding a twitter widget in blackboard
Creating and embedding a twitter widget in blackboardCreating and embedding a twitter widget in blackboard
Creating and embedding a twitter widget in blackboardClaudia Igbrude
 
How to create page on facebook
How to create page on facebookHow to create page on facebook
How to create page on facebookiDevprakash
 
How to report a bug?
How to report a bug?How to report a bug?
How to report a bug?Pagepro
 
New in orangescrum bug and issue tracking feature released
New in orangescrum   bug and issue tracking feature releasedNew in orangescrum   bug and issue tracking feature released
New in orangescrum bug and issue tracking feature releasedOrangescrum
 
Product update zoom + orangescrum integration released!
Product update  zoom + orangescrum integration released!Product update  zoom + orangescrum integration released!
Product update zoom + orangescrum integration released!Orangescrum
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIReaselsolutions
 
How to embed a Voki in a Twispace page
How to embed a Voki in a Twispace pageHow to embed a Voki in a Twispace page
How to embed a Voki in a Twispace pagePetros Michailidis
 
Embed a Popplet into Twinspace
Embed a  Popplet into TwinspaceEmbed a  Popplet into Twinspace
Embed a Popplet into TwinspacePetros Michailidis
 
Beta testing guidelines for developer
Beta testing guidelines for developerBeta testing guidelines for developer
Beta testing guidelines for developerKetan Raval
 
How to uninstall do search.com redirect virus
How to uninstall do search.com redirect virusHow to uninstall do search.com redirect virus
How to uninstall do search.com redirect virusharoNaroum
 
How To Write A Robot For Google Wave
How To Write A Robot For Google WaveHow To Write A Robot For Google Wave
How To Write A Robot For Google WaveMaximumHit Ltd
 
Composing a digital portfolio in blogger
Composing a digital portfolio in bloggerComposing a digital portfolio in blogger
Composing a digital portfolio in bloggerJohn Dias
 

What's hot (20)

Magento 2 Social Login
Magento 2 Social LoginMagento 2 Social Login
Magento 2 Social Login
 
What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011
 
Talk tomepart1
Talk tomepart1Talk tomepart1
Talk tomepart1
 
Product update sso authentication method released for orangescrum
Product update  sso authentication method released for orangescrumProduct update  sso authentication method released for orangescrum
Product update sso authentication method released for orangescrum
 
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guideLookbook Cloud (Facebook slideshow with multiple hotspots app) user guide
Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide
 
Android App Development 20150402
Android App Development 20150402Android App Development 20150402
Android App Development 20150402
 
Creating and embedding a twitter widget in blackboard
Creating and embedding a twitter widget in blackboardCreating and embedding a twitter widget in blackboard
Creating and embedding a twitter widget in blackboard
 
App development
App developmentApp development
App development
 
How to create page on facebook
How to create page on facebookHow to create page on facebook
How to create page on facebook
 
How to report a bug?
How to report a bug?How to report a bug?
How to report a bug?
 
New in orangescrum bug and issue tracking feature released
New in orangescrum   bug and issue tracking feature releasedNew in orangescrum   bug and issue tracking feature released
New in orangescrum bug and issue tracking feature released
 
Product update zoom + orangescrum integration released!
Product update  zoom + orangescrum integration released!Product update  zoom + orangescrum integration released!
Product update zoom + orangescrum integration released!
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIR
 
How to embed a Voki in a Twispace page
How to embed a Voki in a Twispace pageHow to embed a Voki in a Twispace page
How to embed a Voki in a Twispace page
 
[MSD]UI03
[MSD]UI03[MSD]UI03
[MSD]UI03
 
Embed a Popplet into Twinspace
Embed a  Popplet into TwinspaceEmbed a  Popplet into Twinspace
Embed a Popplet into Twinspace
 
Beta testing guidelines for developer
Beta testing guidelines for developerBeta testing guidelines for developer
Beta testing guidelines for developer
 
How to uninstall do search.com redirect virus
How to uninstall do search.com redirect virusHow to uninstall do search.com redirect virus
How to uninstall do search.com redirect virus
 
How To Write A Robot For Google Wave
How To Write A Robot For Google WaveHow To Write A Robot For Google Wave
How To Write A Robot For Google Wave
 
Composing a digital portfolio in blogger
Composing a digital portfolio in bloggerComposing a digital portfolio in blogger
Composing a digital portfolio in blogger
 

Viewers also liked (11)

Plan tic 9_a
Plan tic 9_aPlan tic 9_a
Plan tic 9_a
 
Rubiqube
RubiqubeRubiqube
Rubiqube
 
Bradley witham – financial advisor
Bradley witham – financial advisorBradley witham – financial advisor
Bradley witham – financial advisor
 
ABHISHEK_125389746
ABHISHEK_125389746ABHISHEK_125389746
ABHISHEK_125389746
 
Didctica general
Didctica generalDidctica general
Didctica general
 
Esercito romano
Esercito romanoEsercito romano
Esercito romano
 
ColleenLucasResume
ColleenLucasResumeColleenLucasResume
ColleenLucasResume
 
La mayordomia tiempo y tesoro
La mayordomia tiempo y tesoroLa mayordomia tiempo y tesoro
La mayordomia tiempo y tesoro
 
Dubai
DubaiDubai
Dubai
 
Preparing data and documentation for digital curation
Preparing data and documentation for digital curationPreparing data and documentation for digital curation
Preparing data and documentation for digital curation
 
Guía seguridad para los actores de la cadena de suministro
Guía seguridad para los actores de la cadena de suministroGuía seguridad para los actores de la cadena de suministro
Guía seguridad para los actores de la cadena de suministro
 

Similar to Creating Custom Tabs for Vendors Faceboook page

Lab Exercise 1 - Defining an App
Lab Exercise 1 - Defining an AppLab Exercise 1 - Defining an App
Lab Exercise 1 - Defining an AppRushabh Khajuria
 
Facebook SSO.docx
Facebook SSO.docxFacebook SSO.docx
Facebook SSO.docxehathis
 
Adding a custom page tab to your facebook
Adding a custom page tab to your facebookAdding a custom page tab to your facebook
Adding a custom page tab to your facebookHeather Fiedler
 
eBay Tutorial
eBay TutorialeBay Tutorial
eBay TutorialPuttiApps
 
Wordpress Integration Tutorial
Wordpress Integration TutorialWordpress Integration Tutorial
Wordpress Integration TutorialMy App Editor
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsAffinitive
 
Building Facebook Fan pages
Building Facebook Fan pagesBuilding Facebook Fan pages
Building Facebook Fan pagesJonathan Benya
 
"Discover windows phone" 02. page navigation
"Discover windows phone"   02. page navigation"Discover windows phone"   02. page navigation
"Discover windows phone" 02. page navigationYasmine Abdelhady
 
Facebook marketing 101
Facebook marketing 101Facebook marketing 101
Facebook marketing 101Veia Lim
 
Guide to create an amp form in word press website
Guide to create an amp form in word press websiteGuide to create an amp form in word press website
Guide to create an amp form in word press websiteHireWPGeeks Ltd
 
Getting the most from Facebook Fan page
Getting the most from Facebook Fan pageGetting the most from Facebook Fan page
Getting the most from Facebook Fan pageStan Skrabut, Ed.D.
 
How to Create a Facebook Business page
How to Create a  Facebook Business pageHow to Create a  Facebook Business page
How to Create a Facebook Business pageIndu Khemchandani
 
How to Create a Facebook Business page
How to Create a  Facebook Business pageHow to Create a  Facebook Business page
How to Create a Facebook Business pageIndu Khemchandani
 
Creating a content managed facebook app
Creating a content managed facebook appCreating a content managed facebook app
Creating a content managed facebook appOS-Cubed, Inc.
 
WebsiteAlive Integration: Facebook Fanpage
WebsiteAlive Integration: Facebook FanpageWebsiteAlive Integration: Facebook Fanpage
WebsiteAlive Integration: Facebook FanpageWebsiteAlive
 

Similar to Creating Custom Tabs for Vendors Faceboook page (20)

Custom Landing Pages for Facebook
Custom Landing Pages for FacebookCustom Landing Pages for Facebook
Custom Landing Pages for Facebook
 
Dan Lester
Dan LesterDan Lester
Dan Lester
 
Lab Exercise 1 - Defining an App
Lab Exercise 1 - Defining an AppLab Exercise 1 - Defining an App
Lab Exercise 1 - Defining an App
 
Facebook SSO.docx
Facebook SSO.docxFacebook SSO.docx
Facebook SSO.docx
 
Adding a custom page tab to your facebook
Adding a custom page tab to your facebookAdding a custom page tab to your facebook
Adding a custom page tab to your facebook
 
eBay Tutorial
eBay TutorialeBay Tutorial
eBay Tutorial
 
Wordpress Integration Tutorial
Wordpress Integration TutorialWordpress Integration Tutorial
Wordpress Integration Tutorial
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech Requirements
 
Building Facebook Fan pages
Building Facebook Fan pagesBuilding Facebook Fan pages
Building Facebook Fan pages
 
"Discover windows phone" 02. page navigation
"Discover windows phone"   02. page navigation"Discover windows phone"   02. page navigation
"Discover windows phone" 02. page navigation
 
Facebook marketing 101
Facebook marketing 101Facebook marketing 101
Facebook marketing 101
 
Guide to create an amp form in word press website
Guide to create an amp form in word press websiteGuide to create an amp form in word press website
Guide to create an amp form in word press website
 
Getting the most from Facebook Fan page
Getting the most from Facebook Fan pageGetting the most from Facebook Fan page
Getting the most from Facebook Fan page
 
Facebook Wine Marketing
Facebook Wine MarketingFacebook Wine Marketing
Facebook Wine Marketing
 
How to Create a Facebook Business page
How to Create a  Facebook Business pageHow to Create a  Facebook Business page
How to Create a Facebook Business page
 
How to Create a Facebook Business page
How to Create a  Facebook Business pageHow to Create a  Facebook Business page
How to Create a Facebook Business page
 
Creating a content managed facebook app
Creating a content managed facebook appCreating a content managed facebook app
Creating a content managed facebook app
 
Getting Started With Facebook
Getting Started With Facebook Getting Started With Facebook
Getting Started With Facebook
 
Facebook for Business
Facebook for BusinessFacebook for Business
Facebook for Business
 
WebsiteAlive Integration: Facebook Fanpage
WebsiteAlive Integration: Facebook FanpageWebsiteAlive Integration: Facebook Fanpage
WebsiteAlive Integration: Facebook Fanpage
 

Creating Custom Tabs for Vendors Faceboook page

  • 1. Creating Custom Tabs for Vendors Faceboook page 1 ADMINISTRATOR RIGHTS Make sure to getat least EDITOR role the Facebookpage. Note:Can be done bythe administrator(s) of the page undersettings>page roles > add anotherperson 2 LOG INAS A FACEBOOK DEVELOPER Go to https://developers.facebook.com/apps. Andlogin withthe Facebookcredentialswiththe editor/admin role for the page.
  • 2. 3 CREATEAND NAMETHE NEW TAB 1. Clickthe green‘+ Add a New App’at the top rightcornerof the page.Thenchoose the ‘Website’buttononthe farright. 2. Clickon the 'Skip and Create App ID' buttonat the topright. 3. Under ‘DisplayName’ put “OrderOnline Now”orsomethingsimilar.Thiswillbasicallybe the app / tab that will be displayedonthe Facebookpage.  Leave ‘Namespace’blank.  Select‘No’for‘Is thisa test versionof another app?’  Under ‘Category’choose ‘Appsfor Pages’  Click‘Create App ID’ whichwill leadtothe appdashboardfor the nextstep
  • 3. 4 CONFIGURETHEFACEBOOK PAGETAB At 'Settings'in the left-handnavigation;thenclickthe '+ Add Platform' buttonto start configuringyour FacebookPage tab.
  • 4. Nextclickonthe ‘Page Tab’ Nextaddthe linkof the vendor’smenuonfoodpandain‘Secure Page Tab URL’. SelectYesfor‘Wide Page Tab’.
  • 5. For the Page Tab Image you can choose eitherone of the followingimageswhichfitsthe resolution required. Afterthese are done click on‘Save Changes’buttonat the bottomright. 5 ADD YOUR CUSTOM TABTO YOUR FACEBOOK PAGE. To do thisyouwill needtoeditthislink: http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
  • 6. For YOUR_APP_ID andYOUR_URLitcan be found accordingly. Afterreplacingthe fieldswiththe correctpartsthe URL shouldlooksomethinglike this: http://www.facebook.com/dialog/pagetab?app_id=484662968361766&next=https://www.fo odpanda.sg/restaurant/s3ag/copper-chimney
  • 7. Once you have the URL as above,copyand paste themintoyourbrowserandthe followingpage will appear. Selectthe page youwant toadd the tabtoo thenclickon ‘Add Page Tab’ Once thisis done the tab will be implemented.(: RemembertoSetitlive toounderthe Statusand Review tab.