Welcome in the fourth 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 fourth part of tutorial and you will read here how to configure Open Graph for your Facebook App, which will works with our module. 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
Here is the completly list of steps from this article:
Facebook has created a platform that allows sites and apps to share information about users in order to tailor offers, features and services to each one’s interests and tastes — even if that individual has never visited the site before
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Now you can setup the Open Graph settings. This is the most important part of your application!
Log in to yout facebook account and go to facebok developers page. Open app tab and edit your Wishlist app. Now you must go to "Open Graph" / Get Started page. Use this tool to customise the stories that people will generate when they use your app. Get started by defining actions and objects that will form the basis of your app's stories on Timelines, Ticker and in the News Feed.
With your app customers can want a product so fill out fields with this values. exactly as on image above.
Click Get started when you're ready.
Now, when you clicked on "Get started" button, you will be redirected to Open Graph advanced settings page. Advanced settings consists of three steps: 1) Edit your action type, 2) Edit your object type, 3) Create an aggregation.
What are Action Types? Action types are the actions that people can perform in your app. Define how your app activity is presented in stories that appear in the News Feed, Ticker and Timeline. From this page, you can set up what your actions will be called and preview how they'll be displayed. Configure it exactly as:
configure Action Type exactly as we on images attached below:
As you see in configure story text section app will add to timeline "Martin wanted in WishListDemo". Maybe good thing is to set app name exactly the same as your shop? The decision is yours.
configure also:
When you're ready click on button "Save changes and next". Now you can Edit your Object Type.
What are Object Types? Object types are the things people interact with in your app. Define how they are presented in stories that appear in the News Feed, Ticker and Timelines. From this page, you can set up what your objects will be called and preview how they'll be displayed.
You dont have to change anything here. So You can go to next step by clicking on "Save changes and next" button. Next step is creating an Aggregation of products on customer timeline.
What are Timeline Aggregations? Timeline aggregations display a summary of a person's activity in your app during a time period. From this page, you can customise and preview the way your aggregations will look on your user's Timeline.
configure an aggregations exactly the same as we configured. you can see it on image below:
If you are ready click on button "Save and finish"
Before we use a PrestaShop Module
Right after clicking on "Save and finish" button, you will be redirected to main Open Graph page where you can find informations about your Open Graph specification, and where you can send app to verification by Facebook team. But before you'll send it, you must configure your PrestaShop module. Moreover, if you want to start testing the our module, you must do one thing descripted below:
Just click on the "Get Code" button. You will see dialog box with some urls and codes. It's not important, you can click close now. and read next part of tutorial
We can create a wishlist Facebook app for you, by using our developer account
If 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.
Files manager and webp images support PrestaShop has files manager that gives possibility to upload images to img/cms/ directory. These pictures can be used to build product descriptions etc. How to add webp images support to this default files manager in PrestaShop ?
New Croatian law requries prices in two currencies Croatia switches currency to EUR. Because of this all on-line merchants requires to show prices in two currencies - Croatian Kuna and in Euros. How to achieve this in PrestaShop?
Brand on list of purchased products This guide shows how to add brand (manufacturer) name of product to list of purchased products on order details page in PrestaShop 1.7
VAT tax changes and PrestaShop Check how to deal with new VAT tax rules in European Union b2c transactions. Is PrestaShop ready for these changes?
