Facebook Login Doesn’t Appear

Hi,

Read this: https://support.heateor.com/facebook-login-not-working/

I have this issue too, after use the custom code fb icon will showing. but very hard to click on Mobile. how to make those icon moving right a liitle ?

@bboyfan, We are not sure what you mean by “…how to make those icon moving right a liitle”.

SORRY for my poor english lol.

I just test different browser and mobile. if I use your custom css code let Facebook icon show up. the icon can not click.

you could try.
https://shop.chef-clean.com/account

@bboyfan
We checked the webpage you just mentioned and found that plugin’s Javascript files are not being loaded at the webpage that’s why Social Login is not working. You would like to let your website developer know this.

@heateor could you told me what file not being loaded ? that could help me fixed. thank you.

@bboyfan Ignore previous reply. Sorry.
The problem seems to be due to following Facebook SDK code appearing in HTML source of your webpage:

<script type="text/javascript">jQuery(document).ready(function () {
                        window.fbAsyncInit = function () {
                            FB.init({
                                appId: "",
                                xfbml: true,
                                version: 'v2.6'
                            });
                        };
                        console.log('loaded script . . . . . ');
                        (function (d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id))
                                return;
                            js = d.createElement(s);
                            js.id = id;
                                                js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
                                                fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));......
..........................
...........................

appId property is blank in above code. Use the same App ID you are using for Facebook Login, in the above code, so it becomes following:

<script type="text/javascript">jQuery(document).ready(function () {
                        window.fbAsyncInit = function () {
                            FB.init({
                                appId: "1586227024982632",
                                xfbml: true,
                                version: 'v2.6'
                            });
                        };
                        console.log('loaded script . . . . . ');
                        (function (d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id))
                                return;
                            js = d.createElement(s);
                            js.id = id;
                                                js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
                                                fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));......
..........................
...........................

@heateor

sorry but I cant find where can fixed that issue. my other fb plugin such like ads pixel is working fine. I also have try other login plugin also have not this problem ” but have some other issue ToT” .

could you told me how to fixed that blank code ?thank you

@bboyfan, only you can tell which plugin/functionality is inserting above code.