Facebook OG wishlist tutorial: 3. Configuring own Facebook wishlist app

Welcome in the third 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 third part of tutorial and you will read here how to configure own Facebook App, which will works with our module. 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

Let me remind you how the application page looks:

click to enlarge

Here is the completly list of steps from this article:

1. Setting up the basic settings of our app
2. Setting up the permission settings of our app
3. Setting up the app details

Basic settings

In basic settings most important thing is to select how your app integrates with Facebook. You can choose:

• Website with Facebook Login
• App on Facebook

• Mobile Web
• Native iOS App
• Native Android App
• Page tab

For configure our PrestaShop module for Facebook open graph wishlist you must select Website with Facebook Login. So - select it and fill field Site URL with the URL address to your shop. It's important because if you write here wrong shop url address - aplication wouldn't work! Moreover - this url will show in customers Timelines as a link to your shop. How it looks you can check [HERE PICTURE OF LINK]. You can also see how basic settings looks on image below:

correctly defined basic settings

You don't have to change anything more here. So basic settings of your app is now configured. You can now configure your app "Permission" settings. 

Permission settings

Open second settings page named "Permission". In this page you can setup permissions for your app. It's important, because without correctly defined permissions, your app wouldn't work. Permissions page looks like on the image attached below:

correctly defined permissions settings

In this page you must set up several settings. 

• Define Default Activity Privacy - Choose the default privacy setting for your app's activity. Users can change this setting in the auth dialog. As we show on image , please change the Default activity privacy to Public.
• Define User & friend permissions - Type all the permissions users must provide to authenticate your app. You must fill form with "publish_actions" value.

That's all here. Rest settings you don't have to edit. so click Save Changes button and go to next step, where you edit App Details.

App details

in this page, you can fill out fields with your application details in several sections. Below App info section

• Primary language - Choose the primary language for your app. All of your text and assets should be in this language. Support for multiple languages is coming soon.
• Display name - Add the name of your app as you'd like it to appear in the App Center. Use 3-32 characters.
• Tagline - Add a subtitle or tagline that will appear under your app's name. Use up to 40 characters.
• Description - Add a 1-line description of your app that will appear in hovercards, news feed and App Center lists. Use up to 130 characters.
• Detailed description - Add a description that helps people decide whether or not to install your app. Describe your app's features, how it works and how it integrates with Facebook. Use up to 1000 characters.
• Explanation of permissions - If you ask for any extended permissions, provide an explanation for how your app plans to use them. Your app don't send request for extended permissions so you can leave it blank
• Publisher (optional) - Add the name of the person or company who publishes your app.
• Category - Choose the category that best describes your app. Be sure to read our category guidelines.

We configure it exactly as on image below:

app settings: specify your Contact informations. In this section you can specify:

• Privacy Policy URL - Add a link to your privacy policy. This will appear in the auth dialog and on your app detail page.
• Terms of Service URL - Add a link to your Terms of Service. This will appear in the auth dialog and on your app detail page.
• User Support Email - Add an email address. When someone reports or contacts your app, their request will be sent to this address.
• User support URL - Add a user support URL. When someone reports or contacts your app, their request will be sent to this URL.
• Marketing URL (optional) - Add a user support URL. When someone reports or contacts your app, their request will be sent to this URL.
• App page - An optional Facebook Page associated with your app. It mean that you can create other Fanpage, right for your application

you can see how we configure this section on image below:

You must also upload app images. The list of images and description:

• 16x16 - it is smalles icon . This image is placed on every customer timeline, right on image of product in wishlist
• 75x75 - this image will appear in login dialog box and permission dialog box
• 128x128 - Upload a 128 x 128 pixel icon for your web app detail page and high-resolution mobile screens. Make sure the background isn't white at the edges or corners.
• 155x100 Web banner - Upload a 155 x 100 pixel banner for App Center lists (ex: Top Apps, Friends' Apps) on the web. Make sure the background isn't white at the edges or the corners and that your app name is included.
• 800x150 Cover image - Upload a 800 x 150 pixel cover image for your app detail page.
• 180x115 Small Web Editor's Pick - Upload a 180 x 115 pixel banner that will be used if your app is featured in a web App Center ad. Make sure the background isn't white at the edges or the corners and that your app name is included.
• 394x150 Large Web Editor's Pick - Upload a 394 x 150 pixel banner that will be used if your app is featured in a web App Centre editorial. Make sure the background isn't white at the edges or the corners and that your app name is included.

You can check our app images, and how it looks in this form;

if you are ready and you fill out all of described here fields - you can click Save Changes. After saving app auth dialog box will be looks like that:

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. 

click here to read more about this service