Robert

You don’t need to. If the emails are considered to be Google emails, so you are able to log in to Google with them, then everything should work. Otherwise you won’t be able to authenticate, since that email does not exist on the end of Google.

In this case, as I mentioned you just need to reverse the logic of that code in the documentation, so if the email domain matches with one in the array, you return the data, otherwise you add the error, and then people registering with domains that are not in this whitelist won’t be able to, and will instead see the error.

Hi @denisflorin197!

Do you mean you want to allow login/registration with only a certain group of domains? If so, then the code you found in our documentation:
https://nextendweb.com/nextend-social-login-docs/backend-developer#prevent-registration
Is a great start. Please note that we cannot provide support for custom coding, but basically you just need to reverse the logic there, so instead of disabling the registration with certain domains, you allow the registration with certain domains.

If this is not what you mean, then could you please provide more information about the exact use case?

Hi @tvhex!

I wasn’t able to view your images, as the access is denied to them, see:
https://www.dropbox.com/scl/fi/gphihhbrx6p3i673bdv4j/access_denied.jpg?rlkey=6lg25y8z7p8x431x3unwuxvok&dl=0

But that is happening because of what Gabor has mentioned previously. So it is not possible to use special characters for user data, in which case we won’t be able to generate a comprehensible username either, so we will end up generating a random username, so that is probably what you saw. In the Pro Addon we have an option to request user input when the username is invalid or empty, in which case we will ask the user to enter a name manually. Please note that we cannot provide support for commercial products on this forum, so if you are interested in this, then rather please contact us here:
https://nextendweb.com/contact-us/nextend-social-login-support/

Currently, your other option is to change the special characters with a custom code, like Gabor mentioned previously:
https://nextendweb.com/nextend-social-login-docs/backend-developer/#modify-userdata

Hi @chengjianping!

I am sorry, but we do not have a option for this, however you can change the button width with custom CSS, but please note that we do not provide support for custom coding, but here is an example:

.nsl-container-block-fullwidth{
   width: 50%;
}

You can of course apply other styles as well, but in that case you will need to find the correct selector, and apply the correct CSS. You might need to apply media queries as well
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

If you don’t have a good place to put CSS codes, you could use a plugin like this one:
https://www.ads-software.com/plugins/custom-css-js/
which will offer an option for you to create custom CSS.

But if you are looking to increase the width, then as Laszlo has mentioned, the fullwidth style will make the buttons as wide as the container you put them in, so in this case increasing the container width will be sufficient.

Hi @chengjianping!

Our buttons work in a way that we try to redirect back to the same page where they were pressed. There are cases where this is not correct, for example on the WordPress default login page (/wp-login.php), in such cases we will redirect to the home page, or to the URL that you set for the Default redirect url” setting.

In your case I can only see the buttons on the /wp-login.php page, so that’s why it won’t redirect to your My Account page. If you showed the buttons on the My Account page as well, so visitors would be able to log in there too, then after the registration/login with the buttons, they would be redirect back there.

We have multiple redirect related options, like:

