How to create facebook application ID?

Facebook application ID

 

I've noticed that many of merchants has got troubles with PrestaShop Facebook Modules . For some of them it's necessary to define Facebook Application ID. In most cases module without valid application ID will not work well, or will not work at all. In this guide i want to show you step by step how to create own facebook application id which will work with your shop domain.

 

 

 

Video below is the current guideline about creating own APP ID
if you want to integrate some facebook login module plugin - please follow steps described below video too

 

 

 

Now you, if you want to integrate some Facebook connect / register module please follow steps defined below

 

facebook app id how to create it

 

create app id facebook login

 

  1. go to your app dashboard and click on "Add Product" button
  2. Then click on button "Get started" near the "Facebook login"
  3. Enable "Client OAuth login"
  4. Enable "Web OAuth Login"
  5. Disable "Embedded Browser OAuth Login"
  6. Disable "Force Web OAuth Reauthentication"
  7. Put address to your shop in "Valid OAuth redirect URIs"
  8. Enable "Login from Devices" option
  9. Save changes

 

 

 

 

 

 

 

 

 

 

 

that's all, dont follow old guide defined below ;)

 

 

 

 

 

 

 

 

 

 

 

Old guide that is no longer valid - do not follow this

 

How to create facebook app id?

Let's clarfiy, what is facebook app. In simple words, it's a script based on popular programming languages like php, javascript which allows to enhance your experience on Facebook. This is how facebook defines applications:

Apps are designed to enhance your experience on Facebook with engaging games and useful features. You can use apps to listen to music with friends, share what you're reading, play games and more. 

As you know Facebook is a large platform,  to maintain security each application script have to be registered on facebook. Each registered app has got own application ID number, and this is what we want to create for our own (shop) purposes.

 

1. Facebook Developers website

First step: open website:  https://developers.facebook.com/tools/  - on top section you can see several buttons. First one named "apps" contains button "create a new app" - press this button like i show below:

 

Facebook Developers - create new app

facebook developers application

 

After that you will see modal popup with simple form, which contain three fields: Display Name, Namespace and Category dropdown select box. Please fill form with own data and select proper category (related to your shop). Please follow suggestions:

 

  1. Display Name is a field where you have to define Application name, you can type there anything you want, for example: "www.domain.com application'.
  2. Namespace is a unique on facebook platform namespace, you have to use there only Letters, without special chars and signs. It must be unique name on whole facebook. Type here namespace you want and you will see if it is available to use.
  3. Category from category field select app category. You can select any category you want, for example Buisness.

 

After that, click on "Create app" button (4). You will see field to enter catpcha code. just do it. Wait some time, several seconds, and your app will be created and ready to configure.

 

facebook app creation form

Facebook app creation form

 

 2. Facebook app configuration

Now it's time to configure app. Go to apps > see all apps page. You will see there list of all your apps. Click on app that you created a second ago, you will be redirected to facebook app dashboard page, where you can find application ID number (1). This is your app id and you have to use it in all integration modules that you've got in your prestashop store. But it's not all. We have to turn application on and define domain name. 

 

Facebook application dashboard

Facebook app page dashobard

 

Define app domain address

As i said above now it's time to define app domain address. App domain address is your shop domain. Why we have to provide it? It's because when we create app for website, we have to define the domain, where the app will be used. Without it your app will not work on your shop website. Open "settings" tab (1) and click on "+ add platform" button (2) as i show below. You will see modal popup window, select there "Website" option. 

 

Facebook app settings page

facebook app settings page

 

 

After that you will see additional form to define domain address. You will see fields: Site url (1) and Mobile site Url (2). Please fill these fields with your shop address, exactly as i filled it below. After that click on Save settings button (3)

 

Facebook website app settings

facebook website app settings

 

After that page will reload automatically. Now it's time to define "App domains" field, type there just "yourshop.com" domain (without www and http!) exactly as i show below. And hit save settings button once again.

 

Facebook website settings = App domain field

facebook website app settings

Your app is properly configured now

 

3. Turning app on

Your facebook application is configured, now it's time to turn app on. In this case open third tab named "status & review".  There is a field (button to switch settings) "Do you want to make this app all its live features available to general public". Just press it to turn app On because by default app is disabled. Confirm changes (communicate: "Are you sure you want to take your app live? It will become available to all users." - your app id is ready to use now!

 

facebook turn app on

author milos myszczuk
Article by Milosz Myszczuk PrestaShop expert, official PrestaShop community moderator. PHP developer, specialist in relative and spatial databases management, GIS Analyst, CEO & founder of VEKIA interactive agency. Read more about VEKIA company
If you like my articles and want much more valuable tips, feel free to send me donation
1.4 version 1.4.11 1.6 404 addon admin advertise ahref ajax alpha animation api app application authentication back office backup badge banner basics block bootstrap button cache carrier cart catalog category certificate changelog chat class clear client clip cms code colors columns comments configuration contact container content controller cookie counter country coupon css csv currency customer dashboard database debug default delete delivery desktop developer device disable discount displayNav displayTop download dynamic editor effect empty encrypt engine error exchange exclude export facebook faceshop fade fancoupon fancybox fanpage fatal feature feed field file fix fixed font footer free friendly url front ftp full gallery generate gift global godaddy google google+ gray grid groupon header help hide highlight homefeatured homepage hook hosting hover howto htaccess html html5 ID image import include input instagram installation integration iPhone issue javascript jquery kgb knowhow languages law left likebox link list livingsocial loading log login logo loyality mail mailing maintenance manufacturer marketing marquee mcrypt menu meta mobile modification module movie moving multilanguage multiupload must have mysql news newsletter notification number open graph order override page password performance PHP phpmyadmin picture pinterest plugin popup post prestashop prestashop 1.0 prestashop 1.1 prestashop 1.2 prestashop 1.3 prestashop 1.4 prestashop 1.5 price rules problem product profile promotion proslider purifier quantity query quick tip random rates register reinsurance release reporting reset responsive restore results ribbon rich text right sales search security seo service shadow share shipping shop shopmania slider smarty social networks SQL SSL statistics stock store style subcategory superuser support switcher tab tablet tag tax template text theme tinyMCE tips and tricks tpl tracking translations tree trends trigger tumblr tutorial twitter update upgrade upload variables video visits voucher vulnerability web2print wide widget width window wishlist wysiwyg youtube zip zopim