Login Form

Hi @chengjianping

Do you mean the “UsersWP – Front-end login form, User Registration, User Profile & Members Directory plugin for WordPress” plugin?

If you do, then it seems they use custom form fields and don’t fire the WordPress default login form actions meaning that our WordPress integration won’t be able to render the social buttons into their forms out of the box. But the good news is that, they have multiple actions in their login and register form templates, so you can hook functions into those actions to render the social buttons with PHP code, e.g. with do_shortcode() like we mention here:

• https://nextendweb.com/nextend-social-login-docs/usage/#php-example

Tip: If you are a Nextend Social Login – Pro Addon user, then please get in touch with use directly over the ticket system:

• https://nextendweb.com/contact-us/nextend-social-login-support/

and we will give you a tip for our Custom Actions feature, so you could make Nextend Social Login render the social buttons into the login and register forms of UserWP without doing custom coding!

As for the the question about our shortcode:

On the Usage tab of each provider, you can find an example for the shortcode. But basically this is the shortcode that renders the social buttons:

[nextend_social_login]

If you are interested in its parameters, you can check them here:

• https://nextendweb.com/nextend-social-login-docs/theme-developer/#shortcode

Tip: make sure you check the results as a logged out user. Since this shortcode won’t display anything for logged in users. For logged in users, we have rather the link and unlink buttons, that you can render by adding the link and unlink parameters to the shortcode, like you see in the documentation above.

Best regards,
Laszlo.

The login button is out, and I have entered my social account, but there is a problem. When a normal user chooses to log in, a 404 interface is displayed, but when I use an administrative account to log in, I can log in normally. What should I do?
URL:https://imgur.com/a/EZhOLUs

@chengjianping

The problem seems to be caused by that, the page where we try to handle the OAuth flow over, is not accessible. By default it is the /wp-login.php page.
When the WordPress default login page is not accessible, you should force Nextend Social Login to handle the OAuth flow and the Register flow over other publicly available pages that you don’t use for anything else and excluded from all kind of caching.
For this you need to use our “OAuth redirect uri proxy page” and “Page for register flow” settings. Both of these can be found in our Global settings > General tab:

• https://nextendweb.com/nextend-social-login-docs/global-settings/

and you should configure them in the following way:

• For the Page for register flow:?You should create a new page and add the shortcode into it: [nextend_social_login_register_flow] then select that page for this setting. Extra information before the registration with social login – like Terms and Conditions, Username, Password, Email – would be asked on this page. (?Make sure you don’t use this page for anything else!?)
• For the OAuth redirect uri proxy page:?You should create?another?new and completely empty page (?that you won’t use for anything else either?) and select it as OAuth redirect uri proxy page. Once it is done, the redirect URL of each configured provider will change, as the OAuth flow will be handled over this new page instead of the /wp-login.php page. So, you will need to add the new redirect URLs into each of your configured Apps again. ( Nextend Social Login will also warn you about this with a message, where you can see all the steps, but actually, you can find the redirect URLs in the Getting Started section of the providers, too. – The redirect URLs are the URLs that usually contain this query string: “?loginSocial=” )

If the problem still occurs even after you made these changes, then let me know and we will take another look.

OK, how can I make this login button longer? It doesn’t look right now
url:https://imgur.com/a/BCv29K3

Hi @chengjianping

As you can see in the documentation of our shortcode that my colleague linked above:

• https://nextendweb.com/nextend-social-login-docs/theme-developer/#shortcode

we have the “style” parameter. So there you could set the “fullwidth” style and that way your button would go as wide as the container. E.g.:

[nextend_social_login style="fullwidth"]

Does it mean to put the [nextend_social_login style=”fullwidth”]
code together with the one I put at the beginning? I tried putting it alone and together, but it didn’t work
URL:https://imgur.com/a/EqwMYMv

@chengjianping

Yes, you can add that style=”fullwidth” parameter to the one that you used already, and it should make the buttons as wide as the container.

In your case, the buttons won’t go any longer as your container – the shortcode block of Elementor – is as wide as the content inside. So if you want the buttons to go wider, you should make your shortcode block wider as well. As I see it already has max-width: 100%; set, but it doesn’t have any “width”, so e.g. if you set width:100%; on the shortcode block, then the shortcode block could go as wider as its container as well, and then the social buttons inside the shortcode block could go wider as well.

Hello, I want to set up a login through TikTok. After I set it up, it prompted me for the URL, terms of service and tos link. How can I set these?

URL:https://imgur.com/a/xAXyhpp

Hi @chengjianping

In 2024, Privacy Policy and Terms and Conditions pages are mandatory for all websites. So you should have prepared these pages already before, you released the website, without these you can get into trouble with your local and international laws. Nextend Social Login can not help you in creating these pages, as these are not the responsibility of a plugin, but the site owner’s. Either ways, you can find many samples on the web, and there are dedicated plugins that can create such pages for you.

If you have those pages already, just you are interested where you can set them in the TiKTok App, then please note that, the TikTok provider is available only with the Pro Addon. And as per the forum guidelines topics about commercial products such as the Pro Addon, can not be discussed here:

• https://www.ads-software.com/support/guidelines/#do-not-post-about-commercial-products

So as I suggested above, please get in touch with use directly over the ticket system:

• https://nextendweb.com/contact-us/nextend-social-login-support/

Best regards,
Laszlo.

After I set up the login through Facebook, an error message popped up and I couldn’t access the Facebook app backend. What’s going on?

Hi @chengjianping

Do you mean accessing to your App at https://developers.facebook.com/apps/ ?

If you do, then please note that, we are not affiliated with Facebook. We are creating integrations for their APIs, but we don’t have any control over how their website and their API endpoints work.

Either ways, first of all I would suggest you to check if you actually logged in with the Facebook account that you created the App with, as you are not able to manage you Apps with other accounts ( unless you have already set up the correct roles for them in your App earlier ).

If you logged in with the correct account yet you still can’t see or access the Facebook App in question, then I would suggest to file a bug report here:

• https://developers.facebook.com/support/bugs/

just make sure you don’t share any sensitive information, as the bug reports are public. Most likely somebody from the Meta Team will get back to you and hopefully can help you figuring out why your App disappeared / you are unable to access to it.

In that case if you actually meant an error when accessing the backend of the Facebook provider within Nextend Social Login itself, then please send us a screenshot of the error that you receive.

Best regards,
Laszlo.