• If you published the buttons with the shortcode, then you can use the “redirect” parameter to define where the shortcode rendered button should redirect afterwards. (e.g. [nextend_social_login redirect=”https://nextendweb.com/”%5D – you can also find the available shortcode parameters here:
  https://nextendweb.com/nextend-social-login-docs/theme-developer/#shortcode)
• If you want to redirect to the My Account page from all social login buttons, then you can use our “Fixed redirect url” setting on the General tab: https://nextendweb.com/nextend-social-login-docs/global-settings/
• If you want to redirect based on advanced logic, then you can override it through our “{{provider-id}}_login_redirect_url” and “{{provider-id}}_register_redirect_url” filters. In the developer documentation you can find more information about these:
  https://nextendweb.com/nextend-social-login-docs/backend-developer/#connect-flow
  but please do note that we cannot help with custom coding.

Note: It is possible that third parties override our redirects, and in case you meet such a problem, you can enable the “Prevent external redirect overrides” – “Disable external redirects” setting, which can also be found on the General tab.

Your screenshot goes to a 404 page, so I wasn’t able to check it. If you mean that you added our shortcode like the one for WooCommerce, then that should work, and it will display the buttons on the checkout page. Likewise you could add it to other pages as well.

If you have further questions, then you can also contact us here:
https://nextendweb.com/contact-us/nextend-social-login-support/?topic=Publishing&version=Free
and sending an attachment via email there would be easier.

How does Facebook switch from Chinese to English? I can’t set it up. I’ll switch to English and show you a screenshot
You can change Facebook language like this:
https://www.facebook.com/help/327850733950290
Or you can use Google translate in your browser.
But the problem is basically that the name you chose is not available.

If I want to place a Google login button on the checkout page, do I need to enter the corresponding QR code below the code?
You can add our shortcode there as well:

[nextend_social_login]

Like this the buttons will be shown below the WooCommerce form.

Is it necessary to verify my Facebook developer by taking the screenshot below? Is it necessary to create an account in order to proceed?
Yes, the Business Verification is now a requirement to be able to use the Facebook App, and thus the social login.

Hi @regevkamber!

We do not have an option for this specifically, but you can achieve something similar with custom coding. However please note that we cannot provide support for custom coding, so this needs to be made and managed by you.

In our developer documentation we have some filters:
https://nextendweb.com/nextend-social-login-docs/backend-developer/#validate-username
that can be used to override a certain logic in Nextend Social Login.
In your case the “nsl_is_register_allowed” filter could work well in this case. What you need to do is when you are on the “My account” page, set a cookie, which you store this information. Then, inside this filter you can check this cookie to determine the page the user is on, and either allow the registration or don’t.

Additionally, in the Pro Addon we have an integration for WooCommerce:
https://nextendweb.com/nextend-social-login-docs/global-settings-woocommerce/
But on this forum we cannot provide support for commercial products, so if you are interested in this, then please rather contact us through or form:
https://nextendweb.com/contact-us/nextend-social-login-support/
Like this the buttons could automatically show up on the My account and Checkout pages. In the Free version, with a bit of work, you can show them there as well, in this case you can use the shortcode:

[nextend_social_login]

to place the buttons wherever you need it.

Hi @locke85!

The error you see is caused by changes that came with WordPress 6.3. Since then we have made compatibility fixes, so with the latest version of the plugin that error should not happen. I see you are using 3.5.1.16, so please update to the latest version, and that should fix it. If it wouldn’t, then please contact us here:
https://smartslider3.com/contact-us/support/?topic=Conflict

• This reply was modified 1 year, 3 months ago by Robert.

Hi @met45!

I am sorry, but we do not support custom coding. But about your code, 2 things to note:

1. By default we hide all the before and after elements. So if you want to show these, you need to change the display to block with !important:
   .btn-6::before, .btn-6::after{ display:block!important; }
2. Your code has lots of errors. It has no content:
   https://css-tricks.com/almanac/selectors/a/after-and-before/
   so you aren’t actually displaying anything. Then I see top, left etc. values being used, but it doesn’t really make sense this way, but instead these should be used with absolute positioning. Additionally, you set styles for span elements as well, but there is no span element in the Button.

So overall, this code will not work like this, so I would recommend finding someone who can fix this code for you, and achieve what you need, or use our options without custom coding.

Hi @dragansk!

I’m sorry, but we do not have an Instagram login, because they don’t want to support social logins. Since they merged with Facebook, they made a statement for the only API that could be used for such purpose:
https://developers.facebook.com/blog/post/2020/01/14/instagram-basic-display-api-long-lived-access-tokens-available/
“Note that Basic Display is not an authentication tool. Data returned by the API cannot be used to authenticate your app users or log them into your app. If your app uses API data to authenticate users, it will be rejected during App Review. If you need an authentication solution, use Facebook Login instead.”

So they want people to use Facebook Login if someone wants a login feature. So unfortunately, we won’t be making an Instagram provider.

Hi @johannes999!

We have checked this on an iPhone, but we did not see this problem. Have you managed to solve this already, or do you still see it? If you do, then please let us know the iOS version number of your iPhone.

Hi @thesmartseries!

I have checked your website, and it loaded fine for me, on PC and on Android as well.

The only problem that I see is that the slider took a bit of time to load. This is because your site isn’t really optimized at all, for example:

• there are lots of requests – the more the slower the loading is, so you could consider using a cache, or css/js optimizer plugin which can combine the CSS and JS.
• in the slider, on mobile view you show the same big image as you do on the desktop. We have our own option for optimizing this, but only in the Pro version, and due to the forum guidelines we cannot provide support for commercial products on this forum, so if you are interested in that feature, please rather contact us through our support form:
  https://smartslider3.com/contact-us/support/
  In the Free version what you can do is make a new slider for mobile/tablet and show different images there, and then hide the sliders on the unwanted views with CSS or with your page builder (so hide the desktop slider on tablet/mobile for example).
• content besides the slider is not lazy loaded either, and because of this images and iframes that show up “below the fold” will load at page load, further delaying the loading of content that are displayed “above the fold”.

If you didn’t mean this, and the slider doesn’t appear for you at all, then please share your:

• device OS name and its version number
• browser and version number where the problem is visible

In case anyone meets the same problem:

You can set the user type to “Internal” in your Google App on the OAuth Consent Screen. In such a case, Google itself will not allow authentication.

If it is needed to extend this email domain limitation to other providers, then that can be achieved with custom coding, as seen here:
https://nextendweb.com/nextend-social-login-docs/backend-developer/#prevent-registration
In the above example certain domains are blocked, so instead of that the logic needs to be reversed, to only allow certain domains. However, please note that we cannot help with custom coding.