Facebook OG wishlist tutorial: 2. Creating own Facebook wishlist app

PrestaShop Facebook OpenGraph Wishlist application module


Welcome in the second tutorial related to our module Facebook Wishlist, which uses Facebook Open Graph api to create "Wishlist" block in customers timeline with products from your shop. As we say this is second part of tutorial and you will read here how to create own Facebook App, which will works with our module. If you don't have Facebook developer account, read first part of tutorial about creating own facebook developer account.


Completly list of tutorial about Facebook Wishlist App

  1. Creating own Facebook developer account
  2. Creating own Facebook wishlist application
  3. Configuring basic settings of own Facebook wishlist application
  4. Configuring Open Graph protocol in own wishlist app
  5. Configuring Prestashop module
  6. Submiting app for approval by Facebook team


Here is the completly list of steps from this article:

First steps in creating own Facebook wishlist application


First steps in creating own Facebook wishlist application

If you arent logged into you facebook account - please log in and open the Facebook Developers website and go to App section available here: https://developers.facebook.com/apps. Now you must click on blue button + Create New App.

Prestashop opengraph api tutorial


After clicking you will se dialog box with simple application Settings. You must fill out correctly fields in simple form. You dont have to create an app with hosting - so don't select it.


prestashop facebook opengraph wishlist


  • App Name - The name of the app, using no more than 32 characters and no less than 3. Please make sure that your app name does not violate the trademark or other rights of a third party. Otherwise, we may be forced to remove your app.
  • App Namespace - The app namespace is used for defining custom Open Graph actions and objects (e.g., namespace:action) and for the URL for Apps on Facebook (e.g., http://apps.facebook.com/namespace)


As you see on picture attached above, we fill App Name field with "WishList Demo" value, and App Namespace with "demowishlist". Write there your own app name and namespace. It's important to write values correctly - if it is ok you will see "Valid" and "Available". When you click Continue button you will see dialog box with Captcha code in box, rewrite it and click next Continue button.


prestashop facebook open graph wishlist module tutorial captcha


If everything goes ok, you will be redirected to main Application page. It's most important place for Facebook App developer - you can set up here all most important settings for you app. Now you can configure your app. Page loks like page on image attached below:


click to enlarge

click to enlarge


We can create a wishlist Facebook app for you, by using our developer account


Facebook app wishlist creation prestashopIf you want, we can create for you a Facebook app for our module Facebook Wishlist. If you don't have a Facebook Developer Account or if you don't want to be verified by Facebook team via phone or credit card (You must be revied - this is the only way to create own Facebook apps) this service is exactly for you. We create a Facebook app, configure it and send request for approve to Facebook team. 


click here to read more about this service

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