How to setup Facebook connect in Wroupon 3.8

Regardless of your experience level it is advised to read this section to guarantee correct configuration of your application. It is incorrect settings in the Facebook Developer application that tends to be the cause for misfunction. This can result in many hours of lost time trying to fix it.

Choose application name

Open Facebook Developer application and press button ‘Set up new application’. The screen as shown below appears. Here you enter the Application name and select Agree then Create Application to start the development process.

Setting Website options

Facebook Site URL has to be set for Facebook Connect web applications, but also for Facebook iFrame applications. Forgetting to set this option is the most frequent mistake. Select the Website section and set the Site URL. The picture shows setting for working on local host i.e. on development machine. It has to be changed on server URL once the application is deployed on server. On the same picture are Application ID and Application secret. Please copy these values to use it later in application code.

Do not forget to add trailing slash at the end of Site URL example http://mysite.com/

Setting Facebook Integration Option

Select the Facebook Integration section inside Developer application and select all options as shown on following picture. This setting is used for Facebook iFrame application and it is not necessary for Facebook Connect Website. First choose Canvas Page. It has to be unique and easy to remember as it is something like domain in Facebook world.

Now set Canvas URL. The settings from the picture are for the application which works from IDE on your local server at port 81. Important – be sure that port is chosen depending on setting on your local server. When you publish the application on your hosting server you should change the Canvas URL on domain of your server i.e. full URL of hosted application. The Canvas URL has to be the same as Site URL (from Website section). If you change the Site URL be sure to change the Canvas URL also or your application will not work anymore.