Login button

Hi @chengjianping

In this case that was the problem, as you inspected the page as a logged in user. If you want to test modifications on the frontend quickly ( without logging in and out ), you could open a private browsing session ( e.g. Chrome – Incognito mode ) and open your site there.

As for the positioning:
The shortcode renders the social button exactly at the position where you added the shortcode. So if you want it to appear above the form, you need to add the shortcode at that position.
In that case if you want the social buttons to appear within the WooCommerce form, then:
-you can utilize the actions that WooCommerce offers and render the social buttons on the action that you need via PHP code, e.g. via do_shortcode(). But please note that this requires some coding knowledge, as we can not provide support for custom coding.
-if you don’t want to do custom coding, then as I mentioned earlier our Pro Addon can automatically display the social buttons inside the forms. But like I mentioned earlier, as per the forum guidelines, topics about commercial products ( like our Pro Addon ) can not be discussed here. So if you have questions connected to Nextend Social Login Pro Addon, then please get in touch with us directly over the ticket system:

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

and we will answer your questions there.

As for the length of the social button:
If you set the “style” parameter to “fullwidth”, e.g.:

[nextend_social_login style="fullwidth"]

then the social button will go as wide as the container where you added the shortcode. So by limiting the width of the container, you could limit the width of the social button inside as well.

Best regards,
Laszlo.

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://wordpress.org/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

As I mentioned earlier, the shortcode renders the button exactly at the position where you added the shortcode.
So if you want to display the social buttons above the form, then you need to add the shortcode before the shortcode of WooCommerce.

But if you want to display the social buttons inside the WooCommerce form itself, then like I mentioned, you need to publish the buttons with PHP code, however please note that we can not provide support for custom coding.

If you didn’t manage to publish the buttons with the shortcode to the place where you want the button to appear, and you don’t have developer experience either to publish the buttons with PHP, then I would suggest you to give the Pro Addon a try, since there the buttons could appear in your WooCommerce Login, Register, Checkout and Account Details forms out of the box. ( So you don’t have to add the shortcode to anywhere, or write any custom codes, as the Pro Addon could render the buttons with the WooCommerce forms automatically.)
If you are interested in the Pro Addon, then please get in touch with us directly over the ticket system:

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

as we can not discuss topics about premium plugins here.

Best regards,
Laszlo.