Future oriented businesses are always looking for ways to improve the conversion rate, so the website attaches great importance to user experience. Therefore, many companies use social login (also known as social login function) on their websites. For website visitors, social login means that you can skip the registration steps required to create a new account and log in with one click. This is a really convenient alternative to improving the existing registration form. At the same time, for website owners, social login is a useful function, which can simplify user authentication and access user data more stably to realize personalization.
This short tutorial describes how to set up the hivepress authentication extension so that website visitors can log in through Facebook and Google. Step by step introduce how to import Facebook application ID and Google client ID and integrate them correctly into the website. Before you start, remember that the certification extension is based on the free word press catalog plug-in hivepress and can only be used on hivepress based websites. Therefore, in this exercise, the hivepress plug-in will be used with the default word press catalog theme listinghive.
Let’s go! Before installing the certification add-on, you must go to the hivepress > extensions section and then install the certification extension. Then select the required additional features, install, and activate the extension to continue. After installing additional features, you must select the verification method of the website. To do this, go to the hivepress > Settings > users section and select one of the available methods. To allow users to log in through Facebook and Google, you must select two methods and save the changes, as shown in the screenshot below.
After selecting the authentication method of the website, you can continue to the next step. To add the add Facebook login button the login with Facebook button to the website, you must first obtain a unique application ID from Facebook. This ID allows you to connect the website to Facebook and request the Facebook profile details (e.g. email address) required for the user to log in. OK, let’s take the first step. You must register a Facebook developer account before creating a Facebook application. To do this, navigate to the Facebook for developers page and click the login or launch button. You must then log in as an FB account to continue. After checking your account, you can go to the next step.
When you are finished creating an application registration, you can go to the application dashboard and create the first application. Just click the create application button. Male then choose the application type. The type of application determines the Facebook API that an application can use. In short, define the functions that can be added to the app dashboard. You need to use the consumer application type because you want to activate the social login feature in this case. After that, all developer notifications will be sent there, so you must set the application name (such as website name) and enter a valid email. If there is no business administrator account, there is no need to mention it. Finally, click the create application button.
After you create an application, you will be redirected to the application dashboard. Here, you must select the features to add to the application. Just click the settings button in the Facebook login section and select the \
That’s it. However, if you are an experienced user, you can also fill in other fields. The next step is to go from the left sidebar to the Settings > Default section.
On the setting page, you must do the following: Enter the site domain. Display the URL of personal information processing policy, which users can read before logging in. Specify data deletion instructions (pages that contain information about how site visitors delete data). Finally, select the category to which your website belongs. Add all necessary details and save your changes. Male social login activation knows. Just made app. Now you need to convert the application mode to live and copy the application ID. Finally, move to the website, go to WP dashboard > hivepress > Settings > integration, paste Facebook app ID in the app ID field, and save the changes.
That’s all! Now, there must be a Facebook button in the login form, and users can log in to the website through their Facebook account. However, changes may take several minutes to take effect. Now, let’s go to the next part of this tutorial and create and add a Google login button. Add Google login button to add the \
The first step is to create a new project using the existing Google API. To do this, go to the Google API console and click the \
Set the application name (for example, web site name). Display user support email and developer email, and Google can notify you of project changes. Specify links to the home page, privacy policy page, and terms of service page. Finally, add the site domain. When finished, click the Save button. You can skip the other steps in the registration form and return to the dashboard. The next step is to create API credentials, that is, OAuth client ID. Go to the credentials > create credentials > OAuth client ID section.
In this section, you must fill in the name field and enter the URL of the website in the \
