Facebook Integration

Infigo supports using Facebook to register an account, log in using Facebook authentication, and upload images to MegaEdit from your Facebook albums.

To implement any of these features, you first need to set up and configure an application using a Facebook developer account.

This can theoretically be any account, but we recommend making it one neutral within your company so that anyone who needs to modify the configuration has access to it.

Please note that we do not support Facebook apps directly, and can only advise as to what the configuration needs to be in order to integrate with Infigo.

With this in mind, please follow Facebook's official guide to create a Facebook application, which can be found here.

Facebook Login

1. Once you've set your Facebook application to be used for Facebook Login, and designated it a Web Application, you need to navigate to Settings -> Basic.
2. In this menu, there are four fields to note, each highlighted in the screenshot below.
   You will need to do the following for each respective field:
   App ID:
   This is automatically generated, and you will need this later - make a note of this ID.
   App Secret:
   As with the App ID, you will need this later - make a note of it alongside the ID.
   App Domains:
   You will need to add the domain for each URL people will be accessing your Infigo storefront through. For example, if you have the binding mystore.com configured on your storefront, you will need to add mystore.com to the App Domains field. Note: this is effectively the base URL for the storefront without http, https, or www.
   Contact Email:
   This will be automatically populated with the email of the Facebook account you created the app with. You don't need to do anything with this field except make sure it's set to an email you can monitor in case Facebook needs to get in touch with you.
3. Next, you need to add the Platform. Please note that this does not relate to Infigo platforms - it is simply Facebook's terminology for your storefront.
   
   To add this, scroll down to the bottom of the Basic Settings page from step 2 and click "Add Platform":
   
   
   Select Website:
   
   
   
   Enter the Site URL - should be the full URL of your storefront, including http/https and www (if relevant).
   A good test to see if this URL is valid is to copy and paste it into your browser. If it takes you to your storefront, then it is likely a valid URL.
   Note: this URL must match the domain that you entered in step 2.
   
   Once this has been entered, click "Save Changes"
   
4. Next, navigate to Products -> Facebook Login -> Settings:
   
5. In this menu, you will need to do the following:
   1. Enable "Embedded Browser OAuth Login"
   2. Enter a valid OAuth redirect URI. This will be the same URL you used for the Site URL in step 3, except you will need to add the following extension to it: /Plugins/ExternalAuthFacebook/Login
      So that
      https://yourstorefront.infigosoftware.com 
      becomes 
      https://yourstorefront.infigosoftware.com/Plugins/ExternalAuthFacebook/Login
      
      
6. Once you have configured and saved all of the above, your application should be ready for integration with Infigo. 
   
   On the storefront you would like to set this up on, navigate to Configuration -> Plugins > External Authentication, and click "Configure" for the "Facebook" option.
   Note: if you do not see this menu, please contact Infigo Support.
   
7. In this configuration menu, you simply need to enter the App ID and the App Secret which you took down in step 2, then click Save.
   
8. Once you are ready to start using the application, simply edit the Facebook option under Configuration -> Plugins > External Authentication, enable "Is Active", then click "Update":
   This will cause the Facebook login button to appear on your user registration page.
9. If you would like Facebook login to automatically fill in the user information, navigate to Configuration -> Settings -> Customer Settings and enable Auto register enabled under the External authentication settings tab:
   

Once all of the steps above have been followed, your Facebook application should be integrated with your Infigo storefront. 

Please note that it will be integrated in development mode and will not be ready for live use. For more information on this, see the Going Live section of this article.

Facebook Image Upload

To utilise Facebook's Image Upload functionality, you will first need to get your app ready by following steps 1 -> 5 of the Facebook Login section of this article.

Once they have been completed, all you need to do is navigate to Configuration -> Settings > Media Album settings, enable the "Facebook" plugin in the "Installed Image Plugins" section, and enter your App ID (found in step 2 of the Facebook Login section of this article).

Going Live

Please note that when you first set this up, Facebook Login will only work with an email account that matches the one used to set up the app, and any authorised testers for the app. This is because your app will be in development mode. In order to go live with your app, you will need to follow Facebook's steps here.

Our integration requires the following permissions:

• email

• user_photos

• user_birthday

• user_hometown

Once again, going live is entirely with Facebook, and we cannot support the steps required to go live (though if you have any questions which arise from the go-live process, please feel free to contact us).