We will guide you step by step through the whole installation and configuration process.

In the most recent versions of the module, you will find only one package that supports PHP 7.2 and later.

The first one that supports PHP 5.6 up to PHP 7.1, and the second one addressed to PHP 7.2 up to PHP 7.4.
Note: Keep in mind that PHP versions 5.6 up to 7.1 are no longer officially supported and their security issues are not fixed or released any more. Find more info here.

The content of the package to upload should look like this.

File is located in 'modules/addons/SocialMediaLogin/license_RENAME.php'. Rename it from 'license_RENAME.php' to 'license.php'.

Enter your license key between quotation marks as presented on the following screen. You can find your license key in our client area → 'My Products'.

Log in to your WHMCS admin area. Go to 'Setup' → 'Addon Modules'. Afterwards, find 'Social Media Login' and press 'Activate' button.

To do so, click on 'Configure' button, select administrator roles and press 'Save Changes'.

Move to 'Addons' → 'Social Media Login' → 'Integration Codes', you will find there detailed instructions on how to perform the integration.
The integration must be performed in two different files as logging with social media platform can be done from more than one place.
Please make sure you are pasting the code snippets in all of your currently used templates and order form.

You can access your module under 'Addons' → 'Social Media Login'.

Underneath, you will find a complete guide which will show you how to take full advantage of the module.

Press appropriate button next to the desired provider.

Next, name your application and type in an email address for contact. Press 'Create App ID'.

Save the changes and come back to the addon.

• Icons - you can use your own sets of icons. First you need to create your own icon class file based on the 'FontAwesome.php' located in '/modules/addons/SocialMediaLogIn/assets/classes' .
  Then place your own CSS styles in '/modules/addons/SocialMediaLogIn/assets/miniProviders' and '/modules/addons/SocialMediaLogIn/assets/providers' folders.
• Default Colors - select default button colors that will be used across all your configured providers.
  You can set up colors both in HEX or RGB format - eg: #000000 for HEX or rgba(0,0,0,1) for RGB format
• Providers Settings - there you can set custom color button per configured provider, change the buttons order using drag & drop feature and type in a custon name for the provider.

Note: The buttons layout is already customized, move to Tips and learn how to do that.

There is also a box with the last five error log entries for your quick view and charts of account statistics.

The same client can be included multiple times if they use more than one provider to log in to their WHMCS account. Each entry in the table represents an 'account connection'.

• Id - identification number of an account connection, unique to each entry
• Client - name and email address of the client
• Provider - name of the provider (e.g., Google, Reddit)
• Connected At - date of the first login, or when the accounts were first connected
• Status - status of the connection, if set to 'Blocked' the login method is disabled

You can change the status of each account connection between 'Active' and 'Blocked' by clicking on the left button in the Action column.
If you set the status to 'Blocked' the user will not be able to log in with the specific platform.
The other action button will disconnect the linked accounts, saved credentials will be deleted and re-registration will be required if the connection is to be established again.
To find a specific client or their account connection, you can use the search function located above the table.

There are details on failed actions in the module and successful logins. Check it out any time you need to find some details on the actions taken.
Press 'Delete All Entries ' to clear all logs or delete single ones.

To allow a full and proper performance of the module you must have previously pasted the integration codes to display the 3rd party platform buttons.
Please make sure you have fulfilled step no 8 of our installation instructions.

Users may choose whether they wish to log in with standard details - WHMCS email address and password, or with their favorite platform.

If you do not have a WHMCS account yet, create one now.

If the email address returned by the provider already exists in the WHMCS system, the client will be asked to enter a different address
or link their account with the existing e-mail address (sign in again and select 'Connect With My Account' ).

• Provider - the name of the provider (e.g., Google, GitHub)
• Connected at - the date the connection has been established
• Status - state of the connection (Active or Blocked)

Most importantly, under the 'Action' column the users can:

• Change Status - set to 'Blocked' to disable the ability to log in using the connected account without deleting the connection altogether, set to 'Active' to make it available
• Disconnect - disconnect the WHMCS account and the connected account (it can be connected again by following the steps in Quick Login)

Since 1.2.0 module version it is no longer required for used in the platform email address to be the same as the one saved in user WHMCS account.

Open the WHMCS/templates/six/css/custom.css file and paste the below code snippets in it:

	.logincontainer {
    max-width: 100% !important;
}

.login-form{
    margin: 0px auto 10px auto;
    max-width: 500px;
}

.logincontainer > .header-lined
{
    margin: 10px auto 0px auto;
    max-width: 500px;
}

.logincontainer .alert { 
    margin: 0px auto 10px auto;
    max-width: 500px;
}

Keep in mind there is a quick and easy option in our client area that will let you upgrade the license of your module to an open source version at any time - and at a lower price!
To take advantage of it, simply use the License Upgrade button located on the product's page and a discounted invoice will be generated automatically.