Show Menu
TOPICS×

Using Studio to Connect Your Social Apps to Your Livefyre Implementation

To enable a social login, use Studio to add your social apps’ credentials to your Livefyre integration, and customize the Login Modal.

Customizing the Login Modal

The Login Modal allows you to customize the information your users will see when logging into your apps. You can customize the modal window.
  • Logo:
    Upload a logo for use in your login modals.
  • Font Family:
    Select a font to match your branding.
  • Brand Color:
    Enter a hex color to be used for specific text within the modal.
  • Terms & Conditions URL:
    Enter the URL for your company’s Terms and Conditions page. This field is required for use with Livefyre Identity.

Translating Livefyre Identity

You can create and modify translation sets for text strings in Livefyre Identity.
See Translation Sets for more on using translation sets with Livefyre Identity.
See Livefyre Identity for more on the specific strings you can customize for Livefyre Identity.

Enable Login with Email

Allow users to use their email addresses to log in and interact with Apps on your site.
To enable login using a Livefyre native account:
  1. Navigate to
    Integration Settings
    in Livefyre Studio.
  2. Switch the
    Enable Login with Email
    toggle to
    On
    .

Enable Login Using a Facebook Account

Connect your Facebook account to Livefyre to allow users to use their Facebook logins to interact with Apps on your site.
To enable login using a Facebook account:
  1. Switch the
    Enable Login with Facebook
    toggle to
    ON
    .
  2. Add your Facebook app’s
    App ID
    and
    App Secret
    .
    These values are listed in your Facebook developers dashboard for the app, available from https://developers.facebook.com/apps/ .

Enable Login with Google

Connect your Google+ account to Livefyre to allow users to use their Google+ logins to interact with Apps on your site.
To enable login using a Google+ account:
  1. Switch the
    Enable Login with Google
    toggle to
    ON
    .
  2. Add your Google app’s
    Client ID
    and
    Client secret
    .
    These values are listed in your Google Cloud Platform project interface, available from https://console.cloud.google.com/ . To retrieve this information, go to
    API Manager > Credentials
    , and click the project name.

Enable a Login Using a Twitter Account

Connect your Twitter account to Livefyre to allow users to use their Twitter logins to interact with Apps on your site.
To enable login using a Twitter account:
  1. Switch the
    Enable Login with Twitter
    toggle to
    ON
    .
  2. Add your Twitter app’s
    Consumer Key (API Key)
    and
    Consumer Secret (API Secret)
    .
    These values are listed in your Twitter app’s
    Keys and Access Tokens
    page, available from https://apps.twitter.com/ .

Enable Login Using a Yahoo! Account

Connect your Yahoo! account to Livefyre to allow users to use their Yahoo! logins to interact with Apps on your site.
To enable login using a Yahoo! account:
  1. Switch the
    Enable Login with Yahoo!
    toggle to
    ON
    .
  2. Add your Yahoo! app’s
    Client ID
    and
    Client Secret
    .
    These values are listed in the Yahoo! app details page, available from developer.yahoo.com/apps .

Enable Login Using a Microsoft Live Account

Connect your Microsoft Live ID account to Livefyre to allow users to use their Microsoft Live ID logins to interact with Apps on your site.
To enable login using a Microsoft Live ID account:
  1. In
    Livefyre > Integration Settings > Livefyre Identity > Microsoft Live
    , switch the
    Enable Microsoft Live Login
    toggle to
    On
    .
  2. Enter the
    Microsoft Live Client ID (Private Key)
    and
    Microsoft Live Client Secret (Password)
    .
  3. Click
    Save Settings
    .
    The
    Microsoft Live Client ID (Private Key)
    and
    Microsoft Live Client Secret (Password)
    values are listed in the Microsoft Live ID app details page.

Connect your Social Apps to Livefyre Identity

Enable your users to use your Livefyre Identity implementation for apps on your site.
  1. Create an App.
  2. Navigate to
    Studio
    >
    Settings
    >
    Integration Settings
    >
    Livefyre Identity
    .
  3. Enter the required App credentials for the App you created.