aviplugins.com

Login Using Only Social Login Icons

Use social login feature separetly. Using this function in your template file <?php if (function_exists('fb_social_logins')) { echo fb_social_logins();} ?> will include social login icons in your template. Users will be able to login to your site from these icons also. With this feature you will be able to use Facebook Login Widget (PRO) with Other Plugins as well.

Example code to display social login icons in WordPress admin login form. This code can be used in theme's functions.php file
add_action( 'login_footer', 'fbsl_login_footer' );
function fbsl_login_footer() {
echo fb_social_logins( false );
}

WooCommerce Plugin Compatibility

This plugin can be used with WooCommerce. If enabled then Social Login Icons will appear at the bottom of the WooCommerce login form. Social login Icons will appear in the Checkout page and in every other login form of WooCommerce.

Forgot Password Form

Admin Panel Login With Captcha Security

Social API Settings Section

Social API/ APP setup details for Facebook, Google, Twitter and LinkedIn are provided below.

Security Settings View

Captcha Security with option to set number of wrong attempts before the IP gets blocked. Admin panel access can be Restricted by user Role. Users with selected Role will not be able to access Admin Panel. Admin menu bar can be hidden from users other than Administrator.

Google reCaptcha Settings View

Compatibility Settings View

Plugin compatibility option with other plugins.

CSS Style Settings View

Other Settings View

Plugin styling and login widget settings. Update Welcome Text, This text will be inserted before user's display name after login.

Customized Redirection After Login

To restrict a page from non logged in users and redirect users to requested URL after successful login, add this code in the top of the page template which you want users to be able to access after successful login.

if(!is_user_logged_in()){
wp_redirect('http://www.example.com/login/?redirect='.fb_login_wid::curPageURL());
exit;
}

Change "http://www.example.com/login/" to your login page url.

Error Message Settings

Set Customized Error Messages in case of login error.

Email Settings View

User Login Log

Blocked IPs

IP gets Blocked after a certain numbers of wrong login attempts ( attempt number can be set from plugin settings page ). Login Block can me removed manually from this plugin page or the Block gets removed automatically after 1 day. IPs can be blocked permanently ( Hard Blocked ), these IPs will not be removed after 1 day.

Plugin Key

Each plugin comes with an unique key. This key ensures that your plugin has a valid license. Plugin key can be used to get informations about the latest version available to download. Key has to be entered in the plugin settings section.

The restriction can be applied to the_content() and the_excerpt() functions, where ever these are used in your theme template. The restriction will not be applied to get_the_content() or get_the_excerpt() functions.

Select this checkbox in your Post edit page to restrict contents of that page. This will restrict the Full page content.

Restrict Partial page contents

Example :

Paragraph 1. Suppose this is the first paragraph of a page.

[restrict_afo message="Please login to view this part"]
This is a restricted content. Only logged in users will be able to view this.
[/restrict_afo]

Paragraph 2. Suppose this is the second paragraph of a page.

Sample Email Template Easily Customizable

Email Template Settings

Change the WWW LOGO to your LOGO and change the Footer text. It's Easy!

To start with, navigate your browser to the Facebook Developers page. You'll be asked to login to your Facebook account.

Once logged in, you'll see a screen similar to this:

To begin, click "Add a New App", you'll find a screen that looks like this:

You will be prompted to enter the name of your app ( Display Name ) - whatever you choose will be fine, so just pick something relevant to the website or application it will be used for.

For Contact Email you can use any email address of yours.

Now Click on the "Create App ID". You'll be redirected to a page like this.

Now you need to select Integrate Facebook Login and click Confirm. You'll be redirected to a page like this.

Your Facebook App is successfully created. Now please enter Privacy Policy URL.

For the Category of the App, just pick something relevant ("Apps for Pages" is a good choice).

Click Save Changes

Now you need to configure the Facebook Login App. Click on Facebook Login -> Settings

In Valid OAuth Redirect URIs enter the URL displayed in the Facebook Login Widget (PRO) plugin. Example - https://www.example.com?fblogin=

Click Save Changes

Now goto Facebook Login -> Quickstart

Click on "Website" icon. You will need to enter your Site URL in the next step.

Enter your Site's URL where the plugin is installed. And Save the settings.

Your New App is ready but it is not LIVE yet. To make the App LIVE click on Status "Off" button on top of the page and make it LIVE.

Your Facebook App is now ready to use. Click on Settings -> Basic

Your App ID will be visible, but your App Secret will be obfuscated. To reveal your App Secret, simply click the "Show" button. Be sure to copy down the App ID and App Secret - you'll need to enter these settings to use the plugin.

That's It.

1. Sign-in to Google and go to Google API console, A page will open like this. Click on the Create Project Button.

A box should pop-up, enter your Project name, click Create.

