Add BuddyBoss Social Login to Reign Theme Login Popup

This guide shows how to integrate BuddyBoss SSO (Social Login) buttons into the Reign theme’s login popup using a simple code snippet.

✅ Requirements

Reign Theme
BuddyBoss Platform Pro plugin (with SSO enabled and configured)
Social providers (Google, Facebook, etc.) already set up and active in BuddyBoss settings

📄 Step-by-Step Instructions

1. Add the Code Snippet

You can add this in one of the following places:

A custom plugin
A child theme’s functions.php file
A plugin like Code Snippets

add_action( 'bp_init', function() {
    add_action( 'reign_login_form_top', function() {
        if ( class_exists( 'BB_SSO' ) && method_exists( 'BB_SSO', 'render_buttons_with_container' ) ) {
            echo BB_SSO::render_buttons_with_container([
                'label_type' => 'login',
                'style'      => 'default', // Options: default, grid, icon, fullwidth
            ]);
        }
    }, 5 );
});

🎨 Optional Customizations

You can modify the layout by changing the style parameter:

'default' – Classic button layout
'grid' – Equal-width grid style
'icon' – Small icon-only buttons
'fullwidth' – Full-width stacked buttons

Example:

'style' => 'grid'

✅ Result

Your Reign login popup will now show social login buttons above the login fields, matching your active SSO providers from the BuddyBoss settings.

💡 Notes

Buttons render only for enabled social providers (e.g., Google, Facebook).
Buttons do not show for logged-in users.
This approach safely waits for BuddyBoss initialization using the bp_init hook.