Facebook OG wishlist tutorial: 5. Configuring PrestaShop module

PrestaShop Facebook OpenGraph Wishlist application module

 

Welcome in the fifth 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 fifth part of tutorial and you will read here how to configure our PrestaShop module for work with your Facebook app. If you didn't configure your app Open Graph protocol, you must read previous part of tutorial about configuring open graph protocol. If you don't set up the basic configuration of your app - read third tutorial about configuration facebook wishlist app. If you don't created own app yet - read second tutorial about creating own Facebook wishlist application. 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:

 

Basic configuration of module

For the first, you must install our module in your PrestaShop back office. If it's already done - configure it. In module configuration open first tab named "Module settings". Select place, where you want to add button "Add to facebook wishlist". You can select one place from:

  • extra left - This place is right before the "Print" link, under the picture on product page. This is ideal place for displaying buttons or links to do something with product page (like print, share buttons of social networks, etc).
  • extra right This place is right after the block for the "Add to Cart" button on product page. It's great place for add other buttons or informations about product. You may add here add to notepad button, which is a part of Product Notepad module. 
  • product actionsThis place is inside the block for the "Add to Cart" button, right after that button.
  • product footer This place is right before the tabs on product page.
  • bottom sidebar - This place is on the bottom of the browser window, is fixed,  it mean that button does not move with the scrolling page and is always visible

 

prestashop facebook open garph wishlist module configuration

 

Facebook application settings

If you've already chosen the place where you want to display a "add to facebook wishlist" button you can configure Facebook application settings. So click on the second tab and fill fields in form with values that characterize your application on facebook, exactly as on image below:

 

prestashop facebook wishlist module open graph

 

  • App ID / API key - this is unique ID of your application. You can get it in facebook developers app main page. You must write it to correct field in module catefully. Otherwise, the application wouldn't work.
  • App Namespace - This is your app namespace. This should be unique to your app and will be used to manage your objects and actions. You can get it also from facebook developers app main page. You must also write it to field in module carefully Otherwise, the application wouldn't work.
  • App debug mode - Turn this on when app doesn't work and you don't know what is wrong. After every click on button "add to facebook wishlist" you get dialog box with informations about errors.
  • Open Graph App verification - Turn this on if your app is pending in Facebook Team Verification process.

 

If you're ready click save button. Now you can test your app. If it wouldn't work for you - check Before we use a prestashop module section i previous part of this tutorial.

 

Remember, when your app isn't verified by Facebook Team - it works only for app developer! Your app works for everyone only after verification process. So you must send request for verification. This is described in next part of this tutorial.

 

 

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