Skip to main content
System : Social networks

Learn how to enable social network logins and social media buttons

Andrew avatar
Written by Andrew
Updated over a month ago

Social networks will let you enable sign up/login with social network IDs as well as add sharing tools to different site pages.


Go to Services > Customize your service > System > Social networks (/admin/social_networking/services/) to enable login or widgets from popular social networks.

Social login is a form of single sign-on using existing information from a social networking service such as Facebook, Twitter and Google.

It is important that you activate the networks by inserting application keys and secrets before switching them on.

Click Application button to edit the activation details:


To make social networks work:

  • you need to register as a developer of the corresponding social network

  • create an application which in return will contain the necessary data

  • insert the Application key and Application secret to the admin panel

This is the list of links to developer consoles:

Then, switch on the login and widgets options:



Please note that when you enable ‘login with service’ for the first time, you will be prompted to test it with your own social network details (e.g. your Facebook account). Your test login will have no effect on the user mode.

Enabled option will then look like this in the sign in/sign up form:


This is an example of sharing widgets on a site page:

sharing-tools-example


Go to System > Social networks > Pages (/admin/social_networking/pages/) to select the widgets types and the pages they will be used on:

List of pages where you can set up social widgets.


Click Edit and you will get to activate different available types of widgets on selected pages:

Set up sharing widgets options.

FAQ

How can I add a developer to set up registration and authorization on my platform (apps and websites) through these social networks?

Provide us with the email of the person who will set this up and who needs to be granted access

1 Google

  1. Go to https://console.developers.google.com/apis/dashboard IF you don't have a project create it. After you create a project click top right menu -> project settings http://i.imgur.com/27i7oAp.jpg

  2. Then, click IAM -> add member http://i.imgur.com/n1R1tYQ.jpg
    Add sales@datingpro.com and choose Roles -> Project -> Editor http://i.imgur.com/HzOSDOD.jpg

2 Facebook

Did this answer your question?