Return to previous page

Implement authentication in checkout when user submit order

This topic has 2 replies, 2 voices, and was last updated 3 hours, 10 minutes ago ago by Rose Tyler

  • Avatar: nabil
    nabil
    Participant
    February 28, 2025 at 11:21

    I would like to implement authentication (via Google and Facebook) for users who want to submit an order at checkout, but only if they haven’t already been authenticated. Additionally, could you help me design Google and Facebook login buttons? The default ones look unattractive, and I’d like to improve their appearance. Thank you so much!

    #435739 Copied Theme version: 9.4.7
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 28, 2025 at 13:00

    Hello,

    Thank you for reaching out to us.

    1. Please read this topic – https://www.8theme.com/topic/login-by-facebook-and-google-not-visible-in-checkout-page/#post-272308

    2. Custom CSS code can be used to change the styling of Google and Facebook login buttons, for example:

    
.et-google-login-button {
    background-color: red;
}
.et-google-login-button:hover, .et-google-login-button:hover:focus {
    background-color: red;
}

.et-facebook-login-button {
    background-color: red;
}

.et-facebook-login-button:hover, .et-facebook-login-button:hover:focus {
    background-color: red;
}

button.show-password-input, .woocommerce-form-login br {
    display: none;
}

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Best Regards,
    8Theme’s Team

    #435758 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.