top of page
sumprosornaumidig

Joomla Login Module with Facebook Connect: Why You Need It and How to Get It



Adding a Facebook, Google, Twitter and LinkedIn social login and registration to your Joomla site has never been so easy thanks to Instant Facebook Login, now even GDPR compliant!It's the easiest and cheapest extension to add the ability to perform a social login and register using social accounts!Moreover Instant FBLogin includes a bunch of amazing social features and integrations with Facebook, Instagram, Whatsapp to share contents, embed social comments, social posts feed, Facebook Messenger chat, metatags and there are plenty more!


NOTICE: as stated by Facebook policy updates for privacy and security reasons the https protocol on your website is required in order to perform Facebook login since August 1, 2018. If your website is still not upgraded to the HTTPS protocol, it's strongly recommended that you update your pages to work over HTTPS as soon as possible in order to maintain the compatibility with the Facebook Login feature.




joomla login module with facebook connect




Integration of Facebook Single Sign-on( Facebook SSO ) with Joomla using OAuth 2.0 Protocol. The miniOrange Joomla OAuth / OpenID Connect Single SIgn-on (SSO) plugin makes it simple to set up Facebook SSO into Joomla and enable secure login into Joomla. As a result, users can log in to Joomla and access the site by authenticating with their Facebook OAuth Provider credentials. Visit our Joomla OAuth Client Plugin webpage to learn more about the features and plans we offer for the Joomla OAuth Single Sign-on (OAuth & OpenID connect) plugin.


In this Guide, you have successfully configured Joomla Facebook Single Sign-On (SSO) by configuring Facebook as OAuth Provider and Joomla as OAuth Client using our Joomla OAuth Client plugin. This solution ensures that you are ready to roll out secure access to your Joomla site using Facebook login credentials within minutes.


In this guide, you have successfully configured Joomla Facebook Single Sign-On (SSO) by configuring Facebook as OAuth Provider and Joomla as OAuth Client using our Joomla OAuth Client plugin.This solution ensures that you are ready to roll out secure access to your Joomla site using Facebook login credentials within minutes.


Add social sharing buttons throughout your site. Automatically add Facebook, Twitter, LinkedIn and Pinterest sharing buttons to Joomla and K2 content. You'll have control over the style, size, position as well as targeting abilities to only include specific categories or articles. Additionally, with easy to use Joomla modules, you can add the sharing features to any other extension as well.


The SCLogin module is freely available to any users of Joomla 3.x and Joomla 4.x. This module is based off the Joomla 3.x/4.x login module, with improvements like a horizontal mode, streamlined looks, and a modal popup view for login and registration. Additionally, the new module seamlessly integrates with JFBConnect for Facebook, Google+, Twitter and LinkedIn integration, letting you easily let users login using the most popular social networks in a slick looking login module.


Joomla 3.x users are familiar with the new Login module's looks. With the SCLogin module, we've made additional tweaks based on feedback from our users and testing to make things more clear and easy to use. If you're on Joomla 3.x, you should be familiar with the overall looks.


If you're using JFBConnect for the best Facebook, Google, Twitter and LinkedIn Joomla integration, the SCLogin module will automatically include your social login buttons. For maximum flexibility, you can choose the type of social buttons (icon, icon + text, custom image, or Javascript social network default) and location (under or on the side of the login form).


Looking to provide your users more security? Joomla 3.2 introduces two factor authentication, where users log in with a username, password and a time-based secret key (which changes every 30 seconds). SCLogin makes the process seamless and intuitive, no matter how a user's login is configured.


With our social extensions, we get the question all the time: How can I make the login module horizontal? Previously, this took lots of CSS or overrides to get the standard Joomla login module to play nice. With our improved SCLogin module, it's an easily set parameter.


