With the social media log in, you can bunch up even more valuable information about your users which in turn can jazz up your brand, advertising, and more like improving your conversion rate. Below are several steps that will help you to get started with adding social media login to your site. <\/p>\n\n\n\n
Let the air flow out. <\/p>\n\n\n\n\n\n
Why Add Social Media Login to Your Directory Website?<\/span><\/h2>\n\n\n\nAdding social media logins to your directory website has a number of perks. Let\u2019s get to grips with them. <\/p>\n\n\n\n
1. Increase registrations<\/span><\/h3>\n\n\n\n![\"\"](\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Increase-registrations-1-1024x410.jpg\")
<\/figure>\n<\/div>\n\n\nAccording to a Web Hosting Buzz survey, 86 percent of users get bothered while creating new accounts. Some of the users would rather leave your site than register. Here, adding social media login increases the number of registrations instead. So, having this option on your site will be a red hot.<\/p>\n\n\n\n
2. Email verification<\/span><\/h3>\n\n\n\n![\"\"](\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Email-verification-1-1024x410.jpg\")
<\/figure>\n<\/div>\n\n\nFake addresses that some users typically use in web applications. But, the social network provider verifies the given mail addresses. And if the provider shares this information, then you are more likely to avoid fake addresses. <\/p>\n\n\n\n
3. Access richer user profiles<\/span><\/h3>\n\n\n\n![\"\"](\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/Access-richer-user-profiles-1-1024x410.jpg\")
<\/figure>\n<\/div>\n\n\nSocial network providers can provide you with additional information about users, like their location, interests, birthdays, and more. Using this data, you can send them personalized content which eventually leads to better UX. <\/p>\n\n\n\n
How to Add Social Login in WordPress Focusing on Directory Website (Step-by-Step)<\/span><\/h2>\n\n\n\nAdding social media login is a great way of not only making the registration process of your directory site more efficient for users but also gathering relevant information about them to get more leads. To do this, follow the steps laid out below. <\/p>\n\n\n\n
1. Install WP social login plugin<\/span><\/h3>\n\n\n\nTo get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login<\/a>, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.<\/p>\n\n\n\n2. Configure APIs <\/span><\/h3>\n\n\n\nThere are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with. <\/p>\n\n\n\n
(A) Configure Facebook app id<\/span><\/h4>\n\n\n\nStep- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. <\/strong><\/p>\n\n\n\n![\"\nhow](\"https:\/\/lh5.googleusercontent.com\/_Y2jAKTPGY2pSgS0PmpE11gpj0jcleiW43UcXYagVFFN_b4V_BTr5Sn9G5-7FEQMxGyMtA8q2DO53PNwiEQ-ahZQgKQpVqUAUWaeUV5meEsvMz7xg3gVWh37ejBciMpkROephfbr\")
<\/figure>\n<\/div>\n\n\nStep 2: Now, click on Add a New App<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/wNNww_2ubf_HTZOrGV_3zjwZvogBRKvvjORll0Lt_EeMKfoPJHfVaIoHovDSSCP6jb2eKimQzRekHUsK6-JgDw-cLWzxIFdg0sM782H0Twf4MhXtqTxFx2BHSbt2N_6Wti77VfVe\")
<\/figure>\n<\/div>\n\n\nStep 3: Select “For Everything Else”<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/KWUjT_CLOYKAFXNbQv1iGP55e1L12-9N7HcGV3qthCy09ONtlz3h43-MC5VD1P48cGtfVagV41oeDELoCuY93z12ruWMY7dUOE0K0RuWt_EZL1jlx-RjQyxu_5Wbz6mmSNsqIZNT\")
<\/figure>\n<\/div>\n\n\nStep 4: Give your app a name and set an app contact email. Then click on Create App ID.<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh5.googleusercontent.com\/vR-W28LOlZNb7Lnq9bu7vqiJEmTfNEuTYKnJl6achxHlqlrGWgJzu2ksbS8jV7BS7sTEHjLSnhdwIVCqOtXd0nLmGMV199V1avyZJp-rqtdVQCajm4gkwVlxreDeQTCsgYATfiL6\")
<\/figure>\n<\/div>\n\n\nStep 5: Complete the reCAPTCHA test. And, you are almost done.<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh5.googleusercontent.com\/AyR1e3WMiW8D2f54iVyu6gThPPE3ZJEU2BuSZWgJhnxM3gZN4sByVx8AbCzLikOfszZ6RGxpsRSMnlgM8asDIIGcVdunrapaP3eEHBoZNwzggmU0-_O1E8vpLE5FOk6tWMoxzqC7\")
<\/figure>\n<\/div>\n\n\nStep 6: You will find your APP ID in the marked area<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/D4t1JR95PKwjo5GxdLNprGjenCE4hbmosYuSu6d3DFNnE0F14u-75OEe6NV6kP-CSVw7xRnI9vrXU08-FolhbSrYVJxJ5BocOcenEX725lbnVvZy4YDzCioG2D_nBCFQ8NOeHuEF\")
<\/figure>\n<\/div>\n\n\nStep 7: Click on Set Up to configure Facebook login<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh5.googleusercontent.com\/t8kbaskV-RKzhfrPY-ujEu4cC3CccwO4Cyo3rjLGfG6rXBNcdjItghqZdAOVr-vy9cLmwDcB0CDUv-aqa1L6Xk1PvOa_bdwk0qZDC0xxsa1-DN5AtWReOu2rKgKrOJQoKAWUneLk\")
<\/figure>\n<\/div>\n\n\nStep 8: Add your website URL in the box marked as 3<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/QoPutuDjImimIQNGVg87GWYPaKYsA_gopx3iH0dqUE9hJ9A1er4v2Nbv2-44GOdCsEk0NE_BBCjHaM5z5GnpihTCauJl4H1s0qSwXdiZ5D-yBmK0sIofm_1VB4TL7QmQuhk7Ytm3\")
<\/figure>\n\n\n\nStep 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/F7HiKxBD3wxCSvnTK7efQrBBRbyAj9V0-hYp_btO3YX50vpsF3AxaFNsoYN7XMYTyar2JnchJX8MVSpfchq2cWATXdimAKRAORIlnnqXJWnqNsULBOy9WZ-qxFSgl6LoBSFVuUNY\")
<\/figure>\n<\/div>\n\n\nStep 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/lh4.googleusercontent.com\/fo08y0tg394xGBHw3PM1V9G5TTi3lZNzCAiDjtAiP8quNeeDPhcrlI1hdtR_BWcE23ymNfiiGGE7Aj-ZYBifJhZE_ffTGhCmhxhulrwbwi9zv-k6mNUHzJAOHFryeWUgol3xrwAs\")
<\/figure>\n<\/div>\n\n\n(B) Configure Google Client<\/span><\/h4>\n\n\n\nStep 1: Log in to your Google Account and go to the following URL. https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/a><\/p>\n\n\n\nStep 2: Click on \u201cCredentials Page\u201d <\/p>\n\n\n
\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/ChPYQX3kbTEn1Y9VspQhJnSWPgiMm2Atx_tA671hdFcvAUvVztV07laUyD7BW-vqZVBpghOegseQldiYaFVVu-QFXZ3jTKqf8FEjVhKhJa8v0IcHEAUcaqhYzSVIytSviKQtZH35\")
<\/figure>\n<\/div>\n\n\nStep 3: You will be redirected to the credentials page. Click Create Credentials <\/p>\n\n\n
\n![\"\"](\"https:\/\/lh6.googleusercontent.com\/2sxGaXllmnp5YtCQh2opEip6CH6Sszr8wbKsporPh4rDVY2B35VEu0v3aufLT659dSJMSdhtDIvWztWtkEMSWLtoSgGR070yQ-2srpMImP8OjRL0x10qAcQuXleo-gXxXU-N7iuc\")
<\/figure>\n<\/div>\n\n\n Step 4: A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d <\/p>\n\n\n
\n![\"\"](\"https:\/\/lh3.googleusercontent.com\/e7Bktr0W94X5EiRwrDgtrronRsSUXzl3PImwATuA08dgVCP1RTce5xjlsHVKL7OYxgZU5YG3MMST9jg3Wm2PwN_gWzjeWptrjpgdsHECfX57bzjbI-_FJCbdNe2WLXmYBSzAcXH8\")
<\/figure>\n<\/div>\n\n\nStep 5: In the next step, a form will come in view and do the following <\/p>\n\n\n\n
\n- Select \u201cWeb Application\u201d as Application Type<\/li>\n\n\n\n
- Type in the URI in \u201cAuthorized JavaScript Origins\u201d<\/li>\n\n\n\n
- Type in the URI again in \u201cAuthorized Redirect URIs\u201d\u00a0<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/lh5.googleusercontent.com\/Yc88Ahax5y7SS8dhNfDiLwJ1RYTAhHT07nAceF5aW_a2g4Y1vufWXY6Ped-S4sHjultIcWiuWmlJHEJ8nmE5Gf-5qG7t-fevvXpR7-XQ9e2Mpqj0AyLE9PjcH13BI4RWzAJThhLv\")
<\/figure>\n<\/div>\n\n\nStep 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 Extensions Settings \u2192 Social Login \u2192 Google Client ID <\/p>\n\n\n
\n![\"\"](\"https:\/\/lh5.googleusercontent.com\/2bsBQ8PMARZAvRP2LXNAu_s6t2Z_FR5ybkPjl3JEZRUb70L-BaDUlCpth8YXnY8HOgVKcgqQK5ZLN5JbDGlUrbngfv-OwMtOSb5DIhYduVG2TGYZZdjJInuJJfII2iF0RG5kh422\")
<\/figure>\n<\/div>\n\n\nConclusion on How to Add Social Login in WordPress<\/span><\/h2>\n\n\n\nThis is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. <\/p>\n\n\n\n
If you have already added the social media login to your directory site, then please don\u2019t sit on the fence to leave a mark on the comment section regarding your experience. <\/p>\n\n\n\n
Finally, if you liked our posts, don\u2019t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on <\/a>Facebook<\/a>, Twitter<\/a>, and LinkedIn<\/a>! You can also join the Directorist Community<\/a> for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we\u2019re up to.<\/p>\n\n\n\n![\"\"](\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/directorist_ads_banner.gif\")
<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease. Gone are the days when people […]<\/p>\n","protected":false},"author":5605,"featured_media":4268,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,12],"tags":[194,193],"class_list":["post-4265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-adding-social-media-login-in-directory-website","tag-how-to-add-social-media-login-in-wordpress"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/5605"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure>\n<\/div>\n\n\nAccording to a Web Hosting Buzz survey, 86 percent of users get bothered while creating new accounts. Some of the users would rather leave your site than register. Here, adding social media login increases the number of registrations instead. So, having this option on your site will be a red hot.<\/p>\n\n\n\n
2. Email verification<\/span><\/h3>\n\n\n\n<\/figure>\n<\/div>\n\n\nFake addresses that some users typically use in web applications. But, the social network provider verifies the given mail addresses. And if the provider shares this information, then you are more likely to avoid fake addresses. <\/p>\n\n\n\n
3. Access richer user profiles<\/span><\/h3>\n\n\n\n<\/figure>\n<\/div>\n\n\nSocial network providers can provide you with additional information about users, like their location, interests, birthdays, and more. Using this data, you can send them personalized content which eventually leads to better UX. <\/p>\n\n\n\n
How to Add Social Login in WordPress Focusing on Directory Website (Step-by-Step)<\/span><\/h2>\n\n\n\nAdding social media login is a great way of not only making the registration process of your directory site more efficient for users but also gathering relevant information about them to get more leads. To do this, follow the steps laid out below. <\/p>\n\n\n\n
1. Install WP social login plugin<\/span><\/h3>\n\n\n\nTo get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login<\/a>, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.<\/p>\n\n\n\n2. Configure APIs <\/span><\/h3>\n\n\n\nThere are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with. <\/p>\n\n\n\n
(A) Configure Facebook app id<\/span><\/h4>\n\n\n\nStep- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. <\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 2: Now, click on Add a New App<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 3: Select “For Everything Else”<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 4: Give your app a name and set an app contact email. Then click on Create App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 5: Complete the reCAPTCHA test. And, you are almost done.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 6: You will find your APP ID in the marked area<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 7: Click on Set Up to configure Facebook login<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 8: Add your website URL in the box marked as 3<\/strong><\/p>\n\n\n\n<\/figure>\n\n\n\nStep 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\n(B) Configure Google Client<\/span><\/h4>\n\n\n\nStep 1: Log in to your Google Account and go to the following URL. https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/a><\/p>\n\n\n\nStep 2: Click on \u201cCredentials Page\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 3: You will be redirected to the credentials page. Click Create Credentials <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\n Step 4: A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 5: In the next step, a form will come in view and do the following <\/p>\n\n\n\n
\n- Select \u201cWeb Application\u201d as Application Type<\/li>\n\n\n\n
- Type in the URI in \u201cAuthorized JavaScript Origins\u201d<\/li>\n\n\n\n
- Type in the URI again in \u201cAuthorized Redirect URIs\u201d\u00a0<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n\n\nStep 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 Extensions Settings \u2192 Social Login \u2192 Google Client ID <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nConclusion on How to Add Social Login in WordPress<\/span><\/h2>\n\n\n\nThis is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. <\/p>\n\n\n\n
If you have already added the social media login to your directory site, then please don\u2019t sit on the fence to leave a mark on the comment section regarding your experience. <\/p>\n\n\n\n
Finally, if you liked our posts, don\u2019t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on <\/a>Facebook<\/a>, Twitter<\/a>, and LinkedIn<\/a>! You can also join the Directorist Community<\/a> for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we\u2019re up to.<\/p>\n\n\n\n<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease. Gone are the days when people […]<\/p>\n","protected":false},"author":5605,"featured_media":4268,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,12],"tags":[194,193],"class_list":["post-4265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-adding-social-media-login-in-directory-website","tag-how-to-add-social-media-login-in-wordpress"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/5605"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure>\n<\/div>\n\n\nFake addresses that some users typically use in web applications. But, the social network provider verifies the given mail addresses. And if the provider shares this information, then you are more likely to avoid fake addresses. <\/p>\n\n\n\n
3. Access richer user profiles<\/span><\/h3>\n\n\n\n<\/figure>\n<\/div>\n\n\nSocial network providers can provide you with additional information about users, like their location, interests, birthdays, and more. Using this data, you can send them personalized content which eventually leads to better UX. <\/p>\n\n\n\n
How to Add Social Login in WordPress Focusing on Directory Website (Step-by-Step)<\/span><\/h2>\n\n\n\nAdding social media login is a great way of not only making the registration process of your directory site more efficient for users but also gathering relevant information about them to get more leads. To do this, follow the steps laid out below. <\/p>\n\n\n\n
1. Install WP social login plugin<\/span><\/h3>\n\n\n\nTo get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login<\/a>, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.<\/p>\n\n\n\n2. Configure APIs <\/span><\/h3>\n\n\n\nThere are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with. <\/p>\n\n\n\n
(A) Configure Facebook app id<\/span><\/h4>\n\n\n\nStep- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. <\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 2: Now, click on Add a New App<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 3: Select “For Everything Else”<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 4: Give your app a name and set an app contact email. Then click on Create App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 5: Complete the reCAPTCHA test. And, you are almost done.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 6: You will find your APP ID in the marked area<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 7: Click on Set Up to configure Facebook login<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 8: Add your website URL in the box marked as 3<\/strong><\/p>\n\n\n\n<\/figure>\n\n\n\nStep 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\n(B) Configure Google Client<\/span><\/h4>\n\n\n\nStep 1: Log in to your Google Account and go to the following URL. https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/a><\/p>\n\n\n\nStep 2: Click on \u201cCredentials Page\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 3: You will be redirected to the credentials page. Click Create Credentials <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\n Step 4: A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 5: In the next step, a form will come in view and do the following <\/p>\n\n\n\n
\n- Select \u201cWeb Application\u201d as Application Type<\/li>\n\n\n\n
- Type in the URI in \u201cAuthorized JavaScript Origins\u201d<\/li>\n\n\n\n
- Type in the URI again in \u201cAuthorized Redirect URIs\u201d\u00a0<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n\n\nStep 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 Extensions Settings \u2192 Social Login \u2192 Google Client ID <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nConclusion on How to Add Social Login in WordPress<\/span><\/h2>\n\n\n\nThis is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. <\/p>\n\n\n\n
If you have already added the social media login to your directory site, then please don\u2019t sit on the fence to leave a mark on the comment section regarding your experience. <\/p>\n\n\n\n
Finally, if you liked our posts, don\u2019t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on <\/a>Facebook<\/a>, Twitter<\/a>, and LinkedIn<\/a>! You can also join the Directorist Community<\/a> for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we\u2019re up to.<\/p>\n\n\n\n<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease. Gone are the days when people […]<\/p>\n","protected":false},"author":5605,"featured_media":4268,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,12],"tags":[194,193],"class_list":["post-4265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-adding-social-media-login-in-directory-website","tag-how-to-add-social-media-login-in-wordpress"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/5605"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure>\n<\/div>\n\n\nSocial network providers can provide you with additional information about users, like their location, interests, birthdays, and more. Using this data, you can send them personalized content which eventually leads to better UX. <\/p>\n\n\n\n
How to Add Social Login in WordPress Focusing on Directory Website (Step-by-Step)<\/span><\/h2>\n\n\n\nAdding social media login is a great way of not only making the registration process of your directory site more efficient for users but also gathering relevant information about them to get more leads. To do this, follow the steps laid out below. <\/p>\n\n\n\n
1. Install WP social login plugin<\/span><\/h3>\n\n\n\nTo get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login<\/a>, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.<\/p>\n\n\n\n2. Configure APIs <\/span><\/h3>\n\n\n\nThere are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with. <\/p>\n\n\n\n
(A) Configure Facebook app id<\/span><\/h4>\n\n\n\nStep- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. <\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 2: Now, click on Add a New App<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 3: Select “For Everything Else”<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 4: Give your app a name and set an app contact email. Then click on Create App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 5: Complete the reCAPTCHA test. And, you are almost done.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 6: You will find your APP ID in the marked area<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 7: Click on Set Up to configure Facebook login<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 8: Add your website URL in the box marked as 3<\/strong><\/p>\n\n\n\n<\/figure>\n\n\n\nStep 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\nStep 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.<\/strong><\/p>\n\n\n\n<\/figure>\n<\/div>\n\n\n(B) Configure Google Client<\/span><\/h4>\n\n\n\nStep 1: Log in to your Google Account and go to the following URL. https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/a><\/p>\n\n\n\nStep 2: Click on \u201cCredentials Page\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 3: You will be redirected to the credentials page. Click Create Credentials <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\n Step 4: A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nStep 5: In the next step, a form will come in view and do the following <\/p>\n\n\n\n
\n- Select \u201cWeb Application\u201d as Application Type<\/li>\n\n\n\n
- Type in the URI in \u201cAuthorized JavaScript Origins\u201d<\/li>\n\n\n\n
- Type in the URI again in \u201cAuthorized Redirect URIs\u201d\u00a0<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n\n\nStep 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 Extensions Settings \u2192 Social Login \u2192 Google Client ID <\/p>\n\n\n
\n<\/figure>\n<\/div>\n\n\nConclusion on How to Add Social Login in WordPress<\/span><\/h2>\n\n\n\nThis is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. <\/p>\n\n\n\n
If you have already added the social media login to your directory site, then please don\u2019t sit on the fence to leave a mark on the comment section regarding your experience. <\/p>\n\n\n\n
Finally, if you liked our posts, don\u2019t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on <\/a>Facebook<\/a>, Twitter<\/a>, and LinkedIn<\/a>! You can also join the Directorist Community<\/a> for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we\u2019re up to.<\/p>\n\n\n\n<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease. Gone are the days when people […]<\/p>\n","protected":false},"author":5605,"featured_media":4268,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,12],"tags":[194,193],"class_list":["post-4265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-adding-social-media-login-in-directory-website","tag-how-to-add-social-media-login-in-wordpress"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/5605"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
To get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login<\/a>, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.<\/p>\n\n\n\n There are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with. <\/p>\n\n\n\n Step- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. <\/strong><\/p>\n\n\n Step 2: Now, click on Add a New App<\/strong><\/p>\n\n\n Step 3: Select “For Everything Else”<\/strong><\/p>\n\n\n Step 4: Give your app a name and set an app contact email. Then click on Create App ID.<\/strong><\/p>\n\n\n Step 5: Complete the reCAPTCHA test. And, you are almost done.<\/strong><\/p>\n\n\n Step 6: You will find your APP ID in the marked area<\/strong><\/p>\n\n\n Step 7: Click on Set Up to configure Facebook login<\/strong><\/p>\n\n\n Step 8: Add your website URL in the box marked as 3<\/strong><\/p>\n\n\n\n Step 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).<\/strong><\/p>\n\n\n Step 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.<\/strong><\/p>\n\n\n Step 1: Log in to your Google Account and go to the following URL. https:\/\/developers.google.com\/identity\/sign-in\/web\/sign-in<\/a><\/p>\n\n\n\n Step 2: Click on \u201cCredentials Page\u201d <\/p>\n\n\n Step 3: You will be redirected to the credentials page. Click Create Credentials <\/p>\n\n\n Step 4: A dropdown will appear and make sure to select \u201c0Auth Client ID\u201d <\/p>\n\n\n Step 5: In the next step, a form will come in view and do the following <\/p>\n\n\n\n Step 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings \u2192 Extensions Settings \u2192 Social Login \u2192 Google Client ID <\/p>\n\n\n This is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. <\/p>\n\n\n\n If you have already added the social media login to your directory site, then please don\u2019t sit on the fence to leave a mark on the comment section regarding your experience. <\/p>\n\n\n\n Finally, if you liked our posts, don\u2019t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on <\/a>Facebook<\/a>, Twitter<\/a>, and LinkedIn<\/a>! You can also join the Directorist Community<\/a> for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we\u2019re up to.<\/p>\n\n\n\n Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease. Gone are the days when people […]<\/p>\n","protected":false},"author":5605,"featured_media":4268,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,12],"tags":[194,193],"class_list":["post-4265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-adding-social-media-login-in-directory-website","tag-how-to-add-social-media-login-in-wordpress"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/5605"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}2. Configure APIs <\/span><\/h3>\n\n\n\n
(A) Configure Facebook app id<\/span><\/h4>\n\n\n\n
(B) Configure Google Client<\/span><\/h4>\n\n\n\n
\n
Conclusion on How to Add Social Login in WordPress<\/span><\/h2>\n\n\n\n
<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"