2. Once the project is created click on the APIs & auth -> Credentials from the left navigation, a new page will open.

Now click on the Add Credentials then select OAuth 2.0 Client ID. A new page will open like this.

Now click on the Configure consent screen tab. A new page will open.

Enter Email address, Product name, Homepage URL and click on Save.

Now Click on Credentials tab from the left navigation. A page will open like this.

Now select Web Application, Enter Name and in the Authorized redirect URIs enter your SITE URL with the trailing slash ( http://www.example.com/ ). Click Create button.

You will get your Client ID and Client Secret.

Now for the API Key click on the APIs tab from the left navigation. A page will open like this.

Click any one API listed here and Enable that.

Now click on the Credentials tab from the left navigation. And click Add Credential select API Key.

A pop-up will open like this.

Click on the Server Key button. A new page will open.

Enter Name and click on Create

Your Public Access Key will be generated. The API KEY is your Developer Key.

1. Go to URL - http://twitter.com/apps and fill username and password. Create account if you don't have one.

2. You will see Create Application page. Press Create Application and you will then see this page.

3. Fill your application name, app description, website and callback url. The callback url should be your full site url and same as your website address. This url is important. Click Save and you will then see this page.

Please note that Sign in with Twitter is set to No. We have to enable this. For that click on the Settings tab.

4. The settings page contains info about your app and website url, callback url. Enable Sign in with Twitter and click Save.

5. Now click on the Keys and Access Tokens tab. Here you will find your Consumer Keys and Access Tokens.

6. Note down Keys and Secrets.

1. To start with, navigate your browser to the LinkedIn Developers page. You'll be asked to login to your LinkedIn account.

Once logged in, you'll see a screen similar to this:

2. To begin, click "Add New Application".

After you click "Add New Application", you'll be taken to a screen that looks like this:

You will be prompted to enter the name of your Application Name - whatever you choose will be fine, so just pick something relevant to the website or application it will be used for, Description, Website URL, Application Use Etc. Enter your site url in the Website URL field.

3. Dont forget to check the r_emailaddress field in the "OAuth User Agreement" section

4. After you complete the form to register your application, you'll be taken to a screen that looks like this:

5. Your API Key, Secret Key will be visible. Be sure to copy down the API Key and Secret Key - you'll need to enter these settings to use the plugin.

1. To start with, navigate your browser to the Instagram Developers page. Now login to your Instagram account.

Once logged in, click on Manage Clients you will be redirected to a page like this:

2. Now click on the Register a New Client button. You will see a page like this:

3. Enter required fields. Make sure to enter Valid redirect URIs exactly as provided in the plugin settings section. Click on Register

4. Your new Instagram APP will be created. Now click on the MANAGE button of the newly created APP. Here you will get the Client ID and Client Secret for your Instagram APP.

First, you will need to register your website as an Application on the App Console.

Register Your Login with Amazon Application

In the App Console register a new application by clicking the Register new Application button. The Register Your Application form will appear.
Note: You will be redirected to Seller Central, which handles application registration for Login with Amazon. If this is your first time using Seller Central, you will be asked to setup a Seller Central account.

In the application details page, add basic details about your product. These details will be used on your website.

Name Shown to Users. This is the name displayed on the consent screen when the users agree to share the information with your application. This name applies website versions of your application.

Description. The description helps you differentiate each of your Login with Amazon applications and is not displayed to users.

Privacy Notice URL. The Privacy URL is the location of your company or application's privacy policy. It is also displayed on the consent screen. This link is displayed to users when they login to your application (for example, https://www.example.com/privacy.html).

Logo Image File. This logo is displayed on the sign-in and consent screen when users log into your website. The logo will be automatically resized to 50 x150 pixels. The following formats are accepted: PNG, JPEG, GIF.

When you are finished, click Save to save your changes. Your sample registration should look similar to this:

Add a Website to your Application

From the Application screen, click Web Settings. You will automatically be assigned values for Client ID and Client Secret. The client ID identifies your website, and the client secret is used in some circumstances to verify your website is authentic. The client secret, like a password, is confidential. To view the client secret, click Show Secret.

To add Allowed JavaScript Origins or Allowed Return URLs to your application, click Edit.

Note: To use Login with Amazon with a website, you must specify Allowed JavaScript Origins. Specify Allowed JavaScript Origins ( It should be your site URL ) to provide a popup authentication experience to your users.

An origin is the combination of protocol, domain name and port (for example, https://www.example.com:8443). Allowed origins must use the HTTPS protocol. If you are using a standard port (port 443) you need only include the domain name (for example, https://www.example.com).

Adding your domain here allows the SDK for JavaScript to communicate with your website directly during the login process. Web browsers normally block cross-origin communication between scripts unless the script specifically allows it.

To add more than one origin, click Add Another.