Firstly I tried Akeeba Social Login. After I install and enable the plugin, on the login page the facebook login button appears next to the login button, but when I click it there is an error message from facebook saying URL not whitelisted. I check Akeeba's page, but there is no documentation regarding how to set the whitelist. Besides I find that Akeeba seems not maintaining this plugin any more, it doesn't even appear in its product list. So I've decided not to use this plugin.


Next I tried the two free extensions that appear when you search "social login" on Joomla's extension directory, they are "social login" by thekrotek and "miniorange social login" by xecurify. For both of them settings are easy, I just input the App ID and Secret like I did with Akeeba Social Login. However, this time the facebook login button won't even show up on my frontend. I've sent emails to both company but no response yet.


Can someone recommend working social login extension? What I want is very simple - just login via facebook/google, so I prefer free extensions if possible. Or if you have experience with the two extensions I mention above, please share.


To add the Facebook javascript SDK to your site you need to go to Extensions => Templates => your template and edit the index.php. You should add the code snippet right below the start of the tag. Then you need to add a custom module, I recommend using the the Custom HTML advanced module because it doesn't filter your input, to be able to place your facebook code where ever you want.


1) It could be a module. Then you should go to Extensions > Module Manager under Administrative Panel and turn off the module with Social icons. It could be named arbitrarily, but you could find it by position.


  • Please ask your question in English as everybody else does. It does help the other users with different languages, when they run into the same issue.","response-8":"This might be a template override problem. Use your FTP program and go to \/templates\/your template\/html and \/templates\/your template\/html\/layouts and look for any folders with DP in the name. Rename or delete these folders. Check if it is operating properly.\r\nPlease let us know if this works for you or not. Thanks.","response-7":"Glad we could help. It would be fantastic if you can post a 100% positive review on the JED http:\/\/extensions.joomla.org\/extensions\/extension\/calendars-a-events\/events\/dpcalendar to tell others how great our service is. Good reviews are IMPORTANT for you and us. We can serve you in the future with amazing new features and it motivates us to participate in the active development of the Joomla CMS.\r\nAnyway, I hope you was happy with our support.","response-6":"Set error reporting to maximum and turn on debugging in your Joomla configuration. Is there an error shown instead of the white page? Can you please copy the stack trace in a new comment on the case then.","response-5":"Can you try to use the default Joomla template like Protostar for a test? If it works then we will know it is a template issue.","response-4":"Can you open a new case for your new question? It is important for us to only have one question per case. This helps to keep the focus on the case and when others will get the same issue to be able to find quickly the solution. Thanks for understanding.","response-3":"Can you post a link to your site that we can have a look? Thank you.","response-2":"Can you please apply patch and check if it works correctly now? To do that, download the attached patch file below the case description to your computer, then follow the instructions from the docs article #7184.\r\nIf it doesn't work because your hoster has some restrictions on the server, then click on the patch file and follow the explanation at the top of the modal dialog. The modifications should be done directly on the files on your web server. Extplorer is an extension which allows to browse your Joomla files and to modify them. As alternative you can also use FTP to access the files or sometimes the hosters admin UI allows to make modifications to local files.","response-1":"At this point we need access to your site in order to perform some tests and debug the problem. We recommend to make a clone of your site and anonymize all your data, to be compliant with the privacy regulation in your country. If you give us access to your production site, then it is your responsibility to take measures to be inline with the privacy law in your country. We assume that when you grant us access that all is ok, we will use your information only for the purpose to solve the issue. After the problem is solved, please delete or revert the credentials, that nobody can later use them again. We never had an incident where something happened with your data or we damaged a production site, but it is always better to stay on the safe side.Please provide us with the following information:\r\n\r\nThe URL to the site on the front end which is not working.\r\nThe URL to your site's administrator login page, make sure that the language of the user is set to English.\r\nSuper Administrator username and password\r\nFTP connection information\r\n\r\nPlease allow up to one business day (GMT+2 timezone) for us to log in to your site and debug this issue. When we are done we will post back. Once the issue is fixed, you can revoke the access e.g. by changing the Super Administrator and FTP passwords.\r\nHide informationTo hide your credentials set access level of the comment or the whole case to Staff.\r\nIMPORTANT INFORMATIONIn order for us to help you fast and accurately, please provide the information by copying the form below, paste it into your reply and fill in the information:----- Access Information Form -- START -----\r\nUrl on the front end\r\n\r\nThe URL on the front of your site (e.g. http:\/\/www.example.com\/events\/calendar.html):\r\n\r\nSuper Administrator access\r\n\r\nURL to site's administrator page (e.g. http:\/\/www.example.com\/administrator?foobar):\r\nSuper Administrator username:\r\nSuper Administrator password:\r\n\r\nFTP connection information\r\n\r\nFTP methods supported (e.g. FTP, FTPS, SFTP):\r\nFTP Hostname:\r\nFTP Username:\r\nFTP Password:\r\nFTP Port (if other than 21 for FTP and 22 for SFTP, ask your host):\r\n\r\n----- Access Information Form -- END -----Please make sure that you have tested the Super Administrator connection using a different browser or machine than the one you are using daily. Double check that logging in is possible and that the user has Super Administrator (Super User) privileges, i.e. it's not a regular Administrator. Make sure that your site does not block whole countries or IP ranges which would make it impossible for me to log in \/ connect by FTP. Finally, please do make sure that the FTP connection works and that logging in to it I have access to your site's files."},"DPStrap.ga":"UA-38873366-5","joomla.jtext":"TMPL_DPSTRAP_CLOSE":"Close","ERROR":"Error","MESSAGE":"Message","NOTICE":"Notice","WARNING":"Warning","JCLOSE":"Close","JOK":"OK","JOPEN":"Open","system.paths":"root":"","rootFull":"https:\/\/joomla.digital-peak.com\/","base":"","baseFull":"https:\/\/joomla.digital-peak.com\/","csrf.token":"df8c8cf87f0cebb2094b14ce0171625b"}"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":["@type":"ListItem","position":1,"item":"@id":"https:\/\/joomla.digital-peak.com\/","name":"Home","@type":"ListItem","position":2,"item":"@id":"https:\/\/joomla.digital-peak.com\/documentation","name":"Documentation","@type":"ListItem","position":3,"item":"@id":"https:\/\/joomla.digital-peak.com\/documentation\/dpcalendar","name":"DPCalendar","@type":"ListItem","position":4,"item":"@id":"https:\/\/joomla.digital-peak.com\/documentation\/dpcalendar\/calendar-plugins","name":"Calendar plugins","@type":"ListItem","position":5,"item":"name":"Facebook plugin"].tmpl-dpstrap .dp-container_fluid>.dp-griddisplay:block.tmpl-dpstrap .dp-griddisplay:grid;grid-template-columns:repeat(12, 1fr);grid-gap:0;width:100%.tmpl-dpstrap .dp-grid__col-1grid-column:span 1.tmpl-dpstrap .dp-grid__col-2grid-column:span 2.tmpl-dpstrap .dp-grid__col-3grid-column:span 3.tmpl-dpstrap .dp-grid__col-4grid-column:span 4.tmpl-dpstrap .dp-grid__col-5grid-column:span 5.tmpl-dpstrap .dp-grid__col-6grid-column:span 6.tmpl-dpstrap .dp-grid__col-7grid-column:span 7.tmpl-dpstrap .dp-grid__col-8grid-column:span 8.tmpl-dpstrap .dp-grid__col-9grid-column:span 9.tmpl-dpstrap .dp-grid__col-10grid-column:span 10.tmpl-dpstrap .dp-grid__col-11grid-column:span 11.tmpl-dpstrap .dp-grid__col-12grid-column:span 12@media screen and (max-width: 740px).tmpl-dpstrap .dp-grid__col-1grid-column:span 12.tmpl-dpstrap .dp-grid__col-2grid-column:span 12.tmpl-dpstrap .dp-grid__col-3grid-column:span 12.tmpl-dpstrap .dp-grid__col-4grid-column:span 12.tmpl-dpstrap .dp-grid__col-5grid-column:span 12.tmpl-dpstrap .dp-grid__col-6grid-column:span 12.tmpl-dpstrap .dp-grid__col-7grid-column:span 12.tmpl-dpstrap .dp-grid__col-8grid-column:span 12.tmpl-dpstrap .dp-grid__col-9grid-column:span 12.tmpl-dpstrap .dp-grid__col-10grid-column:span 12.tmpl-dpstrap .dp-grid__col-11grid-column:span 12.tmpl-dpstrap .dp-grid__col-12grid-column:span 12.tmpl-dpstrap__icon svgwidth:1em;height:1em;vertical-align:-2px;fill:currentColor.tmpl-dpstrap .nav.mod-listdisplay:flex;justify-content:flex-end;align-content:center;align-items:center;flex-wrap:wrap;list-style-type:none;padding:0;margin-left:auto;margin-top:0;margin-bottom:0.tmpl-dpstrap .nav.mod-list>lifloat:left;line-height:20px.tmpl-dpstrap .nav.mod-list>li adisplay:block;padding:7px 13px;margin:0 2px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-size:.85em.tmpl-dpstrap .nav.mod-list>li a:hoverbackground-color:#679ac2;color:#000;text-decoration:none.tmpl-dpstrap .nav.mod-list>li.currentbackground-color:#679ac2.tmpl-dpstrap .nav.mod-list>li.current acolor:#000.tmpl-dpstrap .dp-container-submenu .nav>li acolor:#000.tmpl-dpstrap .dp-navigationdisplay:none;align-items:center;margin:10px;box-shadow:none;color:#fff.tmpl-dpstrap .dp-navigation__iconfont-size:2em.tmpl-dpstrap .dp-navigation__textmargin-right:5px@media screen and (max-width: 1200px).tmpl-dpstrap .tmpl-dpstrap__header .nav lidisplay:none.tmpl-dpstrap .tmpl-dpstrap__header-naviconfloat:right;display:flex.tmpl-dpstrap .tmpl-dpstrap__header .nav.responsiveposition:relative.nav.responsive .tmpl-dpstrap .tmpl-dpstrap__header-naviconposition:absolute;right:0;top:0.tmpl-dpstrap .tmpl-dpstrap__header .nav.responsive lifloat:none;display:block;text-align:left;width:100%.tmpl-dpstrap .dp-container_fixedmax-width:1000px;margin:0 auto.tmpl-dpstrap__top-barbackground-color:#3271a3.tmpl-dpstrap__top-bar>divdisplay:flex.tmpl-dpstrap__top-bar .dp-loginbackground-color:#00365d;color:#fff;min-height:2.5em.tmpl-dpstrap__top-bar .dp-login>formmargin:auto 3px.tmpl-dpstrap__top-bar .dp-login amargin:auto 3px;padding-right:5px;color:#fff;font-weight:600;font-size:.9em.tmpl-dpstrap__top-bar .dp-login button.dp-login__buttonbackground-color:rgba(0,0,0,0);border:0;color:#fff;font-weight:600;font-size:.9em;cursor:pointer.tmpl-dpstrap__top-bar .dp-login button.dp-login__button:hovertext-decoration:underline.tmpl-dpstrap__top-bar .dp-login__avatarmargin:5px 2px 2px 2px;overflow:hidden;width:2em;height:2em.tmpl-dpstrap__top-bar .dp-share__buttoncolor:#fff;margin:auto 3px.tmpl-dpstrap__top-bar .dp-share__button svgwidth:2em;height:2em.tmpl-dpstrap__top-bar .dp-share__button:hovercolor:#7dafd7.tmpl-dpstrap .dp-top-bar__linksmargin-right:auto;background-color:#00365d.tmpl-dpstrap .dp-top-bar__links .nav.mod-listdisplay:flex;justify-content:flex-end;align-content:center;align-items:center;flex-wrap:wrap;list-style-type:none;padding:0;margin-left:auto;margin-top:0;margin-bottom:0.tmpl-dpstrap .dp-top-bar__links .nav.mod-list>lifloat:left;line-height:20px.tmpl-dpstrap .dp-top-bar__links .nav.mod-list>li adisplay:block;padding:7px 13px;margin:0 2px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-size:.85em.tmpl-dpstrap .dp-top-bar__links .nav.mod-list>li a:hoverbackground-color:#679ac2;color:#000;text-decoration:none.tmpl-dpstrap .dp-top-bar__links .nav.mod-list>li.currentbackground-color:#679ac2.tmpl-dpstrap .dp-top-bar__links .nav.mod-list>li.current acolor:#000.tmpl-dpstrap .dp-top-bar__links .dp-container-submenu .nav>li acolor:#000.tmpl-dpstrap .dp-top-bar__links .dp-navigationdisplay:none;align-items:center;margin:10px;box-shadow:none;color:#fff.tmpl-dpstrap .dp-top-bar__links .dp-navigation__iconfont-size:2em.tmpl-dpstrap .dp-top-bar__links .dp-navigation__textmargin-right:5px@media screen and (max-width: 1200px).tmpl-dpstrap .dp-top-bar__links .tmpl-dpstrap__header .nav lidisplay:none.tmpl-dpstrap .dp-top-bar__links .tmpl-dpstrap__header-naviconfloat:right;display:flex.tmpl-dpstrap .dp-top-bar__links .tmpl-dpstrap__header .nav.responsiveposition:relative.nav.responsive .tmpl-dpstrap .dp-top-bar__links .tmpl-dpstrap__header-naviconposition:absolute;right:0;top:0.tmpl-dpstrap .dp-top-bar__links .tmpl-dpstrap__header .nav.responsive lifloat:none;display:block;text-align:left;width:100%.tmpl-dpstrap .dp-top-bar__links .nav>li acolor:#fff;font-weight:600;font-size:.9em@media screen and (max-width: 1200px).tmpl-dpstrap .dp-top-bar>divflex-wrap:wrap.tmpl-dpstrap .dp-top-bar>div>div:first-childborder-bottom:1px solid #3271a3;width:100%.tmpl-dpstrap .dp-top-bar>div>div:not(:first-child)flex:1 1 auto.tmpl-dpstrap .dp-top-bar .nav>lidisplay:block.tmpl-dpstrap__headerposition:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;width:100%;z-index:1002;background-color:#004576.tmpl-dpstrap__header .nav.mod-listdisplay:flex;justify-content:flex-end;align-content:center;align-items:center;flex-wrap:wrap;list-style-type:none;padding:0;margin-left:auto;margin-top:0;margin-bottom:0.tmpl-dpstrap__header .nav.mod-list>lifloat:left;line-height:20px.tmpl-dpstrap__header .nav.mod-list>li adisplay:block;padding:7px 13px;margin:0 2px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-size:.85em.tmpl-dpstrap__header .nav.mod-list>li a:hoverbackground-color:#679ac2;color:#000;text-decoration:none.tmpl-dpstrap__header .nav.mod-list>li.currentbackground-color:#679ac2.tmpl-dpstrap__header .nav.mod-list>li.current acolor:#000.tmpl-dpstrap__header .dp-container-submenu .nav>li acolor:#000.tmpl-dpstrap__header .dp-navigationdisplay:none;align-items:center;margin:10px;box-shadow:none;color:#fff.tmpl-dpstrap__header .dp-navigation__iconfont-size:2em.tmpl-dpstrap__header .dp-navigation__textmargin-right:5px@media screen and (max-width: 1200px).tmpl-dpstrap__header .tmpl-dpstrap__header .nav lidisplay:none.tmpl-dpstrap__header .tmpl-dpstrap__header-naviconfloat:right;display:flex.tmpl-dpstrap__header .tmpl-dpstrap__header .nav.responsiveposition:relative.nav.responsive .tmpl-dpstrap__header .tmpl-dpstrap__header-naviconposition:absolute;right:0;top:0.tmpl-dpstrap__header .tmpl-dpstrap__header .nav.responsive lifloat:none;display:block;text-align:left;width:100%.tmpl-dpstrap__header>divdisplay:flex;align-content:center;align-items:baseline.tmpl-dpstrap__header-logomargin:3px;color:#fff !important.tmpl-dpstrap__header-logo imgwidth:auto;max-height:50px;transition:all linear .2s.tmpl-dpstrap .container-submenu .nav.mod-listdisplay:flex;justify-content:flex-end;align-content:center;align-items:center;flex-wrap:wrap;list-style-type:none;padding:0;margin-left:auto;margin-top:0;margin-bottom:0.tmpl-dpstrap .container-submenu .nav.mod-list>lifloat:left;line-height:20px.tmpl-dpstrap .container-submenu .nav.mod-list>li adisplay:block;padding:7px 13px;margin:0 2px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-size:.85em.tmpl-dpstrap .container-submenu .nav.mod-list>li a:hoverbackground-color:#679ac2;color:#000;text-decoration:none.tmpl-dpstrap .container-submenu .nav.mod-list>li.currentbackground-color:#679ac2.tmpl-dpstrap .container-submenu .nav.mod-list>li.current acolor:#000.tmpl-dpstrap .container-submenu .dp-container-submenu .nav>li acolor:#000.tmpl-dpstrap .container-submenu .dp-navigationdisplay:none;align-items:center;margin:10px;box-shadow:none;color:#fff.tmpl-dpstrap .container-submenu .dp-navigation__iconfont-size:2em.tmpl-dpstrap .container-submenu .dp-navigation__textmargin-right:5px@media screen and (max-width: 1200px).tmpl-dpstrap .container-submenu .tmpl-dpstrap__header .nav lidisplay:none.tmpl-dpstrap .container-submenu .tmpl-dpstrap__header-naviconfloat:right;display:flex.tmpl-dpstrap .container-submenu .tmpl-dpstrap__header .nav.responsiveposition:relative.nav.responsive .tmpl-dpstrap .container-submenu .tmpl-dpstrap__header-naviconposition:absolute;right:0;top:0.tmpl-dpstrap .container-submenu .tmpl-dpstrap__header .nav.responsive lifloat:none;display:block;text-align:left;width:100%.tmpl-dpstrap .container-submenu .nav acolor:#000 !important.tmpl-dpstrapheight:100%;min-height:100%;position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;line-height:26px;color:#555;margin:0.tmpl-dpstrap acolor:#2e4de7;text-decoration:none.tmpl-dpstrap__button-groupdisplay:flex;align-content:center;align-items:center.tmpl-dpstrap div[class^=com-dpcases-] .dp-icon svgwidth:1em;height:1emBlog

AboutLog inSign up! ExtensionsDemoDownloadSubscribeAskDocumentationMenu#763 Facebook pluginParent Category:DPCalendarCategory:Calendar pluginsLast Updated:Allon Moritz, Tuesday, 23 November 2021 10:02Created:Thursday, 01 May 2014 17:47Hits:10038 DPCalendar IntroductionThe Facebook plugin reads events from your Facebook page and transfers them to your DPCalendar Joomla Calendar.What it needs to fetch your Facebook Page events is the Page ID, an App which has read access to the events and the App secret for authentication. The easiest way is to import your Facebook Pages to make them accessible in DPCalendar. To be able to import the calendars you need to get first an app id and app secret string from the Facebook developer console. 2ff7e9595c


0 views0 comments

Recent Posts

See All

Comments


bottom of page