Sign In with Facebook

Learn how to configure the "Sign in with Facebook" feature in the Social Login add-on.

Olga Tereshina avatar
Written by Olga Tereshina
Updated over a week ago

The Sign in with Facebook feature set-up in an X-Cart store consists of the following steps:

Creating a Facebook App

To create an App for Facebook login:

  1. Go to the Apps page of the developers' section of Facebook and sign in with your Facebook username and password.

  2. Click on the button + Add a new app:

  3. On the Create an App page, select Business for the application type and click Next.

  4. In the next step, provide the application business information.

    • Specify the application name in the Display Name field (this will be the user-facing name of your App; using your store name is recommended).

    • Provide a valid email address (used for important communication about your App) in the Contact Email field.

    • Click Create App ID.
      โ€‹

  5. On the App Products screen, select the Facebook Login product and click Set up.

  6. Choose the Website platform:

    web.png

    That will start a wizard that will help you complete your app configuration.

  7. On the first step of the wizard, enter your site URL and click Save and Continue:

    The following steps are already integrated into the Social Login add-on. You can skip them.

  8. Locate Settings -> Basic in the left menu and open it to see the app details:

    Fill in the form fields for your App and click Save changes.

  9. Copy your App ID and App Secret to use later in the configuration of the Social Login add-on.

  10. Locate Facebook Login -> Settings in the left menu and specify the "Valid OAuth Redirect URIs" field value. It should be of the kind - https://YOUR_XCART_STORE_URL/?target=social_login&action=login&auth_provider=facebook

    Click Save changes.
    โ€‹


    NOTE: Ensure you configured the store to use HTTPS (X-Cart Admin -> System Tools -> HTTPS Settings). Otherwise, the Facebook Login feature won't work.


  11. Since your App is now in development mode, you need to go live with it.

    To do so, switch the In Development toggle to Live to make your App available to the general public.

That is all. Your Facebook App has been configured.

Configuring the Social Login Add-on: Facebook

Once you have created and configured your Facebook App, you will need to obtain two pieces of information: your Facebook App ID and App Secret. These will need to be entered in X-Cart so the add-on can connect to the App you created on Facebook and generate the Facebook login widget code correctly.

You can find the Facebook App ID and App Secret on the Settings -> Basic page for your App (You will need to click the Show button and enter your password to reveal the App Secret):


We recommend opening your X-Cart Admin interface in a separate browser tab or window so you can copy and paste the App ID and App Secret values from Facebook to X-Cart.


To configure the add-on:

  1. Locate the entry for the Social Login add-on on the My Apps page of your store's Admin area (App Store -> My Apps) and click the Settings link below it:

    The Social Login add-on settings page will open.

    540-settings-page.png

  2. On the Social Login add-on settings page, complete the Facebook App ID/API Key and Facebook App Secret fields with the Facebook App ID and App Secret values you obtained on Facebook.


    NOTE: The Social Login add-on can also request user location information, requiring additional Facebook approval. That allows X-Cart to automatically provide the address upon user login (if a user has specified the location on Facebook). You can disable this feature by using the Request user location checkbox.


  3. After configuring the Facebook section, click the Submit button near the bottom of the page to save the changes.

    The Login with Facebook feature should now be enabled.

Related pages:

Did this answer your question?