Social Login with Facebook

Follow

Introduction

Social Login with Facebook allows an end-user to access the service from the Splash Portal, using Facebook credentials.
This article is an example of configuration from the Control Panel and the related end-user experience on the Splash Portal side, showing the potential of the platform and the Social Marketing application.

 

Control Panel configuration

This is a step-by-step example on how to configure your Wi-Fi Area for the Facebook login.

Configuring your Venue with Social Login

In order to allow your end-users to log in with Facebook credentials to your Wi-Fi Area, you have to properly configure your Access Template. For this reason, first you need to find the Access Template associated with your Splash Portal.
You can do this by clicking the Venue button in the quick access toolbar and then finding your Wi-Fi Area in the list. In the short summary of the Wi-Fi Area name, you can read the name of the Access Template used.

So find the name of your Access Template and go to the Social Login tab. This is your basic configuration from the Social Login.


We are going to use the following configuration, where all “socials” are enabled:

Enable: Yes
Social Login validation: Send a text message / Do a call
Enable Facebook: Yes
Enable LinkedIn: Yes
Enable Twitter: Yes
Enable Google+: Yes
Enable VKontakte: Yes

In this case the configuration is set at the Tenant level.

 

Configuring the Social Marketing application

If the Social Marketing application is enabled on your Tenant or Wi-Fi Area, then you can also take advantage of advanced "social" features, such as setting an access post to be published on the end-user's timeline, or setting a page to be liked from the end-user before accessing the service. This is a very interesting tool that allows you to get value from your venue.
However, if you don't have the Social Marketing application installed or configured on your Tenant or Wi-Fi Area, then the Social Login will work with standard features.
You can find the Social Marketing application in the Control Panel, in the Marketplace section.

In our case we are going to set the application to ask the end-user, during the registration phase, to post a link on the timeline and like a Facebook page.

Please open the Social Marketing application and go to the Access posts section. We are going to use the following configuration from the Tenant level, which works for Facebook, LinkedIn and Twitter:

Enable social post: Yes
User decides to post or skip: No
Limit posting to the timeline: At registration only
Social networks: Facebook, LinkedIn, Twitter
Post Title: I'm connected using Cloud4Wi
Post content: Cloud4Wi is a single platform that enables your customers to offer guest Wi-Fi access and be rewarded for it by leveraging the world’s first Wi-Fi marketplace.
Add a link: http://www.cloud4wi.com/
Upload image: (none)

In the Tools section we are going to set the application to ask end-user to like the Cloud4Wi page on Facebook. We will set the "Optional" mode, so the end-user can also go online without liking the page. We are going to use the following configuration:

Like: Yes
Mode: Optional
Facebook ID: 64867631703
Check In: No

End-user experience

In the scenario described above, we are going to login with Facebook credentials for the first time.

 

Logging in to the Splash Portal

If Facebook access has been enabled in the Control Panel, as we did in the "Configuring your Wi-Fi Area with Social Login" paragraph, then the "Facebook Login" button appears in the Splash Portal.
By clicking this button, it is possible to access to the Internet by providing Facebook credentials.

After this, the end-user is redirected to the Facebook web site, where it is required to enter access credentials for the social network in order to go ahead with the procedure.
The authentication process is performed totally outside our platform. This means that the Solution will not process or store access credentials for any social network supported by the Social Login feature.

If Facebook recognizes the access credentials, then the end-user is able to access the Internet according to the associated Internet plan.
Anyway, for the first access, the end-user needs to take necessary steps to use the service correctly.

Giving Facebook permissions during the first access

The Social Login feature is based on a Facebook application called "Wi-Fi Social Login", that acts as an intermediate layer between Facebook and Cloud4Wi.
As we mentioned, the end-user submits access credentials to Facebook. After this, the "Wi-Fi Social Login" application checks if data are valid or not, and communicates this information to Cloud4Wi. If data are valid, the application also communicates some end-user's personal data (such as first name, last name, gender, email address, birthday, birthplace, username etc.) that is required by Cloud4Wi for the proper creation of the end-user's account and allows posts on the Facebook timeline or liking a Facebook page.
According to Facebook policies, when an end-user has access for the first time, he is asked to authorize the "Wi-Fi Social Login" application to do all these steps. If the end-user accepts this, then no further authorization is asked in the future.

So, during the first access, the "Wi-Fi Social Login" application asks the authorization to handle the end-user's personal data. These data will be submitted to Cloud4Wi, for the creation of the end-user's account.

Then the "Wi-Fi Social Login" application asks the end-user’s permission to publish content on the Facebook timeline: these content will be published according to the settings of the Social Marketing application. If the end-user accepts this, then no further authorization is asked in the future.

 

Validating a mobile phone during the first access

When configuring the Control Panel, we set the Social Login validation option to "Send a text message / Do a call". This will cause the Splash Portal to ask the end-user for his mobile phone number.
It is also possible to set Cloud4Wi to send a code to the end-user’s mobile phone and ask him to enter it into the Splash Portal (by setting Social Login validation option set to "Receive code via SMS") or simply to skip the validation step (by setting Social Login validation option set to "None").

As mentioned before, the current value of the Social Login validation option is "Send a text message / Do a call". So the end-user is asked to call or send a text message to a free number, in order to confirm the provided phone number.

After this step, the registration is complete.
As already mentioned, the end-user will not be asked in the future to validate his mobile phone number if the validation has been successfully completed.

 

Social Marketing features: Facebook posts and Like

The authorization of "Wi-Fi Social Login" application and the mobile phone number validation are asked only the first time, but the Social Marketing application on the Splash Portal side is executed according to the application settings.
In this case we configured a Facebook page to "Like" optionally, and so the Splash Portal will ask the end-user to "Like" that.
We set up Mode to "Optional", so the end-user is not forced to click "Like", but this window will be prompted until the end-user likes this page on his Facebook profile.

In our case we set Limit posting to the timeline to "At registration only": this means that the Social Marketing application asks the end-user to post content. If the end-user accepts, then he is not asked any more. Otherwise, he will be asked until he accepts.
We set User decides to post or skip to "No". In this case, if the end-user refuses to post on his timeline, then he is logged out and cannot access the Internet until he logs in again.
Please note that the messages set in the Control Panel are set as description of the message, and the user is able to enter his comment.

Everything has been done, so the end-user is online.

The message was posted on the end-user's timeline, and now the end-user likes the Facebook page.

Have more questions? Submit a request

